SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Sep 2006
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Design a Pop-Up Form

    Hello community,

    Can anyone help me design a pop-up form (with radio buttons), sort of a hide and show form with an onclick (not a pop-up window). But more like the design of the pop-up search form that pop-ups on the sitepoint.com site when you click the search button. (note: i am not looking to design a search form)

    Thanks
    Last edited by toaks; Sep 17, 2006 at 12:49. Reason: Bad URL

  2. #2
    SitePoint Zealot bobber205's Avatar
    Join Date
    Sep 2006
    Location
    Oregon
    Posts
    113
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    <smartass>
    Here Is Your Answer
    </smartass>

    Joking aside, if you're completely unknown about a topic, search google. Oftentimes you can find answers at W3Schools. It's a great resource. If you try and still have trouble, then do be sure to post back here.

  3. #3
    SitePoint Member
    Join Date
    Sep 2006
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    SmartASS

    not very nice...
    i've already googled this idea, and i'm actually not sure how to word what i am looking for...also i've looked on the w3 website.

  4. #4
    SitePoint Zealot bobber205's Avatar
    Join Date
    Sep 2006
    Location
    Oregon
    Posts
    113
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    So you want to have a forum that appears by command? If so, place all of your form related stuff in a <div> tag and then hide/show that when necessary.

  5. #5
    SitePoint Zealot yacka's Avatar
    Join Date
    Aug 2006
    Posts
    124
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This should give you some idea. Basically you just show and hide a div with your form content.

    <html>
    <script>
    function showform()
    {
    var theform = document.getElementById("popupform");

    theform.style.display = "block";
    }

    function hideform()
    {
    var theform = document.getElementById("popupform");

    theform.style.display = "none";
    }
    </script>
    <body>
    <div id="popupform" style="display: none; position: absolute; z-index: 1; top: 200px; left:

    200px; background: blue;">
    form content
    <button onclick="hideform()">Hide Form</button>
    </div>
    ...
    <button onclick="showform()">Show Form</button>
    </body>
    </html>


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •