Leegmaken knop werkt niet. Waarom?

[Threesa]

Ik heb een klein formulier met een leegmaken knop. Als ik de Leegmaken als type="reset" instel werkt het niet, dus dacht ik: geen probleem, we maken er een javascriptje van:

<form name="blogger" method="POST" action="index.php?page=addblog">
<script language="javascript" type="text/javascript">
	function Empty(){
	 	document.blogger.titel.reset="";
	 	document.blogger.blog.value="";
	}
</script>
<table class="kadermetboord">
<tr><td class="titelmetboord">Een blog schrijven</td></tr>
<tr><td class="inhoudmetboord">
Om te vermijden dat je ingetikte blog om technische redenen zou verloren gaan, is het aan te raden je blog eerst in platte tekst met een tekstverwerkingsprogramma (zonder opmaak en zonder links!) op te stellen. Via knippen en plakken kun je dit hier plaatsen en daarna nog van de gewenste opmaak voorzien via de opmaakknoppen onder het invulveld.<br /><br />
Titel:
<input type="textbox" id="titel" name="titel" size="50" value="$titel"><br />
<br />
<textarea name="blog" id="blog" cols="80" rows="15">$blog</textarea>
<br /><br />
<input type="submit" class="formknop" value="Preview">&nbsp;<input type="button" class="formknop" onclick="Empty()" value="Leegmaken">
</form>

De dollartekens zijn omdat dit uit een php pagina komt, met heredoc syntax. Ik heb ook al geprobeerd bij de knop onclick="javascript:Empty()" te plaatsen. Kan iemand me helpen aub?

 

[Johantrax]

Doet ie het zo ?

<form name="blogger" method="POST" action="index.php?page=addblog">
<script language="javascript" type="text/javascript">
	function Empty(){
	 	document.getElementById('titel').value="";
	 	document.getElementById('blog').innerHTML="";
	}
</script>
<table class="kadermetboord">
<tr><td class="titelmetboord">Een blog schrijven</td></tr>
<tr><td class="inhoudmetboord">
Om te vermijden ... onder het invulveld.<br /><br />
Titel:
<input type="textbox" id="titel" name="titel" size="50" value="$titel"><br />
<br />
<textarea name="blog" id="blog" cols="80" rows="15">$blog</textarea>
<br /><br />
<input type="submit" class="formknop" value="Preview">&nbsp;<input type="button" class="formknop" onclick="Empty()" value="Leegmaken">
</form>

--Johan

 

[Egel]

Als ik de Leegmaken als type="reset" instel werkt het niet,

Reset is geen leegmaken maar hersteld de beginwaarden van het formulier.

Met:
document.blogger.titel.value="";
werkt je script.


Vr.Gr. Egel.

 

[Threesa]

werkt niet

Voor een of andere reden werkt het enkel nu op het veld titel. De textarea wil zich nog altijd niet laten leegmaken :s

 

[Johantrax]

De textarea wil zich nog altijd niet laten leegmaken :s

Dat is omdat een textarea vanuit js gezien geen value heeft, maar wel innerHTML ...


--Johan

 

[Threesa]

met innerHTML werkt het ook niet

 

[Egel]

Werkt deze pagina bij jou?

<script type="text/javascript">
 function empty() {
  document.blogger.titel.value = '';
  document.blogger.blog.value = '';
  };
</script>

<form name="blogger" method="POST" action="index.php?page=addblog">
 <table class="kadermetboord">
  <tr>
   <td class="titelmetboord">Een blog schrijven</td>
  </tr><tr>
   <td class="inhoudmetboord">
    Om te vermijden dat je ingetikte blog om technische redenen zou verloren gaan, is het aan te raden je blog eerst in platte tekst met een tekstverwerkingsprogramma (zonder opmaak en zonder links!) op te stellen. Via knippen en plakken kun je dit hier plaatsen en daarna nog van de gewenste opmaak voorzien via de opmaakknoppen onder het invulveld.<br />
    <br />
    Titel: <input name="titel" type="text" size="50" value="$titel"><br />
    <br />
    <textarea name="blog" cols="80" rows="15">$blog</textarea><br />
    <br />
    <input type="submit" class="formknop" value="Preview">
    <input type="button" class="formknop" onclick="empty()" value="Leegmaken">
    <input type="reset" class="formknop" value="Beginwaarden">
   </td>
  </tr>
 </table>
</form>

bij mij verdwijnen en verschijnen $titel en $blog met de knoppen Leegmaken en Beginwaarden, zowel in Ie als Fx.

Ik heb nog wel een paar foutjes verbeterd, table afgesloten, id's verwijdert, en type="textbox".

Dat is omdat een textarea vanuit js gezien geen value heeft, maar wel innerHTML ...

Jawel hoor, type maar eens javascript:alert(document.blogger.blog.value) op de adresbalk.


Vr.Gr. Egel.