Красива спливаюча авторизація

23.05.2011
Красива випливає ілюстрація

Для створення зручної спливаючої форми авторизації користувача, була потрібна бібліотека JQuery і плагін Fancybox . До речі, можна завантажити бібліотеки до папок свого проекту або використовувати посилання на них (наприклад, на code.google.com). Тут питання у продуктивності, та й ще в тому, чи я змінюватиму вихідні коди бібліотек під свої потреби.

Що необхідно підключити: (jquery.min та Fancybox)

Далі прописуємо налаштування для fancybox, стилі спливаючого вікна.

На тих сторінках, де спливатиме блок авторизації, пишемо

<div style="display:none;">
<div id="form_client" class="clearfix">
   <form name="client" onsubmit="send_message(); 
      return false;" action="client.php" method="post">
      <label>Логін:</label>
     <input type="text" name="param[name]" /><br />
     <label>Пароль:</label>
     <input type="text" name="param[pass]" /><br />
     <label>Запам'ятати:</label>
     <input class="client_check" type="checkbox" value="/" 
       name="save" /><br />
     <input type="submit" id="but" value=" " />
     </form>
     </div>
</div>
</div>

Або підключаємо через ajax.

<div style="display:none;"> - потрібен для того, щоб спочатку приховати блок авторизації

Останнє в нашому блозі

Інтернет маркетинг
04.11.2019