Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > меняем форму по клику по ссылке

Автор: AleksandrIII 10.12.2007, 16:31

как мне поменять форму при клике на ссылку? например на странице 2 формы 1 из них показывается другая нет:

<a href="#">меняем форму отправки</a><br>

<div id="div1">
<form id="form1" name="search1" action="1.php" method="POST">
<input type="text" name="text1">
<input type="submit1">
</form>
</div>

<div id="div2" style="display:hidden;">
<form id="form2" name="search2" action="2.php" method="POST">
<input type="text" name="text2">
<input type="submit2">
</form>
</div>

как я понимаю надо всего навсего на событие онклик поменять стиль дива на видимый?

Автор: SelenIT 10.12.2007, 16:40

Да. И еще отменить переход по самой ссылке (в простейшем случае - return false в конце onclick-а).

Только "display:hidden;" - такого стиля нет. Бывает display:none и visibility:hidden.

Автор: bars80080 10.12.2007, 17:27

примерно так

Код


function upturn() {
    if(document.getElementById('a1').style.display != 'block') {
        document.getElementById('a1').style.display = 'block';
        document.getElementById('a2').style.display = 'none'; }
    else { document.getElementById('a1').style.display = 'none';
        document.getElementById('a2').style.display = 'block'; }}

Код


<a href="javascript:upturn()">меняем форму отправки</a>
<div id="a1">qwe</div>
<div id="a2">asd</div>

Автор: AKS 10.12.2007, 18:05

bars80080, в одной функции трижды происходит вызов document.getElementById('a1'). Зачем?

Автор: bars80080 10.12.2007, 18:21

ёшкин кот, для читабельности примера
понятное дело что можно написать:
var q1 = document.getElementById('a1').style.display;
var q2 = document.getElementById('a2').style.display;
и далее подставлять
али ты думаешь, что чел.который спрашивает это силён в js?

Автор: AKS 10.12.2007, 18:37

Цитата(bars80080 @ 10.12.2007, 18:21

)

ёшкин кот, для читабельности примера

Такую конструкцию нельзя назвать читабельным примером.

Цитата(bars80080 @ 10.12.2007, 18:21

)

али ты думаешь, что чел.который спрашивает это силён в js?

Нет, не думаю. Тут, среди нас, вообще "силачей" нет. Только это к коду не имеет никакого отношения.

Автор: AleksandrIII 13.12.2007, 10:50

спасибо SelenIT. спасибо AKS в любом случае мне был важен принцип как примерно код должен выглядеть функции в любом случае мне нужно переделывать