Introduction: In this article,i am going to explain about how to retrieving the xml node value/data using jquery. Main: Here i am going to use one xml file named Employees.xml, <?xml version="1.0" encoding="utf-8" ?> <Employees> <Employee> <EmpId>101</EmpId> <name> <firstname>Ann</first-name> <lastname>Jerold</last-name> </name> <address> <street> 22/10 peter avenue </street> <city> Dallas </city> <state> NJ </state> </address> </Employee> [...]

Introduction: In this article,i am going to explain about how to hiding a selected table column/row using jquery. Main: See this below jquery code,it will hide the selected column in a table, $(document).ready(function() { $(’th’).hover( function(){ var colindex=$(this).parent().children().index(this); $(this).addClass(’hover’); $(’table td:nth-child(‘+(colindex+1)+’)').addClass(’hover’); }, function(){ $(’table tr’).children().removeClass(’hover’); } );   $(’th’).click(function(){ $(this).hide(); colindex=$(this).parent().children().index(this); $(’table td:nth-child(‘+(colindex+1)+’)').hide(); }); }); [...]

Introduction: In this article,i am going to explain about how to retrieve json file data’s using jquery. Main: The JSON file is a file that contains information regarding ‘name’ and ‘value’ pairs. for ex, sample1.json, [ {"optiontext" : "One", "optionvalue" : "One"}, {"optiontext" : "Two", "optionvalue" : "Two"}, {"optiontext" : "Three", "optionvalue" : "Three"} ] [...]

Introduction: In this article,i am going to explain about how to create a ajax modal popup on mouseover. Main: In html, <a href="" onmouseover="myMouseOver();"> <img runat="server" id="rollover" alt="" src="image.jpg" border="0" name="rollover" /></a> <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="rollover" PopupControlID="Panel1" BackgroundCssClass="modalBackground" DropShadow="true" OkControlID="OkButton" OnOkScript="Show()" CancelControlID="CancelButton" />   JavaScript Code,   <script type="text/javascript"> var MakeChoice; function Showk() { alert("this [...]

Introduction: In this article,i am going to explain how to update a webpage using dynamic html and ajax. Main: There are two main ways to modify the HTML in a web page using dynamic HTML: methods or properties. We’ve already used the innerHTML dynamic HTML property in below articles, How to Download a Image from [...]

Introduction: In this article,we are going to discuss about,how to hanle a dropdownlist events using AJAX. Main: We can easily handle DropDownList request/response functionalies using ajax without a page refresh. For ex chek this below html page, I created 4 text files named “France.txt”,”USA.txt”,”Germany.txt”,”Spain.txt” in my project,and i retrieved a values from that text files [...]

Introduction: In this article,we are going to discuss about xmlhttpobject,Xmlhttpobject properties and methods. Main: The XMLHttpRequest keeps alive a potentially two-way connection between the server and the browser, which erases the biggest drawback in traditional Web applications—namely, that the connection is closed after each call from the browser. Note that the network connects independently of [...]

Introduction: In this article,we are going to discuss about what is ajax web web application model,and how itsdifferentiated with classic web application model. Main: Defining Ajax Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together in powerful new ways. Ajax incorporates: • standards-based presentation using XHTML and CSS; [...]

Introduction: In this article,demonstartes how to Call a webservice using AJAX. Main: The assembling of the SOAP request and analyzing the result is also possible by building strings that contain the valid XML code and transferring if to the server with the well known XMLHttpRequest Object. Here is the Sample Code: // call the server [...]

Introduction: In this article,we are going to discuss about how to use update panel in ajax application. Main: What is UpdatePanel? 1.One of the powerful feature in asp.net ajax is ability to create partial page updates. 2.UpdatePanel control is taking care of Partial page updates. Please try the below examble, <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" [...]