Question : From jquery how do I get the client id of an asp control

First thank you for your time.

On my ascx page I have placed two overlapping asp:Image controls. The topmost image has an id of "normal" while the image below it has an id of "hover". The intention of the following jquery code is twofold:
1) When the mouse hovers over the topmost image, the topmost image changes its opacity to 0 while the bottommost image has its opacity change to 1
2) When the mouse leaves the image area, the reverse happens: the bottommost image which now has an opacity of 1 changes to 0 and the topmost image which has an opacity of 0 changes to 1.

The problem is the code is not getting the id of the images properly. In other words the code <%= normal.clientID.toString %> is not returning the id of the normal image. It should return something like: dnn_ctr470_OmsViewDownloadText_normal. The id gets mangled for reasons I don't really understand.

So now onto the question. What change do I need to make to the jQuery selector to return the proper id?

Again thank you for your time.

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:



<script type="text/javascript" src="../../../Resources/Shared/scripts/jquery/jquery.min.js" />
<script type="text/javascript">

    jQuery(document).ready(function() {
        jQuery("<%= normal.clientID.tostring %>").bind("mouseover", showHovering);
        jQuery("<%= normal.clientID.tostring %>").bind("mouseleave", showNormal);
    });

    function showHovering(evt) {
        jQuery("<%= normal.clientID.tostring %>").animate({ 'opacity': '0' }, 500);
        jQuery("<%= hover.clientID.tostring %>").animate({ 'opacity': '1' }, 500);
    }

    function showNormal(evt) {
        jQuery("<%= normal.clientID.tostring %>").animate({ 'opacity': '1' }, 500);
        jQuery("<%= hover.clientID.tostring %>").animate({ 'opacity': '0' }, 500);
    }

</script>

Answer : From jquery how do I get the client id of an asp control

I see this question has gone into "neglected status."

The correct answer is still the CAPTCHA image, but you might be able to get away with a form token. It should prove more reliable than the IP address, but less reliable than CAPTCHA. Here is my teaching example of how to use a form token.

Best of luck with it, ~Ray

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:



<?php // RAY_form_token.php
error_reporting(E_ALL);

// DEMONSTRATE THE USE OF A FORM TOKEN TO UNIQUELY IDENTIFY FORMS



// NOTE - YOU MUST START THE SESSION ON EVERY PAGE!
session_start();



// CREATE AN IDENTITY IN THE FORM
function make_form_token()
{
    // A RANDOM STRING
    $string    = "CHANGE THIS IF YOU WANT" . time() . $_SERVER["SCRIPT_FILENAME"] . "?";

    // MAKE A MESSAGE DIGEST OF THE STRING TO USE AS A TOKEN
    $token     = md5($string);
    $_SESSION["_form_token"]    = $token;
    return $token;
}



// EVALUATE THE IDENTITY IN THE FORM
function check_form_token($token='')
{
    // CHOOSE THE TOKEN WE WANT TO TEST
    if ($token === '')
    {
        $token = $_POST["_form_token"];
    }

    // COMPARE OUR CURRENT TOKEN TO THE SESSION STORED TOKEN
    if ($token == $_SESSION["_form_token"])
    {
        // MUNG THE TOKEN TO ENSURE THAT IT CAN ONLY BE USED ONCE
        $_SESSION["_form_token"] = md5($_SESSION["_form_token"]);
        return TRUE;
    }
    return FALSE;
}



// MODIFY THIS IF YOU WANT A FRIENDLY FORM TOKEN ERROR
function form_token_error()
{
    die("Form Token Error");
}



// DEMONSTRATE HOW THIS WORKS
// SESSION IS REQUIRED - SEE ABOVE WHERE WE STARTED THE SESSION
// session_start();

// CHECK FOR FORM INPUT
if (!empty($_POST))
{
    // SHOW THE FORM TOKEN
    $token = $_SESSION["_form_token"];
    echo "<br />THE FORM TOKEN IS $token ";
    if ( check_form_token() )
    {
        echo "AND IT IS VALID.\n";
    }
    else
    {
        echo "AND IT IS NOT VALID.\n";
    }
    
    echo "<br />Refresh this screen to resend the data and you can see a form token error.\n";
}



// END OF PHP - PUT UP A FORM TO ILLUSTRATE THE USE OF THE TOKEN
?>
<br /><br />
Click GO to see the form token.
<form method="post">
<input type="hidden" name="_form_token" value="<?=make_form_token()?>" />
<input type="submit" name="submit" value="Go!" />
</form>