Alterner affichage 4 div ?

Version imprimable

19/11/2010, 11h56
sarah_paris

Alterner affichage 4 div ?

Bonjour,

Voila mon problème : j'ai 4 div, contenant chacun un texte.

Au meme endroit, dans un div "mère", je voudrais alterner l'affichage de ces 4 div (les passer en display block / none alternativement).
Je pense à du javascript et à la fonction setintervalle(), mais je suis pommée.

Pouvez vous m'aider ? Merci beaucoup :)
19/11/2010, 12h01
andry.aime

Bonjour et Bienvenue sur Developpez ;)

Tu peux t'inspirer de cette discussion :fleche: afficher masquer serie de divs.

A+.
19/11/2010, 12h02
SpaceFrog

un debut de piste en statique

reste plus qu'à ajouter un setinterval
http://www.developpez.net/forums/d10...er-serie-divs/
19/11/2010, 13h03
Bovino

Ou regarder sur les contributions un script tout fait : [SRC] Fondu enchainé :aie:

Merci beaucoup, mais je suis toujours bloquée :(

Merci pour vos réponses,

J'ai repris le script :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<style type="text/css">
.cachediv {display:none}
.showdiv {display:block}
</style>
 
<script language="javascript">
function DivStatus(le_bouton)
{
	var div1 = document.getElementById("div1");
	var div2 = document.getElementById("div2");
	var div3 = document.getElementById("div3");
	var div4 = document.getElementById("div4");
 
	if(le_bouton == "bouton1")
	{
		div1.className = "showdiv";
		div2.className = "cachediv";
		div3.className = "cachediv";
		div4.className = "cachediv";
	}
	else if(le_bouton == "bouton2")
	{
		div1.className = "cachediv";
		div2.className = "showdiv";
		div3.className = "cachediv";
		div4.className = "cachediv";
	}
	else if(le_bouton == "bouton3")
	{
   		div1.className = "cachediv";
		div2.className = "cachediv";
		div3.className = "showdiv";
		div4.className = "cachediv";
	}
	else if(le_bouton == "bouton4")
	{
   		div1.className = "cachediv";
		div2.className = "cachediv";
		div3.className = "cachediv";
		div4.className = "showdiv";
	}	
}
</script>

et mis un onload("DivStatus('bouton2');") dans le body

Cela marche, cela affiche bien le div2.

Mais comment rajouter un setinterval dedans pour que les divs s'alternent tous seuls ? (sans bouton ou quoique ce soit)

Merci par avance,

Sarah

Bonsoir,

Code:

1
2
3
4
5
6
7
var a=0;
function alterner(){
  var i=(a%4)+1;
  DivStatus("bouton"+i);
  a++;
}
setInterval(function(){alterner();},4000);

A+.

29/11/2010, 18h12
sarah_paris

MERCI

Merci, merci, merci, andry.aime tu es au top !
Tout marche parfaitement bien.

(et c'est là où on se dit "mais bien sûr!")