Как сделать всплывающее окно при нажатии вход
Как сделать всплывающее окно при нажатии поиск
Как на форуме http://prizrak.ws/
Всплывающее окно Вход и Поиск
Сообщений 1 страница 10 из 10
Поделиться1Вт, 3 Июн 2008 01:14:20
Поделиться2Вт, 3 Июн 2008 01:27:39
Всплывающий вход:
<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>
Всплывающий поиск:
<script language="JavaScript"> function showDiv() { if( document.getElementById("searchDiv").style.display == 'none' ) document.getElementById("searchDiv").style.display = '' else document.getElementById("searchDiv").style.display = 'none' return false; } str = "<a href=\"search.php\" onclick=\"return showDiv()\"><span>Поиск</span></a>" str += "<div id=searchDiv style=\"display: none; \">" str += " <form method=\"get\" action=\"search.php\">" str += " <input type=\"hidden\" name=\"action\" value=\"search\">" str += " <p class=\"inputfield\">" str += " <label for=\"fld1\">Ключевые слова</label><br />" str += " <span class=\"input\"><input type=\"text\" name=\"keywords\" size=\"25\" maxlength=\"100\" /></span>" str += " </p>" str += " <p class=\"inputfield\">" str += " <label for=\"fld2\">Поиск автора</label><br />" str += " <span class=\"input\"><input type=\"text\" name=\"author\" size=\"25\" maxlength=\"25\" /></span>" str += " </p> <br>" str += " <input type=\"hidden\" name=\"forum\" value=\"-1\">" str += " <input type=\"hidden\" name=\"search_in\" value=\"all\">" str += " <input type=\"hidden\" name=\"sort_by\" value=\"0\">" str += " <input type=\"hidden\" name=\"sort_dir\" value=\"DESC\">" str += " <input type=\"hidden\" name=\"show_as\" value=\"topics\">" str += " <p><input type=\"submit\" class=\"button\" name=\"search\" value=\"Отправить\" accesskey=\"s\" title=\"Accesskey:s\" /></p>" str += " </form>" str += " <a href=\"search.php\">Расширенный поиск</a> " str += "</div>" document.getElementById('navsearch').innerHTML = str </script> <style> #searchDiv{ position:absolute; z-index: 2; background-color : #BEBEBE; border : solid; padding-bottom : 5px; padding-left : 5px; padding-right : 5px; padding-top : 5px; } </style>
Добавлено:
ставить в ХТМЛ-низ
Отредактировано Шмель (Вт, 3 Июн 2008 01:31:14)
Поделиться3Вт, 3 Июн 2008 16:48:52
Как сделать чтобы окно входа было справа?
Поделиться4Вт, 3 Июн 2008 17:20:46
Как сделать чтобы окно входа было справа?
играться вот с этими цифрами
padding-left : 0px;
padding-right : 0px;
Поделиться5Вт, 3 Июн 2008 17:41:41
А как цвет поменять я нашёл только #BEBEBE а остальное
P.S.Кажетца разобрался это зависит от стиля форума я прав?)
Отредактировано Gothica (Вт, 3 Июн 2008 17:56:34)
Поделиться6Вт, 3 Июн 2008 17:49:26
таблица цветов чтоли? http://www.artlebedev.ru/tools/colors/
А так, это и надо изменять
Поделиться7Вт, 3 Июн 2008 18:06:59
Я вот хотел изменить цвет слов
Поделиться8Вт, 3 Июн 2008 18:11:44
Вот как поменять рамочку и цвет слов с золотова на белый?
Поделиться9Вт, 3 Июн 2008 21:12:59
Вот как поменять рамочку и цвет слов с золотова на белый?
Всплывающий вход:
<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;
border-color: #FF0000;
color: #FF0000;
padding-bottom : 10px;
padding-left : 0px;
padding-right : 0px;
padding-top : 5px;
width: 290px;
}
</style>
border-color: #FF0000; - цвет рамки, color: #FF0000; - цвет букв... меняете на своё...
Всплывающий поиск в конце ищете тоже самое...
<script language="JavaScript">
function showDiv()
{
if( document.getElementById("searchDiv").style.display == 'none' )
document.getElementById("searchDiv").style.display = ''
else document.getElementById("searchDiv").style.display = 'none'return false;
}str = "<a href=\"search.php\" onclick=\"return showDiv()\"><span>Поиск</span></a>"
str += "<div id=searchDiv style=\"display: none; \">"str += " <form method=\"get\" action=\"search.php\">"
str += " <input type=\"hidden\" name=\"action\" value=\"search\">"
str += " <p class=\"inputfield\">"
str += " <label for=\"fld1\">Ключевые слова</label><br />"
str += " <span class=\"input\"><input type=\"text\" name=\"keywords\" size=\"25\" maxlength=\"100\" /></span>"
str += " </p>"
str += " <p class=\"inputfield\">"
str += " <label for=\"fld2\">Поиск автора</label><br />"
str += " <span class=\"input\"><input type=\"text\" name=\"author\" size=\"25\" maxlength=\"25\" /></span>"
str += " </p> <br>"str += " <input type=\"hidden\" name=\"forum\" value=\"-1\">"
str += " <input type=\"hidden\" name=\"search_in\" value=\"all\">"
str += " <input type=\"hidden\" name=\"sort_by\" value=\"0\">"
str += " <input type=\"hidden\" name=\"sort_dir\" value=\"DESC\">"
str += " <input type=\"hidden\" name=\"show_as\" value=\"topics\">"str += " <p><input type=\"submit\" class=\"button\" name=\"search\" value=\"Отправить\" accesskey=\"s\" title=\"Accesskey:s\" /></p>"
str += " </form>"str += " <a href=\"search.php\">Расширенный поиск</a> "
str += "</div>"document.getElementById('navsearch').innerHTML = str
</script><style>
#searchDiv{
position:absolute;
z-index: 2;
background-color : #BEBEBE;
border : solid;
border-color: #FF0000;
color: #FF0000;
padding-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
padding-top : 5px;
}
</style>
а ссылки подстраиваются под стиль Вашего форума.... то бишь их цвет так и при наведении...
Поделиться10Вт, 3 Июн 2008 22:40:26
Шмель
Большое спасибо
Отредактировано Gothica (Вт, 3 Июн 2008 22:40:46)
Похожие темы
Всплывающее сообщение | Форум для новичков | Вт, 31 Дек 2024 |
Общие вопросы от новичков (27) | Корзина | Сб, 18 Дек 2010 |
Линия под словом "Обьявление" | Корзина | Вт, 8 Апр 2008 |
Новые возможности: Мгновенные уведомления | Новые возможности форумов | Пт, 3 Янв 2025 |
Каталог скриптов/CSS | Форум для новичков | Вт, 1 Окт 2013 |