Posts

What is jQuery and how to start using jQuery

-
jQuery is not a language but it is a well written JavaScript code, As quoted on official jQuery website “it is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development“. What is jQuery jQuery is not a language but it is a well written JavaScript code, As quoted on official jQuery website “it is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.“ In order to work with jQuery you should be aware of basics of JavaScript, HTML and CSS. It was released in January 2006 at BarCamp NYC by John Resig. Licensing:  It is free, open source software Dual-licensed under the MIT License and the GNU General Public License. Microsoft has integrated jQuery officially into its IDE Visual Studio 2010 and jQuery intellisense is available in Visual Studio 2010 now. This is the first chapter of...
Post a Comment
Read more

Ajax Image Upload without Refreshing Page using Jquery.

-
Javascript Code $("#photoimg").live('change',function(){})- photoimg is the ID name of INPUT FILE tag and $('#imageform').ajaxForm() - imageform is the ID name of FORM. While changing INPUT it calls FORM submit without refreshing page using ajaxForm() method. <script type="text/javascript" src="http://ajax.googleapis.com/ ajax/libs/jquery/1.5/jquery.min.js"></script> <script type="text/javascript" src="jquery.form.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#photoimg').live('change', function() { $("#preview").html(''); $("#preview").html('<img src="loader.gif" alt="Uploading...."/>'); $("#imageform").ajaxForm( { target: '#preview' }).submit(); }); }); </script> index.php Contains simple PHP and HTML code. Here $session_id=1...
1 comment
Read more

Submit Form without Refreshing Page with Jquery

-
This post helps you to submit your form without refreshing page. In this tutorial I will show you how simple it is to do using jQuery form plugin just five lines of JavaScript code, no need to post data string values via ajax. Explained collaboration with validate plugin for implementing form field validations. JavaScript Code $("#form").ajaxForm()- form is the ID name of the FORM tag. While submitting FORM ajaxForm() method posting data to submit.php without refreshing page. Result will show in #preview. <script type="text/javascript" src="http://ajax.googleapis.com/ ajax/libs/jquery/1.5/jquery.min.js"></script> <script type="text/javascript" src="jquery.form.js"></script> <script type="text/javascript"> $('document').ready(function() { $('#form').ajaxForm( { target: '#preview', success: function() { $('#formbox').slideUp('fast'); } })...
Post a Comment
Read more

charanblog: Php Jquery file upload`

-
charanblog: Php Jquery file upload` : The system is very simple, build your upload form just like normal. In place of posting the form to the script you use some JavaScript code...
Post a Comment
Read more

Php Jquery file upload`

-
The system is very simple, build your upload form just like normal. In place of posting the form to the script you use some JavaScript code to post the data to some PHP script in the background. Requirements A LAMP server with PHP5 and Imagemagicks enabled (optional) the  Easy Upload PHP class the  jQuery Javascript Library and the  jQuery Form Plugin Download the required files and place the JavaScript files into the same directory as your HTML document and place the following JavaScript code into the HTML header: <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.form.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#loading") .ajaxStart(function(){ $(this).show(); }) .ajaxComplete(function(){ $(this).hide(); }); var options = { beforeSubmit: showRequest, success: showResponse, url: ...
Post a Comment
Read more

charanblog: Check no.of vowels in javascript and html

-
charanblog: Check no.of vowels in javascript and html :
Post a Comment
Read more

Check no.of vowels in javascript and html

-
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script language="javascript" type="text/javascript">     function check()     {         var str =document.getElementById("textboxing").value;         var chr = ""         var nVowels = 0         //Counting all the vowels except y.         for (pos = 0; pos < str.length; pos++)         {             chr = str.charAt(pos);             if (chr == "a" || chr == "e" || chr == "i" || chr == "o" || chr == "u" ||                 chr == "A" || chr == "E" || chr == "I" || chr == "O" || chr == "U")                ...
Post a Comment
Read more