Форум

FayScrin · #1 (**permalink**) 25.01.2012, 13:31

Здравствуйте, у меня экзамен по jquery, и там нужно сделать форму коментариве.
И вот собственно с формой проблем нет а вот с выводом коментария в документ неонятно((

приэтом вывод нужен просто(буквально) в тело странички(да да, глупо)
тоесть есть скрипт с формой и при нажатии на субминт, комент появляется в теле странички.

Может кто знает как? Скрочно нужно(((!!!

d-kaktus · #2 (**permalink**) 25.01.2012, 14:48

<input type="text" value="" id="txt1" />
<textara id="txt2"></textarea>
<div id="d"></div>
<script>
document.getElementById("d").innerHTML=document.getElementById("txt1").value+document.getElementById("txt2").text;
</script>

Это просто js без jquery. По-моему для этой задачи подключать jquery нецелесообразно.

FayScrin · #3 (**permalink**) 25.01.2012, 23:09

спасибо, но нужно именно на jquery(

Aetae · #4 (**permalink**) 25.01.2012, 23:24

$("#d").html( $("#txt1").val() );

FayScrin · #5 (**permalink**) 26.01.2012, 04:32

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

Aetae · #6 (**permalink**) 26.01.2012, 04:58

$("#d").append('<div>' + $("#txt1").val() + '</div>' );
$("#txt1").val('')

Вообще пишу отбалды, ибо jq не юзаю. Но там всё элементарно и логично, хз вообще в чём проблема может быть.

FayScrin · #7 (**permalink**) 26.01.2012, 05:05

А не, просто я протупил, все работает спасибо большое)
прям неудобно ка то, вы помогли а мне и отблагодорить некак(

Aetae · #8 (**permalink**) 26.01.2012, 05:09

<!DOCTYPE HTML>
<html>
  <head>   
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
    <script>
    function add(){
      $("#d").append('<div>' + $("#txt1").val() + '</div>' );
      $("#txt1").val('')
    }
    </script>
  </head>
  <body>
    <input type="text" value="" id="txt1" />
    <input type="button" value="add" onclick="add()" />
    <div id="d"></div>
  </body>
</html>

FayScrin · #9 (**permalink**) 26.01.2012, 05:22

Огромное человеческое спасибо!!!

Форум

Справочник

Discord чат

Курсы javascript