Strict Standards: Resource ID#34 used as offset, casting to integer (34) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#36 used as offset, casting to integer (36) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#37 used as offset, casting to integer (37) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401
ТвойWeb :: Версия для печати :: Введенный текст просто показывается чуть ниже - Как сделать?
ТвойWeb » WebMaster класс » JavaScript » Введенный текст просто показывается чуть ниже - Как сделать?

Страниц (3): [1] 2 3 »
 

1. Alice_vic - 22 Августа, 2007 - 08:06:18 - перейти к сообщению
В общем, нужно чтобы получалось следующее: пользователь вводит какой-то текст, дальше нажимает на кнопку, и введенный им только что текст просто высвечивается чуть ниже. И больше ничего.
У меня получилось сделать так, чтобы такой текст высвечивался в форме Textarea (код этого ниже), но нужно чтобы он высвечивался просто так, а не в Textarea.
Когда пишу Document.write, то он выдает пустую страницу с нужным текстом.
Помогите пожалуйста, уже 2й день бьюсь! %)


Вот отрывок кода, когда введенные данные выдаются в Textarea:

CODE:
<head>
<script>
function getAnswers () {
var userEmail = formLayer1.email.value;
document.form3.results.value=userEmail;
}
</scriot>

</head>
<body>

<form name="formLayer1">
<input type="button" value="Perenesti" onclick="getAnswers()" >
Введите ваше мыло: <input type=text name="email">
</form>

<form name="form3">
<textarea name="results" rows="10" cols="40">
</textarea>
</form>


</body>
2. TvoyWeb - 22 Августа, 2007 - 10:07:22 - перейти к сообщению
CODE:
<head>
<script>
function getAnswers () {
var userEmail = formLayer1.email.value;
document.getElementById('preview').innerHTML=userEmail;
}
</scriot>

</head>
<body>

<form name="formLayer1">
<input type="button" value="Perenesti" onclick="getAnswers()" >
Введите ваше мыло: <input type=text name="email">
</form>

<br>
<div id="preview"></div>


</body>
3. Alice_vic - 22 Августа, 2007 - 11:03:42 - перейти к сообщению
TvoyWeb Оо, спасибо большое за быстрый ответ! Оч-чень помогло).
Сама бы точно не скоро до этого дошла, если бы вообще дошла %).

А можно еще вопрос: Как сделать так, чтобы событие вызвало сразу 2 функции, а не одну?

Т.е. вот у меня есть 2 кнопки:
CODE:
<input type="button" value="Najmi" onclick="changeLayer()" >
<input type="button" value="Perenesti" onclick="getAnswers()">
,
нужно, чтобы одна из них работала за двоих, т.е. выполняла бы и свою функцию, и функцию второй кнопки.
4. TvoyWeb - 22 Августа, 2007 - 22:01:10 - перейти к сообщению
Alice_vic
Очень просто.
У вас две кнопки "Najmi" и "Perenesti". При клике на "Najmi" вызывается функция changeLayer(), при клике на "Perenesti" вызывается функция getAnswers()
Предположим, что при клике на "Najmi" должны вызываться обе функции.
Тогда в функции changeLayer(), после всего нада вызвать функцию getAnswers():
CODE:
<script>
function changeLayer () {
/* код функции */
..........................
/* конец кода */
//теперь вызываем функцию getAnswers()
getAnswers();
}
</scriot>
5. Alice_vic - 24 Августа, 2007 - 12:14:29 - перейти к сообщению
Все и правда очень просто Улыбка. Всё, спасибо огромное, без помощи вашего сайте скорее всего бросила бы эту затею =).
6. Alice_vic - 24 Августа, 2007 - 16:02:10 - перейти к сообщению
И все-таки это еще не все.
А как "взять" ответы с радиокнопок?
Например, я пробовала вот так, но он выдает либо к=1 (если выбран первый вариант), либо к=0 (когда ничего не выбрано, или когда выбран любой другой вариант):

CODE:
<script>
function getAnswers (){
var k=0;
if (form.elements[3]("i1").checked){k=1}
else if (form.elements[3]("i2").checked){k=2}
else if (form.elements[3]("i3").checked){k=3}
document.getElementById('preview').innerHTML=k; }
</script>

