PC SOFT

GRUPOS DE DISCUSSÃO PROFISSIONAL
WINDEVWEBDEV e WINDEV Mobile

Inicio → WEBDEV 2024 → Insertion > Menu
Insertion > Menu
Iniciado por nico271, fev., 02 2006 10:59 AM - 10 respostas
Publicado em fevereiro, 02 2006 - 10:59 AM
Bonjour !

J'aimerais peaufiner mon site et pour cela j'aimerais insérer un menu déroulant dans mes pages. J'ai noté que Webdev propose un menu déroulant standard, mais il ne correspond pas au type de menu que je recherche. Les options se décalent sur le côté, or je souhaite les faire apparaître au dessous du bouton pour une question de place.

Est-ce que cela est possible? Si oui, comment faire? Merci d'avance.

Nico
Publicado em fevereiro, 02 2006 - 12:35 PM
Via WebDev ce n est pas possible ....


J ai fait pas mal de demandes au SVT sur les menus deroulant,
en gros la reponse a ete : on ne fait pas, essayer de creer un menu
en javascript (ils me renvoyent sur la lst 53 je crois ... que je n ai pas bien sur !)

Apres recherche j ai trouve pas mal de sites qui font des menus en javascript,
j ai integrer le code HTML dans un champ HTML et c a a l air de marcher !


JE te donne un lien si tu veux (il y en a pleins d autes ) :
http://css.alsacreations.com/Construction-de-menus-en-CSS/Un-menu-deroulant-en-CSS-et-XHTML-vertical-et-horizontal


Bon courage,
Damien.
Publicado em fevereiro, 02 2006 - 3:37 PM
OK merci le menu vertical est très bien c'est ce que je cherchais

merci encore

@+
Publicado em fevereiro, 02 2006 - 4:58 PM
Est-ce par hasard tu arriverais a insérer un lien vers une des pages du projet?
Dans ma cellule, j'ai le code html dont en voici une partie:

.........

<body>
<dl id="menu">

<dt onclick="javascript:montre();">
<a href="Lienversmapage.htm">Lien</a></dt>

.....

Le lien contenu dans la balise <a> ne fonctionne pas et je reçoit le message d'erreur suivant:
"Requête invalide : le contexte de page 'Pageconseil' est inconnu. Vérifiez : - l'url demandée, - la validité du nom de page. "
(008, ERR_BAD_PAGE)

dès que je clique sur le lien. Pourtant ma page conseil existe bel et bien et je n'ai fait aucune faute de frappe.

Est ce que tu as le même problème où as-tu réussi à modifier tes liens?


D'avance merci,
Nico
Publicado em fevereiro, 02 2006 - 6:18 PM
Oula,

en fait la je potasse a fond le cours JavaScript d un autre site
http://www.infini-fr.com/index.html, ou j ai egalement vu le Html et le CSS !


Comme je debute en web c est un passage oblige !
Je dirai pour le lien : il faudrait peut etre mettre un
<Href> dans l entete !! (pour bien rediriger tous les autres href du body).

Donc a mon avis c est l adresse qui est mauvaise ...
Une astuce : au lieu de lancer une page, lance plutot une fonction JS!!!!
Tu definis cette fonction dans le groupe local naviguateur de WebDev EN WEBDEV,
et tu mets un bon vieux pageaffiche(mapage) ! (c est ce que j avais fais
avec des menus en applet java !)

Ca devrait marcher !
Tiens moins au courant,
perso des que je suis arrive a ce point je te dis comment j ai fait!

Dam's.
Publicado em fevereiro, 03 2006 - 11:00 AM
Bonjour,

Tout d'abord merci!

J'ai parcouru le site alsacreations.com et j'y ai trouvé un menu qui correspondait à mes attentes.
Le seul problème avec le lien que tu me donnes, c'est qu'il ne fonctionne pas! "Page introuvable"!

Sinon pour les liens, qu'appelle tu l'"en-tête" ? De plus je n'ai pas vu (mais je peux me tromper) de balise <href> seule sans le "a" avant.

