X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Onclick, функции, события
kettyrus
kettyrus
Topic Starter сообщение 3.10.2009, 11:11; Ответить: kettyrus
Сообщение #1


<html>
<head>
<title>Анкета </title>
<script>
function handler1() {

}
function handler2() {

}
function handler3() {
// сдесь проверки для кнопки

}
</script>
</head>
<form metode "Post" action="http://mysite.ua/register.cgi">
<P> Введите имя<input type="text" name="T1" size "65"> </p>

<p> Расскажите о себе:</p> <TEXTAREA name="b1" rows="5" cols="20" onmouseover="handler1();">
</TEXTAREA></p>

<p><INPUT type="radio" name="s1" value="s2" onfocus="handler2();"> Муж<BR>
<INPUT type="radio" name="s1" value="s1" onfocus="handler2();"> Жен<BR></p>

<p><INPUT type="button" value="Отправить" onclick="handler3();" />
<INPUT type="reset"value="Очистить"></P>

</form>
</html>


Для кнопки Отправить создать обработчик событий OnClick, в результате чего в окошке будут выведены данные, которые вводились пользователем, тоесть Имя+пол (Павел, муж) Если точнее, то при нажатии на кнопку отправить должны выполнятсяя функция, которая проверят наличие текста и выбора на кнопках и если они имеются, то выведут их в окне, а если данные не введены, то нипишет, типа "введите данные"
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Htmlmaster
Htmlmaster
сообщение 3.10.2009, 12:07; Ответить: Htmlmaster
Сообщение #2


Вот правильный и работающий код:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<script>
function handler1() {
if (document.form.T1.value=='') {
alert('Введите ваше имя');
return true;
} else {
return true;}
}

function handler2() {
if (document.form.b1.value=='') {
alert('Введите информацию о себе');
return true;
} else {
return true;}
}
function handler3() {
if (document.form.s1.value=='') {
alert('Выберите ваш пол');
return true;
} else {
return true;}
}

function handler4() {
alert(document.form.T1.value)
alert(document.form.b1.value)
alert(document.form.s1.value)
}
</script>
</head>
<body>
<form id="form" name="form" method="post" action="">
Введите ваше имя:
<label>
<input type="text" name="T1" id="T1" onfocus="handler1();"/>
</label>
<p>Раскажите о себе:
<label>
<textarea name="b1" id="b1" onfocus="handler2();"></textarea>
</label>
</p>
<p>Ваш пол:</p>
<p>
<INPUT type="radio" name="s1" value="Муж" onfocus="handler3();">
Муж<BR>
<INPUT type="radio" name="s1" value="Жен" onfocus="handler3();">
Жен<BR>
</p>
<p><label>
<input type="submit" name="button" id="button" value="Далее" onClick="handler4();"/>
</label>
<label>
<input type="reset" name="button2" id="button2" value="Сбросить" />
</label>
</p>
</form>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kettyrus
kettyrus
Topic Starter сообщение 3.10.2009, 13:39; Ответить: kettyrus
Сообщение #3


(Htmlmaster @ 3.10.2009, 15:07) *
Вот правильный и работающий код:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<script>
function handler1() {
if (document.form.T1.value=='') {
alert('Введите ваше имя');
return true;
} else {
return true;}
}

function handler2() {
if (document.form.b1.value=='') {
alert('Введите информацию о себе');
return true;
} else {
return true;}
}
function handler3() {
if (document.form.s1.value=='') {
alert('Выберите ваш пол');
return true;
} else {
return true;}
}

function handler4() {
alert(document.form.T1.value)
alert(document.form.b1.value)
alert(document.form.s1.value)
}
</script>
</head>
<body>
<form id="form" name="form" method="post" action="">
Введите ваше имя:
<label>
<input type="text" name="T1" id="T1" onfocus="handler1();"/>
</label>
<p>Раскажите о себе:
<label>
<textarea name="b1" id="b1" onfocus="handler2();"></textarea>
</label>
</p>
<p>Ваш пол:</p>
<p>
<INPUT type="radio" name="s1" value="Муж" onfocus="handler3();">
Муж<BR>
<INPUT type="radio" name="s1" value="Жен" onfocus="handler3();">
Жен<BR>
</p>
<p><label>
<input type="submit" name="button" id="button" value="Далее" onClick="handler4();"/>
</label>
<label>
<input type="reset" name="button2" id="button2" value="Сбросить" />
</label>
</p>
</form>
</body>
</html>


