ссылка в форме

[okunev2]

Есть вот код, он выводит форму в которой есть кнопка и при нажатии которой происходит действие, как сделать вместо кнопки ссылку (a href =), чтобы при нажатии ссылки действие точно так же срабатывало как у кнопки? Этой же ссылке можно будет присвоить класс css для оформления?

 
<form>
<form action="#" method="post">
<input type="text" name="pole1" value="">
<textarea name="message" wrap=virtual></textarea>
<input type="hidden" name="opi" value="ds">
<input type="submit" name="submit" value="Отправить">
</form>

[Иван Шумов]

а зачем тебе ссылка - используй вместо вместо submit - image

http://stepbystep.htmlbook.ru/?id=23

[okunev2]

про image я знаю, мне именно ссылка нужна!

[maddogrts]

Отправить

[okunev2]

Спасибо за подсказку

а где можно "покурить" мануалы по этому случаю и другим распространненым вещам, с которыми сталкиваешься при верстке?

[maddogrts]

Идешь в магазин покупаешь толстую книжку по JS вырываешь пару листиков и куришь (не забудь забить).

[okunev2]

нет, книжка есть, но там вода, а в сети может есть какие хорошие ресурсы по не стандартным решениям, вот я и спрашиваю!

[maddogrts]

куроводство почитай (в яндексе куроводство)

[okunev2]

Отправить

Так одно не понятно, все остаеться так же в href ничего не нужно вписывать?

[maddogrts]

можно вписать java script:document.getElementById('idii').submit(); а с онклика удалить

[okunev2]

т.е. так?

<a href="#" onclick="java script:document.getElementById('idii').submit();">Отправить</a>

[okunev2]

вот правильно?

<a href="java script:document.getElementById('idii').submit();">Отправить</a>

[Vlad]

В событиях javascript не пишется, поэтому нижний вариант правильный, верхний тоже будет, если javascript убрать.

[okunev2]

тобишь вот, два правильный варианта:

<a href="#" onclick="document.getElementById('idii').submit();">Отправить</a>


<a href="java script:document.getElementById('idii').submit();">Отправить</a>

Так, ещ? вопрос, а здесь idii что такое?

Значит, все эти две строчки кода рабочие, в них ничего не нужно дописывать, так как есть там submit();

[D.S.Denton]

а здесь idii что такое?

голову где забыл? спать иногда надо, иначе совсем не будешь замечать под носом... (вспоминается анекдот про боксера... "а еще я в нее ем")

getElementById('idii')

извини за резкость, но чтоб не сопоставить код в соседних строчках нужна "женская логика"

[okunev2]

извини, но сплю я уже правда

[okunev2]

Теперь эта форма правильная? Мне только добавлять поля и менять параметр action и method, все остальное будет без изменения?

<form action="#" method="post" id="idii">
<input type="text" name="pole1" value="">
<textarea name="message" wrap=virtual></textarea>
<input type="hidden" name="opi" value="ds">
<a href="java script:document.getElementByid('idii').submit();">Отправить</a>
</form>

И ещ? один вопрос, вот строчка:

<INPUT TYPE="submit" NAME="submit"></p>

смотрю на форму выше и понять не могу там только получается TYPE=submit, а где NAME=submit или это все в одном флаконе?

[D.S.Denton]

Теперь эта форма правильная? Мне только добавлять поля и менять параметр action и method, все остальное будет без изменения?

я б все же заменил getElementByid('idii') на getElementById('idii') - I заглавная

смотрю на форму выше и понять не могу там только получается TYPE=submit, а где NAME=submit или это все в одном флаконе?

тут дело в том что при отправке формы обработчику, указанному в action предаются пары имя=значение. имя берется из name элемента формы, а значение либо из value, либо из того что введено в поле, либо при отсутствии того и другого отсутствует. т.е. присваивание кнопке submit атрибута name="любое_имя" приведет к тому что в запрос добавится еще одно имя переменной. такой способ удобен при организации более чем одной кнопки submit в форме. пример - если надо сделать один выбор:

<form ...>
 Какой у вас оператор?
 <input type="radio" name="OPSOS" value="beeline" />beeline
 <input type="radio" name="OPSOS" value="mts" />mts
 <input type="radio" name="OPSOS" value="megafon" />megafon
 <input type="submit" value="Отправить" />
</form>

можно это упростить чтоб пользователю кликать один раз вместо двух:

<form ...>
 Какой у вас оператор?
 <input type="submit" name="beeline" value="beeline" />
 <input type="submit" name="mts" value="mts" />
 <input type="submit" name="megafon" value="megafon" />
</form>

и обработчик проверяет какая кнопка была нажата

[okunev2]

Все исправил:

<form action="#" method="post" id="idii">
<input type="text" name="pole1" value="">
<textarea name="message" wrap=virtual></textarea>
<input type="hidden" name="opi" value="ds">
<a href="java script:document.getElementById('idii').submit();">Отправить</a>
</form>