Clemme: Übergabe von Eingabewerten in Firefox

Beitrag lesen

Hallo,

ich habe ein Skript geschrieben, welches den Wert eines input-Feldes ließt und im Dokument unterhalb des Formulars darstellt. Mit dem IE funktioniert das Reibungslos, jedoch nicht mit Firefox.
Der Unterschied liegt darin, dass Firefox im Gegensatz zum IE nach dem betätigen des funktionsaufrufenden Buttons den Formularinhalt löscht. Folglicherweise taucht dieser nur sehr kurz auf und verschwindet wieder.
Was kann ich tun, damit das Skript im Firefox genauso wie im IE funktioniert?

...

<script type="text/javascript">  
function create_elements()  
{  
   var content_headline = document.getElementsByName("headline")[0].value;  
   //document.getElementsByName("headline")[0].value = "";  
   var h1_elem = document.createElement("h1");  
   var h1_text = document.createTextNode(content_headline);  
   h1_elem.appendChild(h1_text);  
   document.getElementById("preview").appendChild(h1_elem);  
}  
</script>  
</head>  
  
<body>  
<h1>Überschrift</h1>  
<form>  
Headline<input type="text" name="headline" onfocus="show_advice(1)" onblur="hide_advice(1)"/><br />  
<button onclick="create_elements()">Vorschau</button>  
<input type="submit" value="Weg damit" />  
</form>  
<div id="preview"></div>  
</body>  
</html>