Popup aspx page using jquery

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • pavanip
    New Member
    • Mar 2008
    • 53

    #1

    Popup aspx page using jquery

    Hi,

    I want to popup aspx page using jquery. I have written the following code
    Code:
    <a href="Contactus.aspx?TB_iframe=true&height=250&width=200" class="thickbox" >AboutUs</a>
    I have called
    Code:
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/thickbox.js"></script>
    <link rel="stylesheet" href="js/thickbox.css" type="text/css" media="screen" />
    but in that thickbox.css there is no class with name thickbox.
    can you please tell me the what is the procedure to popup page using jquery.

    Thanks in Advance
    Pavani
    Last edited by acoder; Apr 4 '09, 11:19 AM. Reason: Added [code] tags
  • acoder
    Recognized Expert MVP
    • Nov 2006
    • 16032

    #2
    You need to set KeepThis as well - see the iFramed Content example.

    The class="thickbox " is required for the JavaScript code - see the comments in the code.

    Comment

    • pavanip
      New Member
      • Mar 2008
      • 53

      #3
      Popupaspx page using Jquery

      I tried with that IFramed code
      Code:
      <a href="Contactus.aspx?KeepThis=true&TB_iframe=true&height=400&width=600&modal=true" class="thickbox" >ConactUs</a>
      but its not opening popup window just navigating to contact us page. can you please tell me anything i have missed?
      Last edited by gits; Apr 5 '09, 09:13 AM. Reason: added code tags

      Comment

      • pavanip
        New Member
        • Mar 2008
        • 53

        #4
        Popup aspx page using jquery

        I used the following code also for Inline popup window but this is also not working.Please see the followed code and give me reply
        Code:
        <div>
            <a href="#TB_inline?inlineId=popupdiv&height=120&width=320&inlineId=myOnPageContent" class="thickbox" >open child window</a>
        </div>
           <div id="popupdiv" style="display:none">
        
        <table style="width: 30%">
        <tr>
        <td >
        Comments :</td>
        <td>
        <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine"></asp:TextBox></td>
        </tr>
        <tr>
        <td>
        </td>
        <td>
        <asp:Button ID="Button1" runat="server" Text="Save" /></td>
        </tr>
        <tr>
        <td >
        </td>
        <td >
        </td>
        </tr>
        </table>
        </div>
        Last edited by gits; Apr 5 '09, 09:12 AM. Reason: added code tags

        Comment

        • acoder
          Recognized Expert MVP
          • Nov 2006
          • 16032

          #5
          Remove "&inlineId=myOn PageContent" from the URL.

          Comment

          Working...