Category: Jquery

How to calculate total price using keyup function in jquery or javascript

The keyup() method triggers the keyup event, or attaches a function to run when a keyup event occurs. You can use parseFloat and parseInt to get the values from the other inputs, toFixed to ensure the final value looks like currency (remove that if it’s not needed), and provide a fallback of 0 in case […]

Update Content After Certain Time using jQuery,Ajax and PHP

Some content updates may be based on time the user information for the current user, other updates may be based on requests performed by any user, such as information based on a search performed by the Web-site visitor. You may also like Mysql UPDATE Statement using Join Statement. HTML and jQuery Code PHP Code (get_content.php)

How to upload image without refresh page using Ajax and PHP

Are you looking for ajax file/image upload without refreshing page using ajax, Jquery and php. I had implemented this ajax form submitting using jquery.form plugin. You may also like How to Load Data From Database Without Page Refresh using Ajax, jQuery and PHP and How to Submit the Form Without Page Refresh using Ajax, jQuery and PHP. HTML […]

Tabs using jQuery jquery

Tabs using jQuery

let lean how to create tabs using a Jquery and CSS. How To Create Tabs <div id=”example-tabs”> <h3>Keyboard</h3> <section> <p>What is needed to transform it to a tabs component? Not much. Just override some properties and done.</p> </section> <h3>demos</h3> <section> <p>Scroll down or up to see the other demos.</p> </section> <h3>Documentation</h3> <section> <p>For more information […]

jQuery Events jquery

jQuery Events

Click() Events: $(‘li’).on(‘click’, function(event){ alert(“Hello World”); }); 2) Hover() Event: $(‘img’).on(‘hover’, function(event){ alert(“Hello World”); }); Document Loading ready() Event: $(document).ready(function(){ $(“button”).click(function(){ alert(“thanks for clicking”); }); }); Browser Events resize() Events: $(window).resize(function(){ alert(“Your Windows Resizing”); }); 2. Scroll() Events: $(“div”).scroll(function(){ alert(“scrolled”); }); Form Events blur() Event: $(“input”).blur(function(){ alert(“This input field has lost its focus.”); }); 2. […]

How to validate bootstrap form using jQuery

We always need to add validation on form like registration form, contact form, login form etc. we always prefer to give validation error after page refresh but you can give validation without page refresh. If you use bootstrap then you can use easily bootstrapValidator.js plugin. bootstrapValidator.js plugin gives client side validation without page refresh. We […]