• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

DIV durch anderen DIV ersetzen

R

Reisender

New member
Hallo Leute,
auf einer einzelnen Seite (Startseite) einer Homepage soll nach ca. 15 Sekunden ein Div durch einen anderen Div ausgetauscht werden, nicht ständig wechseln, sondern nur einmal.
Meine Frage nun, wie geht das?
Ich denke ich brauche dafür Javascript und ein Ansatz für die zeitliche Steuerung wäre wohl setTimeout, da ich bisher aber kaum Erfahrung mit JS habe, habe ich auch keine Ahnung wie eine Lösung aussehen könnte.

Bin für jede Hilfe dankbar, denn obwohl ich jetzt schon Stunden mit Googeln verbracht habe, bin ich nicht wirklich schlauer.
 
Moin!

Beispiel:
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Beispiel</title>
<script type="text/javascript">
<!--
function tausch(){
div1=document.getElementById('d1');
div2=document.getElementById('d2');
d2.style.display='none';
setTimeout("d1.style.display='none';d2.style.display='block';",15000)
}
//-->
</script>
</head>
<body onload="tausch()">
<div id="d1">Div1</div>
<div id="d2">Div2</div>
</body>
</html>
Ahoi - Pit
 
Hey Pit, vorab schonmal vielen Dank für Deine schnelle Hilfe!
Dein Beispiel funktioniert, allerdings kriege ich es nicht korrekt umgesetzt.

Verständnisfrage!?
Was sind div1 und div2?
div1=document.getElementById('d1');
div2=document.getElementById('d2');

Ich hätte das so verstanden,t dass div1 die id 'd1' zugewiesen wird, nur taucht div1 in deinem Beispiel nur noch als Text bzw. Inhalt des zu wechselnden div's mit der id 'd1' auf?

bisher zeigt er mir mit folgendem Code nur das Bild aus dem div "content2" an:



<script type="text/javascript">
<!--
function tausch(){
content=document.getElementById('content');
content2=document.getElementById('content2');
c2.style.display='none';
setTimeout("c.style.display='none';c2.style.display='block';",5000)
}
//-->
</script>


<body onload="tausch()">
<div id="background">
<div id="main">
<div id="top">
*
*
</div>
<div id="navigation">
*
*
</div>
<div id="content"><img src="../medien/background_start.jpg" alt="Hintergrundbild">
<div id="textfeld">
<div id="text"></div>
</div>
</div>
<div id="content2"><img src="../medien/hallenansicht.jpg" alt="Hintergrundbild">
<div id="textfeld">
<div id="text"></div>
</div>
</div>
</div>

</body>


Sorry, wahrscheinlich ist der Fehler eher banal, aber meine JS sind eher Kenntnisse trivial.
 
Super, vielen Dank!

Ist schon peinlich, denn eigentlich hätte ich den Fehler selber sehen müssen und was eine Variable ist weiss ich eigentlich auch.

Eine Frage habe ich noch, gibt es eigentlich auch eine Lösung bei der der IE den User nicht mit einer Sicherheits-Warnung verunsichert?

Nochmal vielen Danke!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben