.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
david stephan
Gaurav Pal
Post New Web Links

jquery anchor click

Posted By:      Posted Date: August 21, 2010    Points: 0   Category :ASP.Net

looking for confirmation that using jquery to click an <a> element does not simulate the click of the link like it does in the object returned by getElementById.

<a id="anchor1" href="http://www.google.com">google</a>

// this does not click the link.
var x2 = $('#anchor1');

// this does click the link.
var x3 = document.getElementById('anchor1') ;
x3.click( ) ;

// this syntax returns the DOM object for the anchor element which can be clicked to redirect to the link.
var x4 = $('#anchor1') ;
var x5 = x4[0] ;
x5.click( ) ;


View Complete Post

More Related Resource Links

jquery click event doesn't fire after postback anymore

Hello there,I have a small website where I want to display a confirmation dialog after clicking on a button.When you click the confirmButton the dialog appears. Then you can choose between Yes or No to either continue with the PostBack or to return.Problem: The first time you get into the site all works fine. But after you click Yes to continue with the PostBack, no click event will be triggered anymore.Here is some code.<asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <script type="text/javascript"> function loadConfirmDialog() { //Dialog configurieren jQuery('#confirmDialog').dialog({ autoOpen: false, width: 400, modal: true, resizable: false }); //Dialog öffnen jQuery('#confirmButton').bind('click', function () { jQuery('#confirmDialog').dialog('open'); return false; }); //Postback ausführen jQuery('#continueButton').bind('click', function () { jQuery('#confrimDialog').dialog('destroy'); __doPostBack('confirmButton', ''); }); //Postback abbrechen jQuery('#cancel

how to table row click row color change in jquery


how to table row click row color change in jquery

  i have two row

<table id="abcd>  



      <td>  Name </td>





      <td>  Name 2</td>




when i click in Second row than Second row color is red and (2) green

when i click in First  row than First row color is red and (2) green

jquery click() function


<span id="exid" onclick="myfunction('exid')" > example</span>

function myfunction('exid') {

//in here i want to change or set null exid's onclik event,

$("#s"+id).click(function() {

$("#exid").click(function() {



but it doesn't work for me , how can i do that? 

edit: briefly i want to disable onclick event, when first time clicked.

How to Context Menu when i right click on Gridview selected Row using Jquery



I have a requirement that

When i select a row in Gridview,it will High light the row and when Right click on selected

Row,It will open Context Menu.

In that menu i want to do Add new row delete row etc.

Help me in that.


Rama krishna.

click function of link button with atlas in jquery



i have a link button in my page with atlas

<atlas:UpdatePanel ID="UpdatePanel4" runat="server"> <ContentTemplate><asp:LinkButton

Checkbox click event problems when using jQuery Safari Checkbox plugin


Hello friends!

On my page are 1 checkbox and 1 hidden label and 1 hidden panel. With the help of forum member raghav_khunger I've managed to write the code which shows panel and label when checkBox is checked. I've also added the code which is checking on every page post back the status of checkbox and hide/show panel and label appropriately. This is working fine.

However when I add jQuery Safari checkbox plugin (http://widowmaker.kiev.ua/checkbox/) problems appear.

Looks like the code which is handling click event is doing reverse thing: when panel and label should be hidden are shown. I can change this but then there would be problems because of the second part of the code which is checking checkbox on page load. So when I check the checkbox nothing happens. I must uncheck it and label and panel appears. But if panel is uncheck the label and panel would be hidden because on next page load (when user clicks button next).

As I said before the same code is working fine and it's test in all browsers (IE,FF,O,S,C). Maybe there is problem with checkbox plugin since it's in beta version.

<script type="text/javascript">
        $(function pageLoad() {
            var $chk = $('input:checkbox[id$=chckBoxGrp]');
            $(function () 

JQuery onclient click and DIV


I am working with .net 4.0 and created gridview and formview on the same page now on the JQuery DOM I am writing code that to Formview DIV to display none and it working fine

 <style type="text/css">

DOM Ready Code


 <script type="text/javascript">
      function rmvClass() {


and on grid row bound  I am binding onclient click event like this 

 If e.Row.RowType = DataControlRowType.DataRow Then
      Dim requester As HelpDesk.RequesterRow = CType(CType(e.Row.DataItem, System.Data.DataRowView).Row, HelpDesk.RequesterRow)
      Dim companyAPI As New CompanyBLL
      Dim companies As HelpDesk.CompanyDataTable = companyAPI.GetCompanyByCompanyID(requester.CompanyID)

      If companies.Rows.Count > 0 Then
        Dim company As HelpDesk.CompanyRow = companies(0)
        Dim lblCompanyName As LinkButton = e.Row.FindControl("lblCompanyName")

GridView Confirmation Box Using JQuery BlockUI in asp.net

JQuery is the most popular JavaScript library. One of the main reasons for its fame is the plugin architecture. Anyone can create a separate library that leverage the JQuery library. In this article we are going to look at the BlockUI library which is used to block the user screen while performing a task.

jQuery $(document).ready() and ASP.NET Ajax asynchronous postback

Many call it the ASP.NET jQuery postback problem, but using the technique below should make it no problem anymore. $(document).ready() isn't called after an asynchronous postback. What this means? You lose the functionality that should be executed within $(document).ready() after an UpdatePanel rendered its contents after an asynchronous postback.

call JavaScript - jQuery code from ASP.NET Server-Side

jQuery got so close to me lately that I can see myself adding the scripts to my project almost unconsciously. The thing is, jQuery is very useful for me, in almost all situations and it has been a do or die enhancement for all my project since I first put my hands on it.

Of course while using it, you encounter few situations which need a bit of research to solve, mostly when you are trying to combine it with some other technologies like: UpdatePanels and ASP.NET Ajax. For instance there are many situations when I would like to run some jQuery magic based on some decision that I make on the server side.

Making Ajax Callbacks to the Server Using jQuery with ASP.NET

In the first part of this article series I introduced jQuery's functionality and how it provides a rich client side programming model. This time around I'll expand on these concepts and show you how you can use jQuery in combination with ASP.NET using it as an AJAX backend to retrieve data. I'll also discuss how you can create ASP.NET controls and otherwise interact with jQuery content from ASP.NET pages in WebForms.

jQuery is just a JavaScript library so it will work seamlessly with ASP.NET both from page code as well as through backend driven code using the Page.ClientScript object or ScriptManager. You can use jQuery on its own as a client side and Ajax library that communicates with ASP.NET or you can use jQuery in combination with ASP.NET AJAX. The two actually complement each other quite well as jQuery provides functionality that the ASP.NET AJAX library does not and vice versa. For the most part the interaction between the two libraries is trouble free except for a few very rare edge cases.

Displaying Row Details Tooltip on GridView using JQuery

Continuing exploring JQuery! I decided to implement a feature to display some kind of details related to a row displayed on GridView. For example when displaying employees details on GridView some information might not fit in the GridView because it will make it huge and wide. These infomration can be diplayed as Tooltip. Or when you want to display a picture and some kind of formated text to be diplayed as tooltip when mouse hover on the image.

jQuery: Highlight Gridview Rows with Checkbox

Im learning and experimenting with jQuery and ASP.NET. Below is a simple solution I created to highlight rows in a gridview by clicking on a checkbox next to the row.

Gridview setup:

Using jQuery with ASP .NET

With that, JQuery is officially embraced by ASP.NET.

A brief introduction of JQuery

jQuery is the star among the growing list of JavaScript libraries. A few of its characteristics are light-weight, cross-browser compatibility and simplicity. A common task that sometimes takes 10 lines of code with traditional JavaScript can be accomplished with jQuery in just one line of code. For example, if you want to dress up a table with an ID mytable with alternative color for every other row, you can simple do this in jQuery.

Sortable GridView using jQuery's TableSorter

This article explains how to use jQuery's plug-in Tablesorter to implement client-side sorting in an ASP.NET GridView. This comes in handy especially when an ObjectDataSource is used with a GridView as GridView does not provide sorting out of the box.

Sorting Gridview using Jquery with ASP.NET

I want to show how to sorting a gridview using a Jquery in ASP.NET, it is a flexible client-side table sorting. We have known that Jquery is a new kind of Javascript Library. You can find detail of Jquery in this site http://jquery.com/ there are lot of example with documentation and also allow free download a latest version.

GridView Parent Child View with JQuery Effects

I was just checked how to add some more cool effects to the GridView control using JQuery. In this post I will display parent-child data in the GridView control with some help of the wonderful JQuery library.

Let's first populate the GridView control.
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend