[AJAX] Menu Ajax avec un effet basic, enfin.!

Bonjour à tous, voila je ne suis pas pro de ajax et loin de la, mon domaine est plus html/php/flash...

Mais on va dire que l'ajax étant beaucoup plus léger que le flash, je commence à me tourner vers cette technologie...

Voilà, je cherche à faire une menu type accordéon vertical avec 3 niveau de sous menu... Ca facilement réalisable avec du javascript... je pense que la ou l'ajax pourra m'être utile c'est sur l'animation de ce menu au rollover...

voila l'effet que je voudrais réalisé dessus en ajax.

Mon menu version flash

Et puis deuxième difficulté, police non système... donc si je réalise ce menu en javascript/ajax je vais devoir utiliser deux image transparente (une avec police noir et la meme police blanche...)

Ma première question parce que je cherche depuis un bon petit moment sans succès, mon effet flash est il réalisable avec des techno javascript/ajax ???

Merci

Salut,

Regarde du côté des tutos frameworks qui sont très bien fait avec dans 90% des cas, une démo dispo

http://javascript.developpez.com/cours/?page=frameworks

Salut,
Pour ton menu déroulant j'ai la solution :D
Attention, IE pose un petit problème. Voici la solution JavaScript qui nécessite toutefois de ta part la création de classes dans ta CSS :

Code:

---

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

function iEouAutre(element, esgourde, handler){ if(element.addEventListener){ element.addEventListener(esgourde, handler, false); }else if(element.attachEvent){ element.attachEvent('on' + esgourde, handler);} }// iEouAutre     startList = function(){ if(window.attachEvent){ navRoot = document.getElementById("nav"); var b = navRoot.childNodes.length; for (i=0; i<b; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } } } } } iEouAutre(window, 'load', startList);

---

Le code n'est commenté mais tu devrais le lire facilement. Tu verras donc que le problème sous IE vient de "Hover" qui n'est pas pris en charge. D'où l'astuce ci-dessus.
Ce Code est non-intrusif ; il peut évidemment être amélioré ; par exemple, en l'état il modifie l'espace de noms global. L'implémenter dans une fonction anonyme est donc une bonne piste.
a+
JL

Bon j'ai essayé, j'ai trouvé mon bonheur, merci.

Mais un peu trop court dans les délai j'ai finalement opté pour du flash...

Un fois que j'aurai le temps et le site opérationnel, je développerai quelque chose de plus propre/léger à mon gout ;)

Merci quand même pour les info, elles sont dans mes favoris ;)