Salut tout le monde !

Pour m´amuser, j´ai fais un dock menu (menu style mac) en html + js...
ça marche presque bien...mais j´ai un souci qui se trouve etre casse coui*** !

http://www.geneweb.fr/test/dock.html

Vous pourrez observer 2 fonctions :
- onMenu(id) > qd on est une une image, celle ci est agrandie
- outMenu() > cette fonction retrecie toutes les img du menu

Probleme :
Si je vais sur la 1ere image : celle ci est agrandie. Si je vais a coté, celle ci retrecie...mais si je veux aller sur autre img, outMenu rentre en confusion avec onMenu(id)...on effet d´un coté je demande au onmouseout de retrecir les img trop grosses...et de l´autre je veux l´agrandir :/

onmouseover="onMenu(this.id)" onmouseout="outMenu()"

Avez une solution a me proposer ?
Merci

J´ai trouver sa sur le net
http://www.javascriptfr.com/codes/EFFET-DOCK-MAC-OS-POUR-VOS-MENUS_26334.aspx

Sa donne sa :
http://www.3dxmakina.fr/demo/dock_macos/dock_lineaire.html

Merci du lien

pour ta fonction outMenu() rajoute un paramètre id.
Si celui-ci n´est pas précisé, tu miniaturise TOUTES les images, sinon, tu miniaturise toutes les images SAUF celle qui est précisée en paramètre.

alexx-038 l´effet est sympa, ça donne presque la même chose que l´object-dock que j´ai sur le bureau, la fluidité en moins.

Merci Darth, j´ai fais qq chose de plus potable (toujours pourris mais plus potable )

J´avais fait un truc dans le même genre.
J´avais une liste de titres sous forme de liens et quand on cliquait dessus, ça affichait/masquait un cadre contenant le paragraphe correspondant au titre. et mon soucis avait été de n´avoir qu´un seul cadre affiché en même temps et donc de masquer tous les cadres ne correspondant pas au titre cliqué.
Au final j´avais fait ça en une seule fonction faisant appel à 1 fonction d´affichage et une fonction de masquage.

Fais voir le résultat

Toujours la meme page
http://www.geneweb.fr/test/dock.html

pour ss, j´utilise ton principe en faisant qq chose de simple :

function swdossier(mt) {
var i = 0;
while (i<=20) {
if(document.getElementById(´dossier´+i)) {
document. getElementById(´dossier´+i) .style.display=´none´;
}
i++;
}
if(document.getElementById(mt)) {
document. getElementById(mt) .style.display=´block´;
}
}

Avec mt l´id du div a affichier