Итак, смысл его таков:при нажатие на ссылку "Вход" выскакивает маленькое окошечко с маленькой формой входа.Ссылки "Забыли пороль?Зарегистрироваться." оно содержать будет.
<script language="JavaScript"> function showLDiv() { if( document.getElementById("loginDiv").style.display == 'none' ) document.getElementById("loginDiv").style.display = '' else document.getElementById("loginDiv").style.display = 'none' return false; } function check_form() { if(document.forms["form_login"].req_username.value=='' || document.forms["form_login"].req_username.value=='') { alert('Еще рано нажимать на "Войти"'); return false; } return true } url=document.URL if(url.indexOf("login.php")==-1 && document.getElementById('navlogin')){ document.getElementById('navlogin').innerHTML = "<a href=\"login.php\" onclick=\"return showLDiv()\"><span>Войти</span></a>" login = "<centr><div id=loginDiv style=\"display: none; \">" login += "<form id=form_login name=login method=post action=\"login.php?action=in\" onsubmit=\"return check_form()\">" login += "<fieldset>" login += "<legend>Введите свое имя и пароль</legend>" login += "<input type=hidden name=form_sent value=1 />" login = login + "<input type=hidden name=redirect_url value="+document.URL+" />" login += "<br><table width=\"100%\" align=centr>" login += "<tr><td align=left><b>Имя :</b></td><td align=left><input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\" /></td></tr>" login += "<tr><td align=left><b>Пароль :</b></td><td align=left><input type=\"password\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\" /><span class=formsubmit><input type=submit class=button name=login value=\"Войти\" /></span>" login += "</form></td></tr>" login += "</table>" login += "</fieldset>" login += "<p><a href=\"register.php\"> Зарегистрироваться.</a> <a href=\"login.php?action=forget\"> Забыли пароль?</a></p>" login += "</div></center>" document.getElementById('pun-navlinks').innerHTML += login } </script> <style> #loginDiv{ position:absolute; z-index: 2; background-color : #BEBEBE; border : solid; padding-bottom : 10px; padding-left : 0px; padding-right : 0px; padding-top : 5px; width: 290px; } </style>
Менять цвет окошка можно.
Скрины работы скрипта:
http://s41.radikal.ru/i091/0903/08/2e2091b47bad.jpg
http://i070.radikal.ru/0903/f8/4dc90c575ae2.bmp
Отредактировано Temari-тян (2009-03-24 18:21:41)