[Problème code] Afficher/Masquer div

Version imprimable

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:

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 !

24/03/2006, 09h55
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 !!

moi j'aurais fait un truc du style :

Code:

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

24/03/2006, 13h17
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 ! :D
24/03/2006, 14h18
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