• Aktualisierte Forenregeln

    Eine kleine Änderung hat es im Bereich Forenregeln unter Abschnitt 2 gegeben, wo wir nun explizit darauf verweisen, dass Forenkommentare in unserer Heftrubrik Leserbriefe landen können.

    Forenregeln


    Vielen Dank

[Javascript] Dynamischer Inhalt

denkerland

Anfänger/in
Mitglied seit
16.12.2002
Beiträge
73
Reaktionspunkte
0
Halli hallo!
Ich hab versucht eine HTML-Datei mit Javascript ein wenig dynamischer zu machen. So weit bin ich schon gekommen.
Wenn man auf einen Knopf klickt, soll darunter ein Text dargestellt werden.
Der Code:
<html>
<body onload="test()">

<script language=JavaScript>
<!--

function test()
{
var I1 = "<br><br>Hallo Inhalt Nr.1";
var I2 = "<br><br>Hallo Inhalt Nr.2";
}

// -->
</script>

<br>
<form>
<input type="button" value="Inhalt1" onchange="Inhalt = I1">
<input type="button" value="Inhalt2" onchange="Inhalt = I2">

<div id="Inhalt" style=visibility:visible;font-family:Verdana;color:black;font-size:10px;"></div>

</form>
</body>

Bitte helft mir! ;(
 
denkerland am 28.08.2004 19:58 schrieb:
Halli hallo!
Ich hab versucht eine HTML-Datei mit Javascript ein wenig dynamischer zu machen. So weit bin ich schon gekommen.
Wenn man auf einen Knopf klickt, soll darunter ein Text dargestellt werden.
Der Code:
<html>
<body onload="test()">

<script language=JavaScript>
<!--

function test()
{
var I1 = "<br><br>Hallo Inhalt Nr.1";
var I2 = "<br><br>Hallo Inhalt Nr.2";
}

// -->
</script>

<br>
<form>
<input type="button" value="Inhalt1" onchange="Inhalt = I1">
<input type="button" value="Inhalt2" onchange="Inhalt = I2">

<div id="Inhalt" style=visibility:visible;font-family:Verdana;color:black;font-size:10px;"></div>

</form>
</body>

Bitte helft mir! ;(
das ist total falsch
mach es mal so
<html>
<body onload="test()">

<script language=JavaScript>
<!--

function test(ID,inhalt)
{
var I1 = "<br><br>Hallo Inhalt Nr.1";
var I2 = "<br><br>Hallo Inhalt Nr.2";
switch(inhalt) {
case 1:
document.getElementbyID(ID).innerHTML=l1;
break;
case 2:
document.getElementbyID(ID).innerHTML=l2;
break;
}
}

// -->
</script>

<br>
<form>
<input type="button" value="Inhalt1" onclick="test('Inhalt',1)">
<input type="button" value="Inhalt2" onclick="test('Inhalt',2)">

<div id="Inhalt" style=visibility:visible;font-family:Verdana;color:black;font-size:10px;"></div>

</form>
</body>
hab es aber nicht ausprobiert
 
<html>
<body onload="test()">

<script language=JavaScript>
<!--

function test(ID,inhalt)
{
var I1 = "<br><br>Hallo Inhalt Nr.1";
var I2 = "<br><br>Hallo Inhalt Nr.2";
switch(inhalt) {
case 1:
document.getElementbyID(ID).innerHTML=I1;
break;
case 2:
document.getElementbyID(ID).innerHTML=I2;
break;
}
}

// -->
</script>

<br>
<form>
<input type="button" value="Inhalt1" onclick="test('inhalt',1)">
<input type="button" value="Inhalt2" onclick="test('inhalt',2)">

<div id="Inhalt" style=visibility:visible;font-family:Verdana;color:black;font-size:10px;"></div>

</form>
</body>
</html>

Geht trotzdem nicht ;(
 
das geht hab es getestet:
<html>
<body onload="test()">

<script language=JavaScript>
<!--

function test(inhalt)
{
var I1 = "<br><br>Hallo Inhalt Nr.1";
var I2 = "<br><br>Hallo Inhalt Nr.2";
switch(inhalt) {
case 1:
document.getElementById('Inhalt').innerHTML=I1;
break;
case 2:
document.getElementById('Inhalt').innerHTML=I2;
break;
}
}

// -->
</script>

<br>
<form>
<input type="button" value="Inhalt1" onclick="test(1)">
<input type="button" value="Inhalt2" onclick="test(2)">

<div id="Inhalt" style=visibility:visible;font-family:Verdana;color:black;font-size:10px;"></div>

</form>
</body>
</html>
 
Zurück