Click here to Skip to main content
11,811,971 members (72,082 online)
Rate this: bad
Please Sign up or sign in to vote.
Hello Guys,

I am a student now days i am learning jquery and javascripte i need a help urgent please help me out
i want to open like this example site: Demo

please find column Various examples

and click on Non existing url

i want to open this dive

 <div id="Popup" class="rf-item input" style="height: auto; width: 400px; display: none; background: transparent;" title="Demo Text">
                     Text here xyz...!
i want to open this dive when user click on asp:LinkButton

please teach me how can i open this modal popup window when user click on asp:LinkButton

i am trying this but its not working:

           $("#asp:LinkButton ;).click(function()
                     { persist: true,
                         onClose: function(dialog){}
Pleas help me out.

Thank You
Posted 10-May-12 23:23pm
Edited 11-May-12 0:11am
Rate this: bad
Please Sign up or sign in to vote.

Solution 1

refer this , it works:
Jquery Simple Modal plugin[^]
VJ Reddy at 12-May-12 23:22pm
Good reference. 5!
Rate this: bad
Please Sign up or sign in to vote.

Solution 2

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ModalPopup.aspx.cs" Inherits="TestApplication.ModalPopup" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head runat="server">
     <script type="text/javascript" src=""></script>
    <script src="" type="text/javascript"></script>
    <link href="" rel="stylesheet" type="text/css" />
     <script type="text/javascript">
         $("#<%= btnModalPopup.ClientID%>").live("click", function () {
                 title: "jQuery Modal Dialog Popup",
                 buttons: {
                     Close: function () {
                 modal: true
             return false;
    <form id="form1" runat="server">
    <div id="modal_dialog" style="display: none">
        This is a Modal Background popup
    <asp:Button ID="btnModalPopup" runat="server" Text="Show Modal Popup" />
Rate this: bad
Please Sign up or sign in to vote.

Solution 3

how to resize the window width and height

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

  Print Answers RSS
0 KrunalRohit 319
1 Abhinav S 215
2 Palash Mondal_ 210
3 CHill60 180
4 CPallini 135
0 OriginalGriff 3,893
1 KrunalRohit 2,441
2 CPallini 2,240
3 Maciej Los 2,155
4 ppolymorphe 1,725

Advertise | Privacy | Mobile
Web04 | 2.8.151002.1 | Last Updated 14 Aug 2014
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

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