Beautiful popup authorization

23.05.2011
beautiful pop up illustration

To create a convenient pop-up user authorization form, it took the JQuery library and the Fancybox plugin. By the way, you can download libraries to your project folders or use links to them (for example, to code.google.com). The question here is performance, and also whether I will change the source codes of the libraries to suit my needs.

What needs to be included: (jquery.min and Fancybox)

Next, we write the settings for fancybox, the styles of the pop-up window.

On those pages where the authorization block will pop up, we write

<div style="display:none;">
<div id="form_client" class="clearfix">
   <form name="client" onsubmit="send_message(); 
      return false;" action="client.php" method="post">
      <label>Login:</label>
     <input type="text" name="param[name]" /><br />
     <label>Password:</label>
     <input type="text" name="param[pass]" /><br />
     <label>Remember:</label>
     <input class="client_check" type="checkbox" value="/" 
       name="save" /><br />
     <input type="submit" id="but" value=" " />
     </form>
     </div>
</div>
</div>

Or connect via ajax.

<div style="display:none;"> - needed to initially hide the authorization block

Last in our blog

Internet Marketing
04.11.2019