Back to Home: PHP FormMail Generator I Need Help : Ask Question Without Registration

How to make a popup form using jQuery and ColorBox plugin?
  • admin February 2012

    New Form Tool: Try new jQuery Bootstrap Form Builder to create beautiful web forms!

    It's easy to make a popup contact form looks like this :


    Try Demo :
    Popup Form Demo Link

    Here is the source code. All the important parts are highlighted.

    <!DOCTYPE html>
            <meta charset='utf-8'/>
            <title>Example : a popup contact form using jQuery and ColorBox plugin </title>

            <link rel="stylesheet" href="" />
            <script src=""></script>
            <script src=""></script>

                    $(".iframe").colorbox({iframe:true, fastIframe:false, width:"450px", height:"480px", transition:"fade", scrolling   : false});
                #cboxOverlay{ background:#666666; }
            <h4>A Popup Email Form Demonstration</h4>
            To make a popup form is easy. All you need is to make a form at <a href=""></a>, then use jQuery and ColorBox plugin to make it pop.
            <p /><p />
            <p><h3>Click here for the popup form demo : <a class='iframe' href="">Contact Us</a></h3></p>