Tags » JQuery

AutoComplete Example

    templates_controller.rb:


module Api
module V2
module DirectSmile
class TemplatesController < Api::V2::BaseController
respond_to :json

def search
@templates = current_site.templates.where("name like ?", "%#{params[:term]}%").order(:name)
render json: @templates.map{|t| {value: t.name, label: t.name, desc: t.created_at.strftime(" %Y-%m-%d")}} 113 more words

Rails

Custom prompt, alert boxes using jquery

below code use full to make custom javascript alert, prompt, dialog boxes

resources are

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link href="css/jquery-confirm.css" rel="stylesheet" type="text/css">
http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js… 564 more words
Javascript

Menambahkan JQuery pada project Angular2 menggunakan Angular-Cli

Untuk menambahkan JQuery pada project angular2, kita perlu menjalankan perintah :

npm install jquery --save

kemudian tambahkan perintah AutoComplete khusus typescript ketika kita mengetik coding JQuery : 52 more words

Javascript

using jQuery to get url and extract url segments

$.urlParam = function(name){
    var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
    if (results==null){
       return null;
    }
    else{
       return decodeURI(results[1]) || 0;
    }
}


example.com?param1=name&param2=&id=6… 10 more words

JQuery

How to remove default text in textarea of ckeditor

When we add ckeditor textarea, it shows default text in the textarea – ‘This is my textarea to be replaced with CKEditor’.

To remove this default text from textarea, just use the below code :


CKEDITOR.instances.TEXTAREAID.setData('');

PHP

CSS Tricks: Responsive Flexbox Grid

I recently was asked to complete a little exercise for a job I am interviewing for. It was fairly simple – Build a responsive grid layout and e AJAX for adding and removing elements, dynamically. 1,923 more words

Tutorials

jQuery Project Solution

And finally, the solution.

HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>jQuery Loading Effect</title>
		<link href = "style.css" type = "text/css" rel = "stylesheet" />
	https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js
	http://script.js… 140 more words
JQuery