Pagina 1 din 1

Date din camp formular adaugate in DIV

Scris: Dum Dec 09, 2012
de patricia
Am o problema banala dar nu inteleg de ce nu merge. Am un formular din care incerc sa preiau datele introduse intr-un camp textarea si sa le pun intr-un DIV, dar totul merge aiurea si nu inteleg de ce.

Cod: Selectaţi tot

<html>
<head>
<title>titlu</title>
<script type="text/javascript">
function afiseaza(){
elm='';
var text1='';
text1=document.enunturi.enunt.value;
elm=document.getElementById('listaEnunturi');
elm.innerHTML+=text1;
}
</script>
</head>
<body>
<form name="enunturi">
<input type="text" value="" name="enunt">
<br/>
<input type="submit" value="afiseaza enunt" onclick="afiseaza();">
</form>
<div id="listaEnunturi" style="border:2px solid red;width:200px;">
</div>
</body>
</html>

Date din camp formular adaugate in DIV

Scris: Dum Dec 09, 2012
de MarPlo
Unde este textarea? In cod e doar un camp input text, care e altceva.
Butonul "submit" trimite datele din formular, deci fereastra in browser se reincarca dupa apasarea lui.
Ca sa ramana fereastra cu datele adaugate de codul JavaScript in pagina, ori folosesti un buton: type="button" in loc de "submit"; ori adaugi: onsubmit="return false;" in <form>.
Adica asa:

Cod: Selectaţi tot

<input type="button" value="afiseaza enunt" onclick="afiseaza();">
Sau asa:

Cod: Selectaţi tot

<form name="enunturi" action="" method="post" onsubmit="return false;">

Date din camp formular adaugate in DIV

Scris: Dum Dec 09, 2012
de legendary
Ori adaugi un # la action.

Cod: Selectaţi tot

 <form action="#"> 
Incearca asa:

Cod: Selectaţi tot

<html>
<head>
<title>titlu</title>
<script type="text/javascript">
function afiseaza(){
  var text1 = document.getElementById('enunt').value;
  document.getElementById('listaEnunturi').innerHTML = text1;					 	
}
</script>
</head>
<body>
<form name="enunturi" action="#">
<input type="text" value="" id="enunt">
<br/>
<input type="submit" value="afiseaza enunt" onclick="afiseaza();">
</form>
<div id="listaEnunturi" style="border:2px solid red;width:200px;">
</div>
</body>
</html>