Category : jQuery



How to redirect page using JQuery?

You can redirect page or url in your js file. when you require to redirect page form jquery thrn you can use window.location.href. window.location.href through you can redirect url using jquery/javascript. So, Let's see following example: <strong>Example:</strong> <pre class="prettyprint lang-js">window.location.href = "http://itsolutionstuff.com";</pre>

By Hardik Savani | March 10, 2016 | | 1712 Viewer | Category : jQuery
READ MORE

How to add multiple markers in google map

In this post we have to learn hoe to add a multiple location marker in google map. add following code for add multiple location marker. <img width="100%" style="border:2px solid cadetblue" src="/upload/Google map.png"> <strong>Add Google map canvas HTML code</strong> <pre class="prettyprint lang-html"> <div id="map_wrapper"> <div id="map_canvas" class="mapping"></div> </div> </pre> <strong>Add Google map canvas CSS code</strong> <pre class="prettyprint lang-css"> #map_wrapper { height: 400px; } #map_canvas { width: 100%; height: 100%; } </pre> <st.....

By Hardik Savani | March 9, 2016 | | 9732 Viewer | Category : jQuery
READ MORE

Multi select autocomplete jquery example with code

In this post i show you how to use autocomplete with multiple select option by jquery. I think you will did autocomplete for single option using jquery ui plugin. but in this post you can learn multi selection autocomplete using jquery ui. In bellow preview you can see how will output of your multiselect autocomplete because its like choose js or something like plugin. But for layout i just add my own css. this example i use jquery ui js file and one more multiselect js file that file through we can do multi select and one more thing you can also customization of autocomplete.multiselect.js fi.....

By Hardik Savani | March 8, 2016 | | 28176 Viewer | Category : jQuery
READ MORE

Angular $scope.form value undefined on submit in ionic framework.

When i was working first time in ionic framework with search module. i fetch one issue i can't get ng-model value in angular js controller on submit form. i was try like $scope.form because if you work on angular JS before then you can get all post data using $scope.form directly, But i try with bellow form and try to get that way but i always find undefined value on form, But at last i found how to solve this issue. you can see bellow example and find your solution. <strong>Form</strong> <pre class="prettyprint lang-html"> <form method="POST" name="searchForm" ng-submit="search()"> &l.....

By Hardik Savani | March 5, 2016 | | 4910 Viewer | Category : jQuery
READ MORE

PHP Image upload without refreshing page using jquery example

In this post i show you how to image upload without page reload using jquery ajax. jquery ajax through you can upload image and store record into database in php. i use jquery.form plugin for image uploading. So you can do by following few step of file uploading ajax jquery. <strong>Preivew</strong> <img width="100%" style="border:2px solid red" src="/upload/imageupload.png"> <br/> First you have to create index.php file as i do in following file, so create index.php file and put bellow code. <strong>index.php</strong> <pre class="code language-html"> <html lang="en"> <head> <ti.....

By Hardik Savani | March 4, 2016 | | 15017 Viewer | Category : jQuery
READ MORE

How to use each loop with class element of html in Jquery?

Whenever you need to use each loop in jquery then you can follow this example code. each with html class you can get whole object of that class using $(this) jquery function. In following example you can see i get attribute data-id using $(this).data('id'), that means you can take current class data attribute value. <strong>Example:</strong> <pre class="code language-html"> <html lang="en"> <head> <title>Each Loop with Class Jquery</title> <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> </head> <body> .....

By Hardik Savani | March 4, 2016 | | 978 Viewer | Category : jQuery
READ MORE

How to get ckeditor value with tags on ajax-submit ?

If you are use ckeditor for textarea and you need to fore ajax submit or form js submit, but you can't find ckeditor value in your controller or php file. So, first you have to update field using CKEDITOR.instances. so you can try to following code. <pre class="language-javascript"> for ( instance in CKEDITOR.instances ) CKEDITOR.instances[instance].updateElement(); </pre>

By Hardik Savani | February 26, 2016 | | 2138 Viewer | Category : jQuery
READ MORE

How to get max attribute value in jquery?

Sometimes, you have a many tag with same class and attribute with value, but you need to find maximal value of attribute from that comman class, In bellow you have same html tag: <pre class="code language-html"> <ul> <li class="test" data-id="3">hi</li> <li class="test" data-id="5">hey</li> <li class="test" data-id="1">hello</li> </ul> </pre> Now, you require to get max value, i mean you need to 5, because that is big value from other, so you can get maximal value from this way: <pre class="language-javascript"> var max = 0; $('.test').each(fu.....

By Hardik Savani | February 23, 2016 | | 1034 Viewer | Category : jQuery
READ MORE

Codeigniter Angularjs http post not working

Sometimes, you face problem you can't get post data using $this->input->post(), when you fire $http.post() using AngularJS or Jquery. I also face this issue, i can't receive post value when i fire $http.post in AngularJS, But i found how to receive post data or json data in Codeigniter controller. in following example through you can solve your problem: <pre class="language-php"> public function store() { $this->load->database(); $_POST = json_decode(file_get_contents('php://input'), true); $posts = $this->input->post(); $this->db->insert('posts', $posts); } </pre>

By Hardik Savani | February 22, 2016 | | 2891 Viewer | Category : jQuery
READ MORE

How to remove query string from URL using JQuery

<strong>Why remove query strings?</strong> Main two reasons for this. 1. Clear URL alwaya look better than the long URL 2. When you are not remove your query string from URL. then all get variable show in you URL string. sometime it not good for a security You can remove your query string using this simple Jquery code. <pre class="language-javascript"> $(document).ready(function(){ var uri = window.location.toString(); if (uri.indexOf("?") > 0) { var clean_uri = uri.substring(0, uri.indexOf("?")); window.history.replaceState({}, document.title, clean_uri); } }); </pre>

By Hardik Savani | February 17, 2016 | | 5350 Viewer | Category : jQuery
READ MORE

    Select box with search option example in Jquery using Chosen Plugin

    Select box with search option example in Jquery using Chosen Plugin

    Open Post

    Laravel 5 - create quick backend admin panel tutorial

    Laravel 5 - create quick backend admin panel tutorial

    Open Post

    How to create Laravel Resource Controller example?

    How to create Laravel Resource Controller example?

    Open Post

    Laravel - How to make subquery in select statement?

    Laravel - How to make subquery in select statement?

    Open Post

    Laravel 5 - category treeview hierarchical structure example with demo

    Laravel 5 - category treeview hierarchical structure example with demo

    Open Post

    Bootstrap star rating example using bootstrap-star-rating plugin

    Bootstrap star rating example using bootstrap-star-rating plugin

    Open Post