En ce qui concerne la fonction Pageaffiche(Unepage), j'avoue que je rame un peu car comment puis-je insérer cette fonction dans le code d'un champ HTML? Parce que tous mes liens se font à partir du code html qu'elle contient. Donc je ne voit pas comment faire! Même si je défini une fonction JS globale, je ne voit pas comment l'insérer dans le code de mon champ html...

Si tu as d'autres conseils (ainsi qu'un lien qui fonctionne ;)) surtout n'hésite pas...

Encore merci
Nico
@+
Publicado em fevereiro, 03 2006 - 11:21 AM
Hello


je te remets le lien, il devrait fonctionner suissi !
http://www.infini-fr.com


Alors en faite dans un document html, tu as une balise d entete du document
(cf le lien) ou tu peux mettre le tag <HREF>. Le chemin que tu mettras dedans
sera systematiquement mis devant les autres chemins definis par HREF dans le body !
Mais effectivement comme c est un champ html, je ne suis pas sur qu il accepete la
balise d entete (<HEAD> ... </HEAD>).

Ensuite pour les fonctions :
Cree donc une fonction JSPageAffiche(sString) par exemple dans les procedures
locales navigateurs de ta fenetre (j ai jamais essaye en global). Tu la laisses en
W-Langage, et tu luis colles un bon PageAffiche(sString).
Quand WebDev va "compiler" le code, il va en fait passer cette fonction en JavaScript,
et elle sera accessible de partout depuis la page via son nom JSPageAffiche
(heu franchement je suis pas a 100% sur, mais presque. Surtout que c est logique :
JS est un lagage objet, lorsque tu definis ta fonction elle doit etre referencee comme
methode de Window !)

Donc finalement tu as juste a tapper dans la partie de code JS (qui est dans du code
HTML...) de ton champ HTML : JSPageAffiche("UnePage"), il doit voir la fonction si tout se
passe bien !

Bon de toute facon je devrais arriver a ce stade bientot,
je te tiens au courant !
Damien.
Publicado em fevereiro, 03 2006 - 12:33 PM
ok j'ai compris je vais essayé je te dirai ce qu'il en est
Merci
Publicado em fevereiro, 03 2006 - 2:51 PM
Alors mon grand, je viens de trouver la solution la !!
(ET JE SUIS PAS PEU CONTENT YYEEAAHHH !)


donc dans ton champ html, lors de la definition du body et des menus;
au lieu d utiliser de <a> utilise donc des <dl> !!!!!
(Tu pourras en plus faire des sous-sous menus !!!)


voici un bou de syntaxe pour le HTML (remarque le ONCLICK sur le deuxieme DT=JsAffiche)

<BODY>
<div id="menu">
<dl>
<dt onmouseover="javascript:montre('smenu1');">Menu 1</dt>
<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
<ul>
<li>
<DL>
<DT onclick="javascript:JSAffiche();">Sous-Menu 1.2yyeaahh</DT>
<dd id="smenu1_2'" onclick="javascript:JSAffiche();" >

</DL>

</li>
<li><a href="#">Sous-Menu 1.2</a></li>
<li><a href="#">Sous-Menu 1.3</a></li>
<li><a href="#">Sous-Menu 1.4</a></li>
<li><a href="#">Sous-Menu 1.5</a></li>
<li><a href="#">Sous-Menu 1.6</a></li>
</ul>
</dd>
</dl>

</BODY>

Il ne te reste ensuite qu a definir ta fonction JSAffiche en procedure local naviguateur,
et il va te la lancer !
YYEEAHH la vie est pas belle ?

Damien.
Publicado em fevereiro, 03 2006 - 3:46 PM
Oula je me suis peut etre emballe un ptio peu ....
Mais on est proche de la solution !


Pour les menus a plusieur niveaux je suis en train de regarder le lien
qu il met au debut du tutoriel, ca n a pas l air tres simple ...
A voir !

Damien.
Publicado em fevereiro, 03 2006 - 4:05 PM
En tout cas chapeau
Je bosse dessus justement pour les sous menus y a pas mieux que les liens que tu m'as donné
merci pour le JS
Nico
@+