Click here to Skip to main content
14,334,557 members
Rate this:
Please Sign up or sign in to vote.
See more:
Hello

I have a DataList control. I populated it with customer details with images. For each customer there are brief details of the customer. Now when the viewer clicks the name of any customer, I want the full details to be shown for that customer in a faded in pop-up box.

I guess JQuery is suitable for that, but don't know how to do it. Please help.
Posted
Updated 21-Jan-11 16:58pm
v2
Comments
Indivara 21-Jan-11 22:58pm
   
Grammar / formatting fixed

1 solution

Rate this:
Please Sign up or sign in to vote.

Solution 1

I would probably start with an activity refereed to as "read the documentation" : http://api.jquery.com/fadeIn/[^]


Also found in the documentation: http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.datalist.itemtemplate.aspx[^]

<itemtemplate>
<itemtemplate>
<span önclick="foo(<%# Eval(" id=") )%>"><%# Eval("Name") %></span>
</itemtemplate>

function foo(id)
{
  show dialog...
}
   
v3
Comments
mridul samadder 22-Jan-11 16:38pm
   
I know well how to do fade in by jquery but dont know how to pass datalist controls items selected index when clicked and show the details in popup box using jquery
Not Active 22-Jan-11 17:19pm
   
Maybe you would get better results if you where more specific with your question

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




CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100