| <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> |
| </telerik:RadScriptManager> |
| <telerik:RadListBox ID="RadListBox1" runat="server" Style="left: 0px; top: 0px" EnableViewState="true" |
| ButtonSettings-ShowTransferAll="False" CheckBoxes="True"> |
| <ButtonSettings ShowTransferAll="False" /> |
| </telerik:RadListBox> |
| <asp:Button ID="submitBtn" runat="server" Text="Submit" /> |
| Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load |
| If Not Page.IsPostBack Then |
| populateUserListing() |
| End If |
| End Sub |
| Protected Sub submitBtn_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles submitBtn.Click |
| For i As Integer = 0 To RadListBox1.Items.Count - 1 |
| If RadListBox1.Items(i).Checked Then |
| 'do actions here |
| End If |
| Next |
| End Sub |
| Sub populateUserListing() |
| For i As Integer = 0 To item.Count - 1 |
| Dim dummyListItem As New RadListBoxItem("xxx", "xxx") |
| RadListBox1.Items.Add(dummyListItem) |
| Next |
| End Sub |
| <ItemTemplate> |
| <div class="floatbox" onmouseout="onMouseOut(this)" onmouseover="onMouseOver(this)"> |
| <%# Eval("Text") %> |
| <asp:ImageButton ID="addImgBtn" runat="server" OnPreRender="addImgBtn_PreRender" title='<%# Eval("ID") %>' ImageUrl="~/Images/Add.png" style="display:none; visibility: hidden;" /> |
| <asp:ImageButton ID="openImgBtn" runat="server" OnPreRender="openImgBtn_PreRender" title='<%# Eval("ID") %>' ImageUrl="~/Images/Open.png" style="display:none; visibility: hidden;" /> |
| </div> |
| <ItemTemplate> |
| Protected Sub addItemBtn_PreRender(ByVal sender As Object, ByVal e As EventArgs) |
| Dim addItemBtn As ImageButton = CType(sender, ImageButton) |
| If addItemBtn IsNot Nothing Then |
| addItemBtn.Attributes("onclick") = "alert('add: " & addItemBtn.Attributes("title") & "'); return false;" |
| End If |
| End Sub |
| function onMouseOut(lblCtrl) { |
| if (lblCtrl !== null) { |
| if (lblCtrl.children.length > 2) { |
| for (i = 1; i < lblCtrl.children.length; i++) |
| { |
| var imgCtrl = lblCtrl.children[i]; |
| if (imgCtrl !== null) { |
| imgCtrl.style.display = 'none'; |
| imgCtrl.style.visibility = 'hidden'; |
| } |
| } |
| } |
| } |
| } |
| function onMouseOver(lblCtrl) { |
| if (lblCtrl !== null) { |
| if (lblCtrl.children.length > 2) { |
| for (i = 1; i < lblCtrl.children.length; i++) |
| { |
| var imgCtrl = lblCtrl.children[i]; |
| if (imgCtrl !== null) { |
| imgCtrl.style.display = 'block'; |
| imgCtrl.style.visibility = ''; |
| } |
| } |
| } |
| } |
| } |
| //for example: |
| var oListBox = CreateListBox(); |
| body.append(oListBox); |
<
asp:RadioButtonList ID="rbAnalyst" runat="server" RepeatDirection="Horizontal" SelectedValue='<%# Bind("ANALYST_IND")%>'>
<asp:ListItem Value="Y">Yes</asp:ListItem>
<asp:ListItem Value="N">No</asp:ListItem>
</asp:RadioButtonList>

Hello,
My goal is to have a list of thumbnail images, on "onMouseOver" event it will show the tooltip (working).
However, when the user click on the image (div) then display a larger/print size image. I've tried various things such as by adding the onclick event in the div tag with no success.
Please advise.
Thanks,
Quan
Here's the code snippet:
<telerik:RadToolTipManager runat="server" ID="RadToolTipManager1" Width="700px"
Height="370px" RelativeTo="Element" Animation="Slide" Position="BottomCenter"
OnAjaxUpdate="OnAjaxUpdate"
HideEvent="LeaveTargetAndToolTip" AutoCloseDelay="15000" />
<asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="Repeater1_ItemDataBound">
<ItemTemplate>
<div style="float: left; text-align: center;" id="smallImage" runat="server">
<div style="border: 1px solid #999999; margin: 5px; width: 100px; height: 100px; background-position: center; background-repeat: no-repeat; background-image: url('<%# Eval("Thumbnail", "../../../Images/Thumbs/{0}") %>');">
</div>
</div>
</ItemTemplate>
</asp:Repeater>