А onfocus не работает ((
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Htmlmaster
Htmlmaster
сообщение 3.10.2009, 17:07; Ответить: Htmlmaster
Сообщение #4


У вас какой браузер, у меня IE 7 и всё хорошо гоняет
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Htmlmaster
Htmlmaster
сообщение 3.10.2009, 17:08; Ответить: Htmlmaster
Сообщение #5


Попробуйте так
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<script>
function handler1() {
if (document.form.T1.value=='') {
alert('Введите ваше имя');
return true;
} else {
return true;}
}

function handler2() {
if (document.form.b1.value=='') {
alert('Введите информацию о себе');
return true;
} else {
return true;}
}
function handler3() {
if (document.form.s1.value=='') {
alert('Выберите ваш пол');
return true;
} else {
return true;}
}

function handler4() {
alert(document.form.T1.value)
alert(document.form.b1.value)
alert(document.form.s1.value)
}
</script>
</head>
<body>
<form id="form" name="form" method="post" action="">
Введите ваше имя:
<label>
<input type="text" name="T1" id="T1" onfocus="handler1();"/>
</label>
<p>Раскажите о себе:
<label>
<textarea name="b1" id="b1" onfocus="handler2();"></textarea>
</label>
</p>
<p>Ваш пол:</p>
<p>
<INPUT type="radio" name="s1" value="Муж" onfocus="handler3();">
Муж<BR>
<INPUT type="radio" name="s1" value="Жен" onfocus="handler3();">
Жен<BR>
</p>
<p><label>
<input type="submit" name="button" id="button" value="Далее" onClick="handler4();"/>
</label>
<label>
<input type="reset" name="button2" id="button2" value="Сбросить" />
</label>
</p>
</form>
</body>
</html>
Вот сейчас должно работать, если нет:rolleyes:, то либо у вас отключён Javascript или у вас неподходящий браузер...
:prilichno:НО ЭТО МОЖНО СДЕЛАТЬ НА PHP

НУ ЧТО КОД НА PHP НУЖЕН...

НО ТОГДА ЧТОБЫ УВИДЕТЬ КАК БУДЕТ РАБОТАТЬ НА PHP, ВАМ НУЖЕН DENVER или чё нибудь другое
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 3.10.2009, 18:45; Ответить: Letmetouchyou
Сообщение #6


*denwer и ето не едмнственный способ)
если нада что бы на страницы онклик выскакивало то на пхп врядля, ибо ето должно быть на клиентской части.
js, ajax .. итд
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Htmlmaster
Htmlmaster
сообщение 3.10.2009, 18:54; Ответить: Htmlmaster
Сообщение #7


на PHP можно, сам делал всё работает...:goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 3.10.2009, 19:27; Ответить: Apay
Сообщение #8


kettyrus,

во первых, исправьте явные ошибки html,

во вторых, т.к. ни у одного эл-та нет id то в html необходимо небольшое изменение
<INPUT type="button" value="Отправить" onclick="handler3(this);" />

function handler3(e){
  if( e.form.T1.value.replace(/\s+/,'') == '' )
    alert( '?? Введите имя' );
  else if( e.form.b1.value.replace(/\s+/,'') == '' )
    alert( '?? Расскажите о себе' );
  else if( !e.form.s1[0].checked && !e.form.s1[1].checked )
    alert( '?? Ваш пол' );
  else alert( e.form.T1.value+"\n"+e.form.b1.value+"\n"+(e.form.s1[0].checked?'Муж':'Жен') );
  }
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Htmlmaster
Htmlmaster
сообщение 3.10.2009, 21:26; Ответить: Htmlmaster
Сообщение #9


(Apay @ 3.10.2009, 22:27) *
kettyrus,

во первых, исправьте явные ошибки html,

во вторых, т.к. ни у одного эл-та нет id то в html необходимо небольшое изменение
<INPUT type="button" value="Отправить" onclick="handler3(this);" />

function handler3(e){
  if( e.form.T1.value.replace(/\s+/,'') == '' )
    alert( '?? Введите имя' );
  else if( e.form.b1.value.replace(/\s+/,'') == '' )
    alert( '?? Расскажите о себе' );
  else if( !e.form.s1[0].checked && !e.form.s1[1].checked )
    alert( '?? Ваш пол' );
  else alert( e.form.T1.value+"\n"+e.form.b1.value+"\n"+(e.form.s1[0].checked?'Муж':'Жен') );
  }

Да согласен это правильно
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 3.10.2009, 21:27; Ответить: Letmetouchyou
Сообщение #10


Htmlmaster, да , но только релоад все страницы будет
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Propeller Ads Media заработок на onclick, pre-roll и баннерах!
Зарабатывайте на качественной медийной рекламе
1 propellerads 5444 8.9.2013, 20:53
автор: Nata_li
Открытая тема (нет новых ответов) Сменить прозрачность Onclick
9 NezzarD_hb 8467 13.10.2012, 22:15
автор: -NezzarD-
Открытая тема (нет новых ответов) Smarty и собственные функции
Как реализовать?
3 RussiaStudent 8552 12.12.2009, 18:41
автор: ZiTosS


 



RSS Текстовая версия Сейчас: 28.3.2024, 23:58
Дизайн