Showing posts with label JQuery. Show all posts
Showing posts with label JQuery. Show all posts

Sunday, 14 July 2019

How To Create a Toggle Button With jQuery

We see on off switch button on many website and also use it on some sites for any action. Doing an action coders think how do I toggle Show hide in jQuery. In this tutorial, we are going to see…

Read more

Tuesday, 19 February 2019

How to Create Dropdown With Search Box Using jQuery

In this tutorial, we are going to see how to add search box in drop-down list. When we use drop-down with huge list of value then it become tough for website user to select a particular value. Adding a search…

Read more

Tuesday, 5 February 2019

Copy TEXT to Clipboard on Button Click

Copy to clipboard is a very common task and we use it often in computer, laptop and mobile.......

Read more

Friday, 1 February 2019

Create Zoom effect on Image with mouseover Using Jquery and CSS

Zooming effect of Image on mouse over is basically useful for ecommerce website using ......

Read more

Infinite Scroll in PHP Using Jquery AJAX and MySQL

Infinite Scroll of Webpage in PHP In this tutorial here we are going to show how to infinite scroll a Page like facebook. In.......

Read more

Live Preview Content With Jquery

In this article I am going to discuss with reader how to see live preview content with jquery. Here I am using ......

Read more

Live Filter With Checkbox Using Jquery

Live Filter Data With Checkbox Using Jquery With AJAX I have required filtering the product with their attributes......

Read more

Dynamically Change Form Action Based on Select Option Using jQuery

In this article we are discussing about how to change form action based on select option.....

Read more

Dynamically Change Form Action Based on Select Option Using jQuery

In this article we are discussing about how to change form action based on select option.....

Read more

Live Filter With Checkbox Using Jquery

Live Filter Data With Checkbox Using Jquery With AJAX I have required filtering the product with their attributes......

Read more

Upload multiple images with Jquery and PHP

In previous tutorial I have posted an article about how to upload a file in PHP. In this article I am going to discuss about how to upload .....

Read more

Live Preview Content With Jquery

In this article I am going to discuss with reader how to see live preview content with jquery. Here I am using ......

Read more

Load More Data Onclick Using Jquery in PHP with AJAX

Now a days Facebook, Youtube and Twitter are using load more data techniques. This provide the features of loadin....

Read more

Infinite Scroll in PHP Using Jquery AJAX and MySQL

Infinite Scroll of Webpage in PHP In this tutorial here we are going to show how to infinite scroll a Page like facebook. In.......

Read more

Create Zoom effect on Image with mouseover Using Jquery and CSS

Zooming effect of Image on mouse over is basically useful for ecommerce website using ......

Read more

Send form data and save in PHP using Jquery and AJAX

In this tutorial we are going to discuss about how to send form data and save in Jquery usingf AJAX and PHP. Before .......

Read More

Thursday, 31 January 2019

Live Search System Using Ajax in PHP with MySQL


In this Tutorial we are going to discuss about instant live search in PHP using AJAX and jQuery. Live search .......

Read more

Sunday, 20 December 2015

What is the difference between onclick and .on('click')

What is the difference between onclick and .on('click') ?


Ans: 
1) if  i am using ajax with onclick or click and it is not working but when i am using .on('click'), it is working perfect.


2) .on(...) is new with Jquery and it will work with javascript or jquery.

3) preferring .on over .click because the former can use less memory and work for dynamically added elements.

Monday, 7 September 2015

how to redirect from one page to another using Jquery

To redirect from one page to another using jquery in php is very simple . Just see below shown example

<script>
$(location).attr('href','your_link_to_redirect');
</script>

Sunday, 9 August 2015

how to disable enter key for input textbox

Disable enter key for textbox input using JavaScript and Jquery.

<script>
$(document).ready(function()
    {
        // Stop user to press enter in textbox
        $("input:text").keypress(function(event) {
            if (event.keyCode == 13) {
                event.preventDefault();
                return false;
            }
        });
});
</script>