//Remove Html code from string
var textString = code.replace(/<\/?[^>]+(>|$)/g, " ").replace(/^( |nbsp;)+/g, '').trim(); //Match full url and generate a array
var urls = textString.match(/\b(http(s)?(:\/\/))?(www.)?[a-zA-Z0-9-_.]+(.[a-zA-Z0-9]{2,}).*?(\.\w+)([-a-zA-Z0-9:%_+.~#?&\/\/=]*)/ig);
//Remove content before http var url = /http(.+)/.exec(urls[0])[0];
Define data-autocomplete field in text field and then path of the function with parameters:
=f.text_field :user_search,"data-autocomplete" => autocomplete_user_name_path(:user_type=>"Admin")
Controller Action:
def autocomplete_institution_name
term = params[:term]
user_type = params[:user_type]
users = User.where('name LIKE ? AND user_type = ?', "%#{term}%",user_type).order(:name).all
render :json => users.map { |user| {:id => user.id, :label => user.name, :value => user.name} }
end
<<<==============================Ruby Ajax Form Submitting Syntax =======================>>>
=form_for @modelObject, :remote => true,:html => {:'data-type' => 'json',:onSubmit=>"checkform()"}
,:url => url_path([@paramsinUrl]) do |f|
<<<<=======================================Controller==============================>
def create
@modelObject = ModelObjectClass.new(params['params_name'])
respond_to do |format|
if @modelObject.save
format.html { redirect_to :back } format.json { render :json => {:status=>"success",:message=>'Added Sucessfully.'} }
else
format.html { redirect_to :back } format.json { render :json => {:status=>"error",:message=>'Error Message.'} }
end
end
end
<<<<==================================Javascript======================================>
$("#form_id").live("ajax:beforeSend", function(e, xhr, settings) {
});
$("#new_manual_air_booking").live("ajax:success", function(e, data, status, xhr) {
alert("Added");
render_time_slot(DI.day_wrapper_id,DI.day_date,DI.trip_id);
$("#daily_itinerary_event_model").html('');
}).live("ajax:error", function(e, xhr, status, error) {
alert("Error");
});
=======================================OR================================================
live => on
Instead of live you can use on because live deprecated few year back, syntax for using on is:
$(document).on('ajax:beforeSend','#form_id',function(e, xhr, settings) { });
Instead of document you can wright parent element id of element which we are going to target.
app:assets:precompile which precompiles all assets into static files that live in public/assets. This way you have all the performance of static files with all the expressiveness of Ruby.public/assets/images. foo.png now lives directly in public/assets.app/assets/images, app/assets/stylesheets, app/assets/fonts, etc.) are merged into one folder:public/assets.public/assets. That means both app/assets/javascripts/subfolder/* andapp/assets/stylesheets/subfolder/* now live in public/assets/subfolder/*public/assets/application.css). With the default manifest inapp/assets/stylesheets/application.css, stylesheets in app/assets/stylesheets/**/*.css are concatenated. Sopublic/application.css has the following content:public/assets/appliction.js). With the default manifest inapp/assets/javascripts/application.js, Javascripts in app/assets/javascripts/**/*.js are concatenated. Sopublic/application.js has the following content:url(../images/foo.png)-style tagsurl('fonts/bar.ttf')-style tagsurl(../images/foo.png). /assets/application.css and your image at /assets/foo.png. I have no idea why it works in development in the first place. Simply use the SASS helper:app/assets/fonts. src: url(...) in your @font-face definitions.src: font-url(...)src: url(fonts/...) now the leading fonts/ directory needs to be removed, because the fonts are compiled to the assets folder by the asset-pipeline.content_tags all over the place? You could also use Haml instead.render_haml as a helper method:self). This means that all of your other helper methods will be available to your Haml fragment.Shift twiceShift twice.Ctrl+Alt+S)$(document).ready(function() {
// document is loaded and DOM is ready
alert("document is ready");
});$(window).load(function() {
// page is fully loaded, including all frames, objects and images
alert("window is loaded");
});