<body>
Сколько поросят в трёх поросятах?
<br><input type="radio" name="a[Сколько поросят в Трёх поросятах?]" id="i1" value="Три" >Три
<br><input type="radio" name="a[Сколько поросят в Трёх поросятах?]" id="i2" value="Тридцать три" >Тридцать три
<br><input type="radio" name="a[Сколько поросят в Трёх поросятах?]" id="i3" value="Ну очень много" >Ну очень много
.....
</body>

Причем имя name менять нельзя.
7. Furax - 25 Августа, 2007 - 01:04:26 - перейти к сообщению
CODE:
<script>
function getAnswers (){
document.getElementById('preview').innerHTML=document.pigsForm['a[Сколько поросят в Трёх поросятах?]'].value;
</script>

<body>
Сколько поросят в трёх поросятах?
<form name="pigsForm">
<br><input type="radio" name="a[Сколько поросят в Трёх поросятах?]" id="i1" value="Три" >Три
<br><input type="radio" name="a[Сколько поросят в Трёх поросятах?]" id="i2" value="Тридцать три" >Тридцать три
<br><input type="radio" name="a[Сколько поросят в Трёх поросятах?]" id="i3" value="Ну очень много" >Ну очень много
.....
</form>
</body>
8. Alice_vic - 25 Августа, 2007 - 06:18:42 - перейти к сообщению
Furax Такой вариант не проходит, там просто еще внешняя форма есть. Я немного упростила код когда сообщение писала, тогда вот он неупрощенный:
CODE:
<script>
function getAnswers () {
form=document.forms[0];
var userName = form.elements[0].value;
...
var k=0;
if (form.elements[3]("i1").checked){k=1}
else if (form.elements[3]("i2").checked){k=2}
else if (form.elements[3]("i3").checked){k=3}
document.getElementById('preview').innerHTML= "Имя: "+userName+"<br> Porosata: "+k;
</script>

<body>
<form ENCTYPE="multipart/form-data" action="http://narod.yandex.ru/send-poll.xhtml" method=POST>
<table border="0" cellspacing="0" cellpadding="0" align="center" width="90%">
<tr>
<td align="leftt"><font color="#004000" face="Book Antiqua">Как вас зовут? (имя и фамилия):</font> </td>
<td align="right"><input type="text" name="a[Имя и фамилия]"></td>
</tr>

...

<tr>
<td align="left"><font color="#004000" face="Book Antiqua"><br>Сколько поросят в Трёх поросятах?</font></td>
</tr><tr>
<td align=center><input type="radio" name="a[Сколько поросят в Трёх поросятах?]" id="i1" value="Три" ></td>
<td align=left><font color="#004000" face="Book Antiqua">Три</font></td>
</tr>
<tr valign=middle>
<td align=center><input type="radio" name="a[Сколько поросят в Трёх поросятах?]" id="i2" value="Тридцать три" ></td>
<td align=left><font color="#004000" face="Book Antiqua">Тридцать три</font></td>
</tr>
<tr valign=middle>
<td align=center><input type="radio" name="a[Сколько поросят в Трёх поросятах?]" id="i3" value="Ну очень много" ></td>
<td align=left><font color="#004000" face="Book Antiqua">Ну очень много</font></td>
</tr>
</table>
</body>

Форму в форме несколько я помню делать нельзя?..
9. TvoyWeb - 25 Августа, 2007 - 18:58:13 - перейти к сообщению
CODE:
<script language="JavaScript">
function getAnswers () {
myForm=document.Pigs;
var userName = myForm.elements[0].value;

var k = "Ничего не выбрано";
for (var i = 0; i < myForm.elements.length; i++){
if (myForm.elements[i].name == 'a[Сколько поросят в Трёх поросятах?]' && myForm.elements[i].checked == true) {
k = myForm.elements[i].value;
break;
}
}

document.getElementById('preview').innerHTML = "Имя: "+userName+"<br> Porosata: "+k;
}
</script>

Имеется в виду, что у формы есть параметр name="Pigs"
10. Alice_vic - 25 Августа, 2007 - 20:37:46 - перейти к сообщению
TvoyWeb, афигеть, оно работает! Спасибо!
Здорово, получается, я могу кучу таких же вопросов с радиокнопками насоздавать по такому же принципу =)

А как сделать то же самое, но с чекбоксами? Закатив глазки

Форум на AlfaSpace.NET


Powered by ExBB
ExBB FM 1.0 RC1 by TvoyWeb.ru
InvisionExBB Style converted by Markus®

[Script Execution time: 0.0363]     [ Gzipped ]