Intégrer un menu DHTML
"Sothink Menus"

Martine

 

De Martine,
J'utilise donc "Sothink Menus" et oui, je trouve ce petit outil super pour une débutante comme moi, il est pas cher et facile à utiliser. Il produit des javascripts et donc il me semble que cette solution est généralisable.

Mon site est dynamique (non AWP).
Mes menus doivent être affichés sur toutes les pages (bandeau) je travaille donc sur le modèle de pages.
Dans le modèle de page, je place autant de boutons (invisibles) que j'ai d'options de menus.
Chaque bouton pointe vers une page de mon site via le champ "action" de l'onglet "General" du champ bouton.

----- Par exemple, le bouton BtnVersPageDetail pointe sur la page PageDetail ------

Lorsque Webdev va générer des pages avec ce modèle, chaque champ du modèle prend un nom codé selon son ordre d'apparition sur la page : M1, M2, M3 etc.
(il faut donc générer au moins une page pour voir quel est le nom donné à chaque bouton, l'alias se voit quand on laisse trainer la souris dessus).

----- Par exemple, le bouton BtnVersPageDetail prend le nom M3 -----

Une fois que l'on connaît ce nom codé, on place dans chaque option de menu une ligne HTML (moi, c'est à un endroit spécial dans Sothink, pour Java ou Flash, on doit avoir l'équivalent qui exécute une action quand on clique, non ?).

Cette ligne HTML utilise la routine _JSL pour afficher une page via le bouton correspondant.
(J'ai copiée cette instruction sur ce que faisait Webdev quand on cliquait sur les boutons !).

----- Par exemple :


<a href="javascript:JSL(_PAGE,'M3','_self','','')"">Detail </a> -----


Mon outil génère aussi 2 scripts qui affichent le menu, et que je dois intégrer à mon modèle là où je veux que le menu s'affiche. Pour les positionner dans mon modèle de page, je place un champ invisible là où je veux que le menu s'affiche et je le dessine le plus petit possible pour ne pas perturber l'affichage.

Ce champ contient du HTML dans l'onglet "Avancé".
Voici le code :

<script type="text/javascript" language="JavaScript1.2"
src= /MONSITEAMOI_WEB/stm31.js></script>
<script type="text/javascript" language="JavaScript1.2"
src=/MONSITEAMOI_WEB/menusMONSITEAMOI.js></script>




Heu… voilà…
J'espère avoir été claire.
J'attends vos retours...


Martine.


Salut Martine,

Je tiens à te remercier pour le petit tuto que tu as fait.
J'ai suivi tes conseils et je dois dire que ca a marché du premier coup
!!!
J'utilise ce menu pour un site fait entierement en AWP (sans contexte)
donc la gestion des liens est beaucoup plus facile. Je n'ai qu'à mettre
la page (ex: accueil.awp) dans le lien, et ca fonctionne.

Concernant ce que tu as fait, c'est pas mal du tout. C'est
effectivement la bonne méthode pour simuler le clic d'un bouton en
javascript.

Par contre, (dans l'avenir) je te conseille d'enlever les alias (Menu
projet, Description, Bouton avancé, et décocher "Compresser les noms
des champs"). Ca t'évitera des erreurs, dans le cas où tu rajoute un
bouton dans ton modele de page et que WEBDEV te change les alias.
Ceci dit, si ca fonctionne, il n'y a pas de raison de le faire tout de
suite ....

En tout cas, je te dis un grand MERCI de m'avoir fait découvert ce
programme. Je l'ai acheté aujourd'hui et en début de semaine prochaine
je mettrais le nouveau menu sur le site.

Ca fait je ne sais pas combien de temps que je recherche un menu sympa
pour le site de la boite, et pas moyen d'en trouver un qui soit
facilement intégrable dans une page WEBDEV.

 

Martine nous fournit en complément un Howto "d'une jeune Webdeveuse" qui viendra peut être éclairer certains points

Mode opératoire Sothink (6.0) pour Webdev (7 & 9)

(Gestionnaire de menus)

Contexte de développement Webdev :

 

A faire dans Webdev (tout est à faire dans le modèle) :

 

A faire dans Sothink :

 

A faire dans Webdev :