Date de création :
Lun. 01 janvier 2007

Dernière mise à jour :
Mar. 20 décembre 2011

Statistiques :
485 articles
1782 commentaires

Bonjour tout le monde, j'ai un client en formation dreamweaver et il m'a posé une colle : j'ai cherché sur Internet mais auncune réponse interessante.

Le client a une maquette sur laquelle il a un menu qui possède un element en couleur (celui où l'on est) et le reste en grisé (il a préparé ces images en on et off). Quand je passe le mulot sur un item gris, il passe en rollover de couleur, avec la gestion de comportements de chez dream. En plus de cet effet de rollOver créé, il aimerai que, quand on survole un item gris, celui qui est en couleur se grise (donc affecter un 2eme comportement à son image) : techniquement cela fonctionne quand le mulot arrive sur mon image : il passe en couleur et remplace sa voisine par la version off - sauf que au moment où je quitte l'image, il me restaure qu'une seule

En regardant le code, on se rend compte que la fonction restoreImage() de dreamweaver ne comporte pas de parametres.

Comme c'est une formation dreamweaver, il serait interessant de trouver une solution à l'aide de menus, mais là je sèche complètement. Quelqu'un aurait une solution ?

Jacques Danilo Graphiste independant webdesigner freelance

Commentaires associés

Jeff le 25/01/2008

Aucune idée sous Dreamweaver. Enfin si, lui apprendre les css dessous. Surtout que les javascript de dreamweaver, bonjour l'usine à gaz.

C'est complètement obsolète d'utiliser un javascript pour faire un rollover. Tu fais tous tes états sous toshop - ou autre - (un élément couleur, les autres en gris, etc.) dans un seul fichier et tu joues sur les background position pour faire ton rollover.

yara le 25/01/2008

"...au moment où je quitte l'image..", mais laquelle ? la maquette ?

Si j'ai bien compris tu as un menu sur une image (la maquette), dans ce cas il faut que lorsque tu survole ton item (la fonction de rollOver) tu sauvegarde dans une variable globale l'item survolé (l'id par exemple) et sur ton image (la maquette) appel la fonction restoreOld, pour dire a l'item resté en couleur de reprendre son etat initial.


var ItemHover;

function restoreOld(){
document.getElementById(ItemHover).src = document.getElementById(ItemHover)..oSrc;
}

MisterDanilo le 25/01/2008

Oui Jeff je sais, je le fais de cette manière aussi, mais ordre du centre de formation de passer par dreamweaver sans voir les CSS... Donc je suis un peu bloqué de ce coté là malheureusement !
Sinon ca ferait des semaines...

Et Javascript par Dreamweaver est absolument obsolète, je te l'accorde !

MisterDanilo le 25/01/2008

Yara, Même consigne que pour Jeff, je ne peux pas apprendre aux clients à utiliser le code.

Le but étant qu'ils puissent faire des choses et les refaire à l'occasion d'un autre site. Si j'interviens, ils ne pourront pas le refaire, donc c'est mort ! (hélas pour eux)

Yara le 25/01/2008

Ok, je comprends

Reste plus qu'a lui vendre une formation en prog javascript ;-)

Yara le 25/01/2008

Ok, je comprends

Reste plus qu'a lui vendre une formation en prog javascript ;-)

Ajouter un commentaire

Pseudo :
Mail :
Site web :
Commentaire :
Combien font 7+2 ( en lettres ) :
Se souvenir de moi :

© MISTERDANILO.COM - Blog d'un Graphiste Frelance | Tous droits réservés| Mentions Légales

Blog de MissDanilo | Graphiste freelance | Le Webdesigner | Graphiste freelance

2 Square de Mazarine | 56000 VANNES | 06 21 69 62 50 | Contactez-moi