Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » Всплывающее окно Вход и Поиск


Всплывающее окно Вход и Поиск

Сообщений 1 страница 10 из 10

1

Как сделать всплывающее окно при нажатии вход
Как сделать всплывающее окно при нажатии поиск
Как на форуме http://prizrak.ws/

0

2

Всплывающий вход:

Код:
<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)

+2

3

Как сделать чтобы окно входа было справа?

0

4

Gothica написал(а):

Как сделать чтобы окно входа было справа?

играться вот с этими цифрами

padding-left : 0px;
padding-right : 0px;

+1

5

А как цвет поменять я нашёл только #BEBEBE а остальное

P.S.Кажетца разобрался :idea:  это зависит от стиля форума я прав?)

Отредактировано Gothica (Вт, 3 Июн 2008 17:56:34)

0

6

таблица цветов чтоли? http://www.artlebedev.ru/tools/colors/
А так, это и надо изменять

0

7

Я вот хотел изменить цвет слов

0

8

Вот как поменять рамочку и цвет слов с золотова на белый?

0

9

Gothica написал(а):

Вот как поменять рамочку и цвет слов с золотова на белый?

Всплывающий вход:

<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>

а ссылки подстраиваются под стиль Вашего форума.... то бишь их цвет так и при наведении...

0

10

Шмель
Большое спасибо

Отредактировано Gothica (Вт, 3 Июн 2008 22:40:46)

0


Вы здесь » Единый форум поддержки » Корзина » Всплывающее окно Вход и Поиск