Discussion :

[glloq8]

Bonjour tout le monde !

J'ai un soucis avec un script que j'arrive pas à modifier :

En arrivant sur ma page, j'ai de base un div contenant du texte qui est affiché. Sur le côté j'ai des photos, et quand on passe dessus, le texte de ma div doit disparaitre, pour laisser la place à un div contenant du texte.

J'ai en tout 3 photos, et 4 div (1 par défaut au chargement de la page, et les 3 autres pour les 3 photos).

Pour l'instant, j'en suis arrivé à ce que quand on survole la photo, la div correspondante s'affiche, mais je n'arrive pas à faire disparaitre celle par défaut !
Par contre, si on survole une deuxième photo, le texte de celle ci apparait, mais il y a l'espace de la première qui reste blanc...

Voici mon code, si vous savez comment m'y prendre :

Code :

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

1
2
3
4
5
6
7
8
9
function montre(id) {
  var d = document.getElementById(id);
    for (var i = 1; i<=10; i++) {
  		if (document.getElementById('collection'+i)) {
        document.getElementById('collection'+i).style.display='none';
      }
  	}
  if (d) {d.style.display='block';}
}

Au fait, j'y connait pas grand chose en Javascript !

Merci d'avance !

[glloq8]

Petite précision :

sous firefox, quand je survole une photo, le div correspondant prend la place du div d'une autre photo, mais en dessous de celui par défaut, vu que je sais pas le faire disparaitre...

mais sous ie, ils se placent l'un en dessous de l'autre !!

[piro]

moi j'aurais fait un truc du style :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function montre(id) {//avec id le numero de ton div
    for (var i = 1; i<=10; i++) {
        if (id==i) {
                document.getElementById('collection'+i).style.visibility='visible';
                document.getElementById('collection'+i).style.display='block';
        else{
                document.getElementById('collection'+i).style.visibility='hidden';
                document.getElementById('collection'+i).style.display='none';
        }
     }
}

Mais je sais pas si ca marche vraiment, je suppose que tes div ont pour id collection

[glloq8]

En fait, le div affiché par défaut au chargement de la page a comme id : acceuil_collection, et les 3 autres ont comme id : collection1, collection2, ...

suspence...

collection3 !

[Kerod]

Une autre solution qui serait plus simple serait de créer un seul div et de modifier son contenu...Pas d'accord ???

Si oui comme on l'appelle Ajax ferait l'affaire