Div Content changer

Fishbone22

Fishbone22

Hallo zusammen :)
ID: 89701
L
20 April 2006
253
4
Hallo.

Auf "https://www.gmx.net/de/" direkt oben sieht man einmal "Im Blickpunkt" "kino und Musik" und "GMX Tour" wenn man jew. auf eines dieser links draufklickt, wechselt sich der inhalt des kastens darunter. wie macht man sowas? hat jemand erfahrung damit oder links zu einem script etc.


Mfg, Fishbone22
 
Das macht man meist mittels Javascript und DOM:

Code: 
document.getElementById('iddesdivcontainers').innerHTML = "blub";
 
HTML: 
<html>
<head>
<script language="JavaScript" type="text/javascript">
<!-- //


function change_box(i) {

	if(i==1) {
		document.getElementById('changebox').innerHTML="der text wenn man auf den 1. button klickt";
	}
	else if(i==2) {
		document.getElementById('changebox').innerHTML="der text wenn man auf den 2. button klickt";
	}
}
//-->
</script>
</head>
<body>

<form>
<input type="button" onClick="javascript:change_box(1)" value="Text1">
<input type="button" onClick="javascript:change_box(2)" value="Text2">
</form>

<div id="changebox">
Starttext... blah und blub...
</div>
</body>
</html>
 
Also hat alles funktioniert nur ich kann nur Text ändern lassen aber kein html code etc. dann geht das nicht mehr. gibts da ne lösung für?


Mfg, Fishbone22
 
Könnte vielleicht dran liegen das du die Anführungszeichen maskieren musst.
Wenn du in deinen html Code den du benutzen willst zB
HTML: 
<span style="blubb">Hier der Text</span>
Dann musst du das so schreiben:
HTML: 
<span style=\"blubb\">Hier der Text</span>
oder
HTML: 
<span style='blubb'>Hier der Text</span>

Maskieren heisst einfach immer nen \ vor ein " zuschreiben.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Ähnliche Themen

M
Dämlicher Content hinter Loselinks
Antworten
0
Aufrufe
3K
multichrom
M
Zurück
Oben