Jump to content
  • 0

Выпадающая форма, как сделать??


AngelVal
 Share

Question

Нужна срочная помочь!!!

Есть ссылка "Войти", при наведении мышкой, должна выпадать форма входа, как это сделать я не знаю.

Вот форма:

логин:

пароль:

css:

.formKom3 {

height: 18px;

width: 150px;

}

#formKom4 {

height: 100px;

width: 160px;

}

.formOts {

padding-top: 9px;

padding-bottom: 12px;

}

.inputRed2 {

height: 25px;

width: 53px;

visibility: visible;

}

Пожалуйста помогите. Спасибо! ;)

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

ну например так:

<span onclick="document.getElementById('formKom4').style.display='block';">Войти</span>

<div id="formKom4" style="display:none;">логин:
<input type="text" class="formKom3">
<div>пароль:</div> <input type="text" class="formKom3">
<div class="formOts"><input name="вход" type="image" src="i/enter.gif" class="inputRed2"></div></div>

Link to comment
Share on other sites

  • 0

Как понимаю, это должно срабатывать при щелчке, а мне нужно при наведение мышки.

Вообще мне нужно сделать только внешний вид, а программисты уже дальше делают свою работу.

Поэтому у меня должно получится: вот есть ссылка Войти (какой код страницы нас не волнует)

этой формы на странице вообще не должно быть:

логин:

пароль:

В итоге при наведение на "Войти" появляется выпадающая форма входа (полупрозрачный слой)

Вот, если все понятно объяснила

Link to comment
Share on other sites

  • 0
Как понимаю, это должно срабатывать при щелчке, а мне нужно при наведение мышки.

Ну если при наведении, то onMouseOver вместо onMouseClick.

этой формы на странице вообще не должно быть:

логин:

пароль:

Как не должно быть? А откуда же она потом появится. В коде выше чтоб ее сразу видно не было я добавил там style="display:none;"

Link to comment
Share on other sites

  • 0

Спасибо! практически то, что нужно, сделала + еще помощь одного человека.

вот ява:

function showform()

{

document.getElementById('formKom4').style.display='';

document.getElementById('form_link').style.display='none';

document.getElementById('login_field').focus();

return false;

}

function checkform()

{

var login = document.getElementById('login_field').value;

var pass = document.getElementById('pass_field').value;

if(login=='' && pass=='')

{

document.getElementById('formKom4').style.display='none';

document.getElementById('form_link').style.display='';

}

return false;

}

Сама ссылка: Войти

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy