Discussion :

[sarah_paris]

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

[andry.aime]

Bonjour et Bienvenue sur Developpez

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

A+.

[SpaceFrog]

un debut de piste en statique

reste plus qu'à ajouter un setinterval
http://www.developpez.net/forums/d10...er-serie-divs/

[Bovino]

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

[sarah_paris]

Merci pour vos réponses,

J'ai repris le script :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[andry.aime]

Bonsoir,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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+.

[sarah_paris]

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!")