Форум поддержки пользователей ZeroParking

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

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


Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Ещё один скрипт миниатюрной формы входа.


Ещё один скрипт миниатюрной формы входа.

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

1

Итак, смысл его таков:при нажатие на ссылку "Вход" выскакивает маленькое окошечко с маленькой формой входа.Ссылки "Забыли пороль?Зарегистрироваться." оно содержать будет.

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

+1

2

Temari-тян - интересный скрипт. Спасибо!
З.Ы. Вниз или в верх вставлять?

0

3

Ватари
В HTML-низ.

0

4

СУПЕР,спасибо,класс!

0

5

Спасибо,клёвый скриптец!)

0

6

Temari-тян
http://forumupload.ru/uploads/0002/25/06/8547-2.gif

0

7

Класс!!! http://forumupload.ru/uploads/0002/25/06/8547-4.gif  http://forumupload.ru/uploads/0002/25/06/8547-4.gif  http://forumupload.ru/uploads/0002/25/06/8547-4.gif  http://forumupload.ru/uploads/0002/25/06/8550-2.gif  http://forumupload.ru/uploads/0002/25/06/8550-2.gif  http://forumupload.ru/uploads/0002/25/06/8550-2.gif  http://forumupload.ru/uploads/0002/25/06/8548-2.gif  http://forumupload.ru/uploads/0002/25/06/8548-2.gif  http://forumupload.ru/uploads/0002/25/06/8548-2.gif

0

8

Спасибо

0

9

спасибо, очень пригодилось!

0

10

Temari-тян
Интересненько.  Спасиб за скрипт  http://forumupload.ru/uploads/0002/25/06/8547-4.gif

0

11

а можно сделать его другим цветом? не серым, а розовым к примеру?

0

12

Мэл

Temari-тян написал(а):

background-color : #BEBEBE;

скорей всего поменять надо здесь.

0

13

Neko-san
не совсем понимаю....    пишу 

Код:
background-color : [color=yellow]#BEBEBE;[/color]

а получается прозрачно и не красиво О_о
http://i059.radikal.ru/0906/14/4d2074ecfad1.jpg

0

14

Мэл
нет не так.
Нужно посмотреть по таблице цветов код цвета. Например, код розового цвета  FFC0CB, а желтого  FFFF00. Его нужно вставить вместо BEBEBE.

background-color : #FFC0CB;

вот так

0

15

kisa.vip
спасибо огромнейшее  http://forumupload.ru/uploads/0002/25/06/8547-4.gif
ps: извините, если глупый вопрос, но где находится эта таблица цветов?

Отредактировано Мэл (2009-07-01 11:47:02)

0

16

Мэл написал(а):

ps: извините, если глупый вопрос, но где находится эта таблица цветов?

Я пользуюсь этой таблицей:
http://www.artlebedev.ru/tools/colors/
Но в принципе вы можете войти в любой поисковик и ввести "таблица веб цветов". Выйдет много вариантов, понравившийся будете использовать.  http://forumupload.ru/uploads/0002/25/06/8547-2.gif

0

17

Нека
Угу, спасибо)

0

18

:cool: классный скрипт! спасибо!

0

19

ух ты спс http://forumupload.ru/uploads/0002/25/06/8547-4.gif

0

20

Очень удобная вещь, йех...

0

21

полезная штука)) спасибки http://forumupload.ru/uploads/0002/25/06/8547-4.gif

0

22

спасибо за полезную информацию, вам плюсик http://forumupload.ru/uploads/0002/25/06/8547-4.gif

0

23

Отличный скрипт.А можно, чтобы это окно появлялось у гостей без нажатия кнопки "войти"?

0

24

Классно , спасибо, долго искала такой скрипт.

0

25

Temari-тян
помогло

0

26

спс) очень пригодился!

0

27

полезно)

0

Похожие темы


Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Ещё один скрипт миниатюрной формы входа.


Рейтинг форумов | Создать форум бесплатно