IPB

Здравствуйте, гость ( Вход | Регистрация )

> 

1. оформляйте исходный код в тег [CODE]. Темы с неправильным форматированием будут удаляться
2. пишите конкретно, по существу. Чем больше информации вы предоставите, тем быстрее, полнее и точнее будет ответ.
3. для предложений о работе есть раздел "Вакансии", будете внимательнее.

 
Reply to this topicStart new topic

Как сделать в html выбор , input type="radio"

vodkomotornik
сообщение Nov 27 2007, 00:20
Сообщение #1


Бывалый
****

Группа: Members
Сообщений: 223
Регистрация: 21.6.2007




После нажатия кнопки "Далее" - переход на страницу 01.html, а мне надо чтобы при выборе другой кнопки была другая страница, напр. 02.html, 03.html 04.html

Кто может подсказать?

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head>
<form ENCTYPE="multipart/form-data" action="01.html" method=POST>
<body>

<tr>
<td><input type="radio" name="a" value="1"></td>
</tr>
<tr>
<td><input type="radio" name="a" value="2"></td>
</tr>
<tr>
<td><input type="radio" name="a" value="3"></td>
</tr>
<tr>
<td><input type="radio" name="a" value="4"></td>
</tr>
<input name="go1" type="submit" id="go1" value="Далее &gt;&gt;">
</body>
</html>
Go to the top of the page
 
+Quote Post
ace_ventura
сообщение Nov 27 2007, 11:14
Сообщение #2


newbie
**

Группа: Members
Сообщений: 23
Регистрация: 31.8.2007




http://stepbystep.htmlbook.ru/
Для начала "HTML по шагам" и "Формы по шагам".
Даю мощную подсказку. Тот код, который вы привели и который должен перемещать юзера на другую страницу это Форма!
Go to the top of the page
 
+Quote Post
vodkomotornik
сообщение Nov 27 2007, 11:26
Сообщение #3


Бывалый
****

Группа: Members
Сообщений: 223
Регистрация: 21.6.2007




Естессно форма, с "радиобудтонами", спасиб за мощную подсказку - я там уже был вчера 5 раз, прежде чем напмсать сюда, есть вариант непосредственно перехода после выбора, но мне надо только по нажатию кнопки "Далее >>".
Все же мне лучше образчика типа ...
Go to the top of the page
 
+Quote Post
freak
сообщение Nov 27 2007, 12:09
Сообщение #4


newbie
**

Группа: Members
Сообщений: 34
Регистрация: 20.1.2006




Код
<script type="text/javascript">
function redir(){
    for (var i=0; i<document.forms['redir'].elements['a'].length; i++){
 if (document.forms['redir'].elements['a'][i].checked){
     document.location = document.forms['redir'].elements['a'][i].value;
     return true;
 };
    };
    return true;
}
</script>

<form name="redir" onsubmit="return false;">

<input type="radio" name="a" value="01.html" />
<input type="radio" name="a" value="02.html" />
<input type="radio" name="a" value="03.html" />
<input type="radio" name="a" value="04.html" />

<input type="button" name="next" value="Далее" onclick="redir()" />
</form>


или

Код
<form name="redir" action="01.html" method="post">

<input type="radio" name="a" value="01.html" onclick="if(this.checked){document.forms['redir'].action=this.value}" />
<input type="radio" name="a" value="02.html" onclick="if(this.checked){document.forms['redir'].action=this.value}"  />
<input type="radio" name="a" value="03.html" onclick="if(this.checked){document.forms['redir'].action=this.value}"  />
<input type="radio" name="a" value="04.html" onclick="if(this.checked){document.forms['redir'].action=this.value}"  />

<input type="button" name="next" value="Далее" onclick="submit()" />
</form>
Go to the top of the page
 
+Quote Post
vodkomotornik
сообщение Nov 27 2007, 13:08
Сообщение #5


Бывалый
****

Группа: Members
Сообщений: 223
Регистрация: 21.6.2007




