Executing code behind on clicking div

Question

0.00/5 (No votes)

See more:

I am have a photo album(not gallery) which previews the photos withing it. The albums are dynamically generated depending on number of albums associated with the user. I want to add on click event to it so that when a person clicks an album it takes him to the photos within that album. I am beginner so I do not exactly know how it can be done. But I think adding command arguments should do the trick.

ASPX CODE:

ASP.NET

<%
for (int i = 0; i < dt5.Rows.Count; i++)
{
    string q = "select  imageurl from photos where albumid='" 
                                        + dt5.Rows[i]["albumid"].ToString() + "'";
    dt6 = dbo.Getdt(q);
    a = dt6.Rows[0]["imageurl"].ToString();
    b = dt6.Rows[1]["imageurl"].ToString();
    c = dt6.Rows[2]["imageurl"].ToString();
    a= a.Substring(1, a.Length - 1);
    b = b.Substring(1, b.Length - 1);
    c = c.Substring(1, c.Length - 1);
  %> 
   <div   class="image_stack" style="margin-removed300px ; removed 418px;"   
         runat="server">
       <img   class="stackphotos photo1" src="<%: a %>"   />
       <img   class="stackphotos photo2" src="<%: b %>"  />
       <img "   class="stackphotos photo3" src="<%: c %>" />
   </div>
     <br /><br /><br /><br />
<% } %>

Posted 1-Apr-13 22:12pm

arbaaz jalil

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

*Karthik Harve* · Answer 1 · 2013-04-01T22:29:00

Hi,

try like below.

Add on click event for div tag.

ASP.NET

<div class="image_stack" id="divAlbum" style="margin-removed300px ; removed 418px;">
onclick="return div_Click(this)" style="cursor:pointer;" runat="server">
    <img class="stackphotos photo1" src="<%: a %>" />
    <img class="stackphotos photo2" src="<%: b %>" />
    <img class="stackphotos photo3" src="<%: c %>" />
</img></div>

Add attributes from code behind. i.e add album ID as attribute from code as below.

C#

divAlbum.Attributes.Add("ID", 10); // here 10 is just as example, you specify your ID

The above line of code, must be written where your binding the images to the div tag.

write javascript function like below.

JavaScript

function div_Click(sender)
{
    __doPostBack(sender.attributes["ID"].value, "div"); // target = album ID, argument = "div" - you can give any value to identify the event
    return true;
}

capture the argument in page load event as below.

C#

protected void Page_Load(object sender, EventArgs e)
{
    if (Request.Params.Get("__EVENTARGUMENT").ToString() == "div")
    {
        // user clicked on div. 
        if (Request.Params.Get("__EVENTTARGET").ToString() != "")
        {
            // user clicked on div. do your coding here
            int AlbumID = Convert.ToInt32(Request.Params.Get("__EVENTTARGET").ToString());  //album ID
        }
    }
}

this will capture the event when user clicks anywhere within the div area

hope it helps