Need to show a popup window on checkboxlist item selection

34 New Member

I have a checkboxlist which will be populated on page_load. I am binding the 'description' values from database by adding it to "Title" attribute of the checkboxlist to show it is a tool tiop. Now when click a list item in the checkbox list, I want to show a popup window with the tooltip value of the selected list item.

Here is the source which I have done as sample.

In the code I am using a Link button to show a DIV using Animation extender. Now I want show a DIV when I click on list item in a checkboxlist. While clicking I want to send the Title attribute value of the checkboxlist list item to the DIV content.

Expand|Select|Wrap|Line Numbers

 
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="AjaxSample.WebForm1" %>
 
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>
 
    <script type="text/javascript">
 
        function pageLoad() {

        }
 
    </script>
 
    <style>

        .flyOutDiv

        {

            display: none;

            position: absolute;

            width: 400px;

            z-index: 3;

            opacity: 0;

            filter: (progid:DXImageTransform.Microsoft.Alpha(opacity=0));

            font-size: 14px;

            border: solid 1px #CCCCCC;

            background-color: #FFFFFF;

            padding: 5px;

        }

        .flyOutDivCloseX

        {

            background-color: #666666;

            color: #FFFFFF;

            text-align: center;

            font-weight: bold;

            text-decoration: none;

            border: outset thin #FFFFFF;

            padding: 5px;

        }

    </style>
 
</head>

<body>

    <form id="form1" runat="server">

    <asp:ScriptManager ID="ScriptManager1" runat="server">

    </asp:ScriptManager>

    <asp:LinkButton ID="lnkBtnColHelp" runat="server" Text="Click Here" OnClientClick="return false;" />

    <div id="moveMe" class="flyOutDiv">

        <div style="float: right;">

            <asp:LinkButton ID="lnkBtnCloseColHelp" runat="server" Text="X" OnClientClick="return false;"

                CssClass="flyOutDivCloseX" />

        </div>

        <br />

        <p>

            some content here for whatever text

            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

        </p>

    </div>

    <cc1:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="lnkBtnColHelp">

        <Animations>  

<OnClick>  

<Sequence>  

<EnableAction Enabled="false"></EnableAction>  

<StyleAction AnimationTarget="moveMe" Attribute="display" Value="block"/>  

<Parallel AnimationTarget="moveMe" Duration=".5" Fps="30">  

<%--<Move Horizontal="150" Vertical="50"></Move> --%> 

<FadeIn Duration=".5"/>  

</Parallel>  

<Parallel AnimationTarget="moveMe" Duration=".5">  

<Color PropertyKey="color" StartValue="#666666" EndValue="#FF0000" />  

<Color PropertyKey="borderColor" StartValue="#666666" EndValue="#FF0000" />  

</Parallel>  

</Sequence>  

</OnClick>  

        </Animations>

    </cc1:AnimationExtender>

    <cc1:AnimationExtender ID="AnimationExtender2" runat="server" TargetControlID="lnkBtnCloseColHelp">

        <Animations>  

<OnClick>  

<Sequence AnimationTarget="moveMe">  

<Parallel AnimationTarget="moveMe" Duration=".7" Fps="20">  

<%--<Move Horizontal="150" Vertical="50"></Move>  --%>

<Scale ScaleFactor="0.05" FontUnit="px" />  

<Color PropertyKey="color" StartValue="#FF0000" EndValue="#666666" />  

<Color PropertyKey="borderColor" StartValue="#FF0000" EndValue="#666666" />  

<FadeOut />  

</Parallel>  

<StyleAction Attribute="display" Value="none"/>  

<StyleAction Attribute="height" Value=""/>  

<StyleAction Attribute="width" Value="400px"/>  

<StyleAction Attribute="fontSize" Value="14px"/>  

<EnableAction AnimationTarget="lnkBtnColHelp" Enabled="true" />  

</Sequence>  

</OnClick>  

        </Animations>

    </cc1:AnimationExtender>
 
    </form>

</body>

</html>

May 5 '10 #1

Subscribe Reply

1573

Similar topics

3743

need a popup window to be always in focus

by: Moist | last post by:

Hi, first I must admit this is one of the most active group I have ever seen. For my question: is it possible to create a small popup window that remain in focus until it is closed. That is,...

Javascript

435

Popup window loading before itemcommand event firing

by: ChrisB | last post by:

I'm attempting to open a new window from a LinkButton in a DataGrid. I can set a session variable in the ItemCommand event for the LinkButton like so: // this is used to handle the ItemCommand...

ASP.NET

12562

passing values between child and parent windows

by: neena | last post by:

Hi I am uing C#.net & using javacript for a popup window. I've a form and there is a button named Categories. When it is clicked, it will open a new window for the selection of categories. When...

Javascript

1494

Any update in table i need a popup window

by: subashini Thiyagarajan | last post by:

whenever any update in a access table, i need a popup window to be opened automatically without clicking anything.At the same time that pop up window should contain a last record details.. Any...

ASP / Active Server Pages

1464

popup window with showModalDialog and pass the value to the parent window from Dialog

by: prakash2kr | last post by:

i am using the following code to show popup window window.showModalDialog("WebForm2.aspx","","height=200px;width=300px"); how can i pass the value from WebForm2.aspx to parent window... i...

.NET Framework

1187

PopUP Window

by: shalini166 | last post by:

Hi Anyone help me.I need a popup window when i click button. When i click button it show the popup window with employee code from database table. I used ASP.net(C#) with sqlserver

.NET Framework

3383

Button to loose focus after close of popup window

by: ismailc | last post by:

Good day, I need help. I have an html button that calls & open another browser window on the onMouseUp event, but once I close the popup new browser window my button has focus & is like selected....

Javascript

2712

how to position the popup window for date to centre of the screen

by: mukeshrasm | last post by:

Hi For one of my project I have used Calendar Popup of this site http://www.mattkruse.com/javascript/calendarpopup/simple.html. I want to show the popup in the center of the window or even below...

Javascript

3493

Populate textbox value from popup window into parent page

by: azie | last post by:

hi.. Can someone help me, how to populate textbox value from popup window into gridview at parent page. I use modal popup window (window.showModalDialog). At parent page have button add where will...

.NET Framework

1372

Popup window

by: Blacky | last post by:

I have a main application window,from this we have one link(UUU) ,clicking on this will open a popup window. When I do a logout in main window and refresh the pop up window will lead to session...

Javascript

7202

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

7084

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

7278

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

6991

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

5578

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

4672

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

3167

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...

Networking - Hardware / Configuration

3154

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

380

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...

General