all html : Le portail des webmaster

liste des forums liste des discussions Participer à la discussion

Message publié le mercredi 19 juillet 2006 à 09 h 08 par nizouille.

Hello,

J'ai découvert récemment un menu déroulant acessible :
http://www.allhtml.com/articles/detail/594
qui répond parfaitement à mes attentes. J'aimerais l'intégrer à mon site ( http://www.enseignons.be ), qui utilise la technique des portes coulissantes 2 : http://pompage.net/pompe/portescoulissantes2/ ( http://pompage.net/IMG/html/portescoulissantes2/v1/ex10a.html )

Le problème est que l'un se base sur des ul li, et l'autre sur des listes de définitions, ce qui me pose problème pour l'intégration de la technique du menu déroulant avec des onglets en portes coulissantes comme premier élément du menu.

Je suis un peu perdu, et mes différents essais n'ont rien donné.
Merci de votre aide.

Nizouille

• participer

Message publié le samedi 22 juillet 2006 à 05 h 25 par koala64. http://www.allhtml.com/forums/posts_list/topic:464469 - http://www.wikini.net/wakka.php?wiki=XHTML - http://www.wikini.net/wakka.php?wiki=CSS

Salut,

Désolé pour l'attente... J'étais sur autre chose... ;-)
Je réponds sur ce topic pour tes deux questions ( celle-ci et celle du forum javascript )... :-)

Ce qui désactivait le script Nifty ( ou bien le menu suivant l'ordre dans lequel tu faisais la déclaration ), c'est le fait que tu devais ajouter dans ton code html...

<script type="text/javascript"> <!-- window.onload = function() { if( !NiftyCheck() ) return; Rounded("div#testNifty","all","#444","#00FF00","smooth"); } //--> </script>
... pour faire fonctionner Nifty. Le soucis, c'est qu'en faisant çà, tu désactives le menu vu que tu redéfinis la fonction de lancement.

En fait, pour que çà marche, tu dois lancer Nifty et le menu dans la propriété window.onload et donc écrire:
<script type="text/javascript"> <!-- window.onload = function() { if( !NiftyCheck() ) return; Rounded("div#testNifty","all","#444","#00FF00","smooth"); o.Menu.__Test__(); } //--> </script>

Attention, l'ordre dans lequel se trouve les liens vers les fichiers js et ce bout de script est important. Regarde bien comment j'ai fait dans l'exemple ci-dessous.

A noter aussi que Nifty comporte un avertissement dû à une variable ( isXHTML ) non déclarée. Dans l'exemple, j'ai corrigé cette erreur... donc si tu veux récupérer le script, pas de soucis... Je t'ai d'ailleurs fait un zip de l'ensemble... ;-)

Concernant les portes coulissantes, je redéfinis les éléments dt pour y insérer un lien... ( visible grâce à la barre d'outils webdeveloper de Firefox -> bouton "Voir source" -> "Voir le code source généré" ) C'est ce qui fait que tes essais se sont avérés infructueux. De ce fait, tu peux effectivement te servir de cette technique mais il faut la contrôler via le script du menu.

Bref, voilà l'exemple:

http://koalnet.com/divers/nizouille/

En somme, ce que tu cherches à faire est possible mais il va falloir que tu potasses cette page si tu souhaites l'adapter à tes besoins...

++

• participer

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.