nicht angemeldet
Hi,
Wie schaffe ich es, JavaScript "dynamisch zu machen", d.h. den Aktionen wie onClick "zuzuhören" und beim Ausführen den HTML-Text dynamisch zu verändern?
Ich empfehle Dir, Dich eingehend mit Dom-Methoden zu beschäftigen. Zur Anregung ein kleiner Test, am Besten Du schaust alle Methoden einmal in der Referenz nach, um Ihre Arbeitsweise kennenzulernen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<script type="text/javascript">
function add_text_node(id, txt) {
clean_element(id); // Funktion zum 'Leerräumen' des p-tags
var el = document.getElementById(id);
var txt = document.createTextNode(txt);
el.appendChild(txt);
}
function clean_element(id) {
var el = document.getElementById(id);
var clone = el.cloneNode(false);
el.parentNode.replaceChild(clone,el);
el.id = id;
}
</script>
</head>
<body>
<form>
<select onchange="add_text_node('out', this[this.selectedIndex].value)">
<option value="Hier soll Text hin">Wählen...</option>
<option value="erster Text">erster Text</option>
<option value="zweiter Text">zweiter Text</option>
<option value="dritter Text">dritter Text</option>
<option value="vierter Text">vierter Text</option>
</select>
</form>
<p id="out">Hier soll Text hin</p>
</body>
</html>
Gruesse, Joachim
Am Ende wird alles gut.