JS variable ausgeben

Professional

Friday, October 29th 2010, 4:32pm

JS variable ausgeben

Ich möchte an einer bestimmten Stelle meines HTML Codes eine JS Variable ausgeben (wie bei PHP mit echo). Dazu habe ich im Header folgendes stehen:

HTML Code

<script type="text/javascript">
var sort = "Dummy";
function name() {
sort = "Name";
}
</script>

Dann habe ich einen Button den ich mit einem onklick versehen habe:

HTML Code

<td class="bold"><input type="button" value=" Name " style="width: 100%; background-color: #bbb;" onclick="name();"></td>

Und weiter unten gebe ich alles aus:

	HTML Code
1	<script language="JavaScript">document.write(sort);</script>

Aber es steht dort weiterhin "Dummy". Der Text wird beim klicken nicht geändert.

Torsten

Professional

Posts: 293

Saturday, October 30th 2010, 5:06am

Das wird so glaube ich nicht gehen!

Musst du die Ausgabe mit document.write tätigen? Ich würde dir die Ausgabe wie folgt empfehlen ...

	Source code
1	<span id="sort.text">Dummy</span>

Und den von dir gelieferten Code wie folgt abändern ...

	Source code
1 2 3 4 5	<script type="text/javascript"> function name() { document.getElementById('sort.text').innerHTML = 'Fred Flinstone'; } </script>

So um den Dreh!

wasserfall

Trainee

Posts: 40

Saturday, October 30th 2010, 2:38pm

Quoted

Der Text wird beim klicken nicht geändert.

Klar. Das document.write wird einmalig beim Laden der Seite ausgeführt und danach nicht wieder. document.write() ist sowieso eher selten nützlich, da es nur während dem Laden der Seite aufgerufen werden kann (ansonsten wird eine neue Seite erstellt).
Bessere Version: siehe Vorposter.

x16

Professional

Posts: 172

Sunday, October 31st 2010, 2:02am

Danke für den Code. Wenn ich es so mache wie du schreibst, dann klappt es nicht. Beim klicken auf den Button passiert nichts. Wenn ich aber bei onklick statt den Funktionsnamen "name()" den direkten JS Code eingebe (onClick="document.getElementById('sort.text').innerHTML = 'Name';") funktioniert es. Warum auch immer.