Probleme mit globaler Variable in JS

[philippCH]

Hallo zusammen

Ich habe folgendes kleines Script.

[PHP]
<script type="text/javascript">
var Wert = "global";
function loadInfo(info) {
switch (info) {
case 1: Wert = "Ausgabe von Informationen 1";
break;

case 2: Wert = "Ausgabe von Informationen 2";
break;

case 3: Wert = "Ausgabe von Informationen 3";
break;

default: Wert = "Ausgabe von Informationen X";
}
}
</script>


<a href="#" onClick="loadInfo(2)">Testlink</a><br>


<script type="text/javascript">
document.write(Wert);
</script>
[PHP]
Eigentlich sollte es, wenn auf einen Link geklickt wird, über die Funktion loadInfo() den Inhalt an einem bestimmten Ort auf der Seite anpassen ohne die Seite neu zu laden. Aber leider wird der Wert in der Variable "Wert" nicht korrekt übergeben, d.h. die Funktion wird zwar aufgerufen, aber der Inhalt von "Wert" ausserhalb der Funktion ändert sich nicht obwohl dies laut allen How-To's die ich gelesen habe so funktionieren sollte.

Nur wo liege ich falsch?

Danke für eure Hilfe.

Gruss Philipp

[jahlives]

Übergib info als String (also loadInfo('2') und teste im switch ebenfalls auf String (case "2"...). Dann funzt es

Gruss

tobi

[philippCH]

Danke für deinen Hinweis, aber leider ändert sich nichts...

Das Script sieht nun so aus:
<script type="text/javascript">
var Wert = "global";
function loadInfo(info) {

switch (info) {
case "1": Wert = "Ausgabe von Informationen 1";
break;

case "2": Wert = "Ausgabe von Informationen 2";
break;

case "3": Wert = "Ausgabe von Informationen 3";
break;

default: Wert = "Ausgabe von Informationen X";
}
}
</script>


<a href="#" onClick="loadInfo('2')">Testlink</a><br>


<script type="text/javascript">
document.write(Wert);
</script>

Aber egal wie oft ich auf den Link "Testlink" klicke, als Ausgabe kommt immer "global" raus...

[onemorenerd]

Das document.write() führt dein Browser sofort aus, sobald er das </script> danach empfangen hat.
Da du erst danach auf den Link klickst, kannst du damit zwar den Inhalt der Variablen ändern, aber das document.write() wird dadurch nicht automatisch noch einmal ausgeführt.

[philippCH]

OK, aber wie krieg das nun hin? Genau das will ich ja machen können...

[Kropff]

pack das document.write in die funktion.

gruß
peter

[philippCH]

Hab ich schon versucht. War sogar mein erster Gedanke, aber wenn ich das mache, dann wird mir immer die bestehende Seite zugeklatscht und der Wert in der Variable auf einer ansonsten weissen Seite angezeigt.


Hier noch ein Beispiel, was ich eigentlich auch erreichen möchte:
http://www.fenaco.ch/deu/firmenmarken_845.aspx

[Kropff]

worked as designed. document.write schreib praktisch das dokument neu. such mal nach innerText und innerHTML

gruß
peter

[onemorenerd]

Das würde nicht mehr passieren, wenn du den JS-Block mit der Funktion an der Stelle im Dokument hast, an der ursprünglich das document.write() stand. Denn genau dort wo document.write() ausgeführt wird, schreibt der Browser den Text auch hin. Wenn die Funktion vor dem Body steht, veranlasst das manche Browser, ein neues (Text-) Dokument zu erzeugen.

Aber die sauberste Lösung wäre etwa diese:

<script type="text/javascript">
/* 
hier die Funktion, aber statt document.write(Wert)
machst du document.getElementById('foo').innerHTML=Wert;
*/
</script>

<a href="" onclick="loadInfo('works'); return false;">Bar</a>

<div id="foo"></div>

[philippCH]

Wieso nur habe ich befürchtet, dass es eigentlich so einfach wäre...

Funzt perfekt. Vielen Dank