ansaurus

Question

Jquery click function is not working in below code..??

Answer 1

A:

Look at the source code that has been generated. Is the id still called myButton and datepicker ? Often the id's are rewritten by asp.net unless specified otherwise and you are using version 4.

James Westgate 2010-07-12 07:52:11

no its written properly.>>

pvaju896 2010-07-12 08:01:38

input element is not der,, ? is dat ok.?

pvaju896 2010-07-12 08:02:12

Answer 2

A:

You will need to use the client id of the controls, e.g

$("#<%=datepicker.ClientId%>").datepicker("show");

ca8msm 2010-07-12 07:59:12

reformat your code :)

Andreas Niedermair 2010-07-12 08:07:04

wrong solution...

Andreas Niedermair 2010-07-12 08:14:36

Answer 3

+2 A:

Add your script to the document.ready(...) function.

One reason it is not working is that when your script is executed, the myButton element has not yet been added to the DOM, and is thus not found. When using jquery, you should generally wrap your javascript code in the $(document).ready(..) to be sure the DOM is fully loaded when your code is invoked. Try the following:

<script type="text/javascript" >
  $(document).ready(function(){
      $("#myButton").click(function() {
          $("#datepicker").datepicker("show");
      });
  });
</script>

Chadwick 2010-07-12 07:59:33

so shuould i give the script code snippet below those element TAGS..?/?

pvaju896 2010-07-12 08:10:40

wrong reason...

Andreas Niedermair 2010-07-12 08:12:34

@Andreas actually it is a partial reason - his click event will not be registered if the element is not in the DOM. It appears there was more to it, but this answer is not wrong information.

Chadwick 2010-07-12 08:46:11

that's why it does not state `wrong solution`, but wrong reason. i explicitly took care of your `the reason is...`, which is wrong - it would be the reason if the init happened...

Andreas Niedermair 2010-07-12 08:47:19

@pvaju896 You can put a `$(document).ready(...)` before _or_ after the elements in question, since you are registering your function to execute later (when the DOM is ready).

Chadwick 2010-07-12 08:49:29

@Andreas corrected the wording `s/The/One/` to be clear that this is not the only fault in the original.

Chadwick 2010-07-12 08:51:15

:) - -1, +1 for the dom :)

Andreas Niedermair 2010-07-12 09:12:47

Answer 4

+1 A:

from the documentation:

show

Signature: .datepicker( "show" )

Call up a previously attached date picker.

so first of all you need to attach it!! eg:

$(document).ready(function() {
    var textBox = $('#<%= this.datepicker.ClientID %>');
    var icon = $('#myButton');
    var datepicker = textBox.datepicker();
    icon.click(function() {
        datepicker.datepicker('show');
    });
});

your you might go with the icon-trigger

Andreas Niedermair 2010-07-12 08:00:04

var textBox = $('#<%= this.datepicker.ClientID %>');wat's this for..??

pvaju896 2010-07-12 08:08:40

its working now the problem was - with initially i dint attach textbox with datepicker..

pvaju896 2010-07-12 08:09:18

the `<%= %>` is for retrieving the actual rewritten id of the control

Andreas Niedermair 2010-07-12 08:10:10

that's exactly what i've said: you are missing the init!

Andreas Niedermair 2010-07-12 08:10:25

actually this is to check..in my project its using master pages..

pvaju896 2010-07-12 08:16:43

haha lol!.. I did not noticed your answer is almost the same as mine... +1

Reigel 2010-07-12 08:21:12

BC30451: Name 'this' is not declared. am getting one error like this.. wats the 'this' keyword gives..??

pvaju896 2010-07-12 08:27:00

`this` is for c#. if you are working with vb.net you might try `Me`

Andreas Niedermair 2010-07-12 08:27:33

otherwise just the leave the `this`/`Me` out

Andreas Niedermair 2010-07-12 08:28:24

@downvoter: any reason for the downvote?

Andreas Niedermair 2010-07-13 06:16:08

Answer 5

+3 A:

.datepicker( "show" ) -->> Call up a previously attached date picker. but I can't see where you initialize your date picker.. call it like this first... $("#datepicker").datepicker();

$(function() {
    $("#datepicker").datepicker();

    $("#myButton").click(function() {
       $("#datepicker").datepicker("show");
    });
});

try to uncomment this line ($("#datepicker").datepicker();) on the demo

demo

Reigel 2010-07-12 08:01:39

ansaurus

tags:

views:

answers:

Jquery click function is not working in below code..??

demo

related questions