Возможность выбора пугает, но второй код заработал сразу.
Большое спасибо freak! smile.gif
Go to the top of the page
 
+Quote Post
vodkomotornik
сообщение Nov 27 2007, 17:54
Сообщение #6


Бывалый
****

Группа: Members
Сообщений: 223
Регистрация: 21.6.2007




Заработал, но на компе. Как выгрузил на сайт - нифига, хотя ссылки ставит правильные. Не помогает даже перезагрузка страницы со ссылкой.

Method Not Allowed
The requested method POST is not allowed for the URL .
Apache/1.3.39 Server at Port 80
Go to the top of the page
 
+Quote Post
freak
сообщение Nov 27 2007, 18:57
Сообщение #7


newbie
**

Группа: Members
Сообщений: 34
Регистрация: 20.1.2006




Цитата(vodkomotornik @ Nov 27 2007, 18:54)
Заработал, но на компе. Как выгрузил на сайт - нифига, хотя ссылки ставит правильные. Не помогает даже перезагрузка страницы со ссылкой.

Method Not Allowed
The requested method POST is not allowed for the URL .
Apache/1.3.39 Server at  Port 80
*


судя по ошибке, тебе подойдет первый вариант
Go to the top of the page
 
+Quote Post
vodkomotornik
сообщение Nov 27 2007, 19:06
Сообщение #8


Бывалый
****

Группа: Members
Сообщений: 223
Регистрация: 21.6.2007




Первый не финциклирен.
post исправил на get и добавил </form>.

и сайт в ауте.... не могу достучаться.
Go to the top of the page
 
+Quote Post
vodkomotornik
сообщение Nov 27 2007, 19:21
Сообщение #9


Бывалый
****

Группа: Members
Сообщений: 223
Регистрация: 21.6.2007




заработало, правда ссылки пишет так: 01.html?a=01.html, а переходит куда надо.
<form name="redir" action="01.html" method="get"></form> - подсвечена строка если убрать </form>, но работает, а не наоборот.

01.html?a=01.html как сделать красиво??
Go to the top of the page
 
+Quote Post
vodkomotornik
сообщение Nov 28 2007, 22:06
Сообщение #10


Бывалый
****

Группа: Members
Сообщений: 223
Регистрация: 21.6.2007




А что, окромя freak нету специалистов у нас тут?
Go to the top of the page
 
+Quote Post
Cron
сообщение Nov 29 2007, 12:59
Сообщение #11


разнорабочий
******

Группа: Старожилы
Сообщений: 959
Регистрация: 6.1.2006
Из: зона отчуждения




есть криваватый, но простой способ. как альтернатива.
<span id=span1><form name="redir" action="01.html" method="get"></span>

А потом через innerHTML менять содержимое span1 в зависимости от выбора ююзера, а потом сабмитить форму
Go to the top of the page
 
+Quote Post
vodkomotornik
сообщение Dec 1 2007, 00:31
Сообщение #12


Бывалый
****

Группа: Members
Сообщений: 223
Регистрация: 21.6.2007




Спасиб! Но если бы попонятнее малость еще расписал...
Чота на мыло не аукнулось мне. В общем заделал я, работает, только ссылки какие-то корявые высвечиваются....
Был бы это Access, я бы Val([ссылка]) применил, а тут и не знаю....
Go to the top of the page
 
+Quote Post
ivo_ivan
сообщение Jan 19 2008, 03:26
Сообщение #13


Писатель
*

Группа: Members
Сообщений: 8
Регистрация: 6.4.2007




Цитата(vodkomotornik @ Nov 27 2007, 18:54)
Заработал, но на компе. Как выгрузил на сайт - нифига, хотя ссылки ставит правильные. Не помогает даже перезагрузка страницы со ссылкой.

Method Not Allowed
The requested method POST is not allowed for the URL .
Apache/1.3.39 Server at  Port 80
*


укажи в action="абсолютный полный путь до файла включая http"
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



RSS Текстовая версия Сейчас: 30th July 2010 - 18:34
  Rambler's Top100