Comment intégrer du DHTML sous Golive?

[kimai]

Bonjour tout le monde

ravi de rejoindre la communauté zébulon, j'ai souvent lu des infos dans vos forums mais c'est la premiere fois que j'ai une question à poser.

Je suis novice dans la conception du site web

je veux intégrer un menu déroulant à mon site

pour cela j'ai utilisé XTREEME DHTML, car je ne maitrise pas vraiment le langage de programmation java

 

J'ai donc créer mon menu déroulant, je dispose donc:

d'un fichier .dms, qui lorsque je clique dessu m'ouvre XTREEME DHTML et mon fameux menu

d'un code générer par le logiciel que voici

 

<script language="JavaScript" type="text/javascript" src="./menu_scr.js">

</script>

 

 

<table cellpadding='0' cellspacing='0' border='0'><td><img src="./menu_m1_b.png" /></td>

<td><a href="java script:void(0);" onmouseover="exM(m1,'none','',event);chgBg(m1,'m1tlm0',3)" onmouseout="chgBg(m1,'m1tlm0',0,1)"><img border="0" id="m1tlm0" src="./menu_m1_i0.png" /></a></td>

<td><img src="./menu_m1_s.png" /></td>

<td><a href="java script:void(0);" onmouseover="exM(m1,'m1mn1','m1tlm1',event);chgBg(m1,'m1tlm1',3)" onmouseout="coM(m1,'m1mn1','m1tlm1');chgBg(m1,'m1tlm1',0)"><img border="0" id="m1tlm1" src="./menu_m1_i1.png" /></a></td>

<td><img src="./menu_m1_s.png" /></td>

<td><a href="java script:void(0);" onmouseover="exM(m1,'m1mn2','m1tlm2',event);chgBg(m1,'m1tlm2',3)" onmouseout="coM(m1,'m1mn2','m1tlm2');chgBg(m1,'m1tlm2',0)"><img border="0" id="m1tlm2" src="./menu_m1_i2.png" /></a></td>

<td><img src="./menu_m1_s.png" /></td>

<td><a href="java script:void(0);" onmouseover="exM(m1,'none','',event);chgBg(m1,'m1tlm3',3)" onmouseout="chgBg(m1,'m1tlm3',0,1)"><img border="0" id="m1tlm3" src="./menu_m1_i3.png" /></a></td>

<td><img src="./menu_m1_e.png" /></td>

</table>

 

je voudrais juste intégrer ce menu à mon site que je développe avec Golive

je ne sais vraiment pas comment faire

alors il y aurait-il une âme charitable prete à m'aider?

[KewlCat]

Je n'utilise pas GoLive donc je ne pourrai pas te donner de tuyau sur le logiciel en lui-même, mais je peux te dire que :

1) tu as oublié les balises <tr> dans ton tableau

2) il ne faut pas d'espace entre "java" et "script"

3) si tu veux être propre tu ne dois pas utiliser de balise <a> mais mettre les événements onmouseover et onmouseout directement sur les <img>

4) si tu veux être encore plus propre, tu devrais éviter de confier le changement d'image à un script et tout faire en CSS : mettre tes images en background-image sur tes cellules du tableau, et définir une autre background-image sur le ":hover" de chaque cellule ...

[kimai]

Merci pour ta réponse

Mais en gros je demandais la marche à suivre..

Si j'ai bien suivi, Golive sert à générer du code HTML

Les initiés programment directement en code source à priori, mais rien ne change, un site est bel et bien créer à partir d'un code source

 

Aussi je voulais savoir comment incorporer un menu déroulant à un site

je dois mettre des balises <dhtmlmenu>?

ou dois je mettre le code source, comment dois relier tout ceci pour que l'image apparaisse et que ne subiste pas que des carrés ave cdes croix rouges dedans?

 

Je ne sais pas si mes questions sont pertinentes, mais j'espere quand même y arriver!

 

mais sinon avez vous d'autres solutions pour m'aider à faire un menu déroulant???

 

merci à tous en tout cas

[KewlCat]

Pour "incorporer" le menu à un site, il suffit de copier-coller dans le site, à l'endroit qui t'arrange, le code du menu.

GoLive est un "générateur" qui se base sur quoi ? Un design que tu fabriques à la souris, graphiquement ? Est-ce qu'il possède un mode "source" ou "éditeur de code" ?

Il n'existe pas de balises <dhtmlmenu>, du moins pas dans les normes W3C. Si c'est une spécificité de GoLive, est-ce que tu pourrais nous l'expliquer s'il te plait ?

Pour ne pas avoir "les croix rouges" il faut indiquer correctement l'endroit où le navigateur doit aller chercher les images à afficher. Fais attention de ne pas t'appuyer sur l'endroit où sont stockées ces images sur ton disque, mais plutôt de penser comme si tu étais le navigateur Web qui a face à lui ton serveur Web et sa façon à lui d'organiser ses sous-répertoires...

[kimai]

Merci infinimment pour ces précisions

j'ai eut un résultat encourageant mais insuffisant

en effet le menu apparaissait sur le site mais il ne déroulait pas

il etait statique

 

je pense maintenant chercher dans le forum si un explication existe sur l'edition de menu déroulant en code pure et simple

 

si ce n'est pas le cas, je pense réouvrir un topic à cet effet, en esperant ne pas trop vous embetez avec ça!!!

 

tres cordialement

 

Merci infinimment pour ces précisions

j'ai eut un résultat encourageant mais insuffisant

en effet le menu apparaissait sur le site mais il ne déroulait pas

il etait statique

 

je pense maintenant chercher dans le forum si un explication existe sur l'edition de menu déroulant en code pure et simple

 

si ce n'est pas le cas, je pense réouvrir un topic à cet effet, en esperant ne pas trop vous embeter avec ça!!!

 

tres cordialement

[kimai]

suite et fin de mes aventures

Avant toutes choses je tenais à remercier celui qui venu en mon aide

 

je touche au but!!!

et oui mon menu déroulant est fin pret

en style CSS comme vivement conseillé

cependant je ne maîtrise pas parfaitement le HTML et on m'a beaucoup aidé à le faire

Je voudrais apporter des petites retouches et j'ai (encore) besoin des conseils d'un bon!!!

 

voici le code que je cherche à modifier:

 

body {margin: 0;padding: 0;background: white;font: 80% verdana, arial, sans-serif;}

dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;}

#menu {position: absolute;top: 0;left: 0;z-index:100;width: 100%;}

#menu dl {float: left;width: 12em;margin: 0 1px;}

#menu dt {cursor: pointer;text-align: center;font-weight: bold;background: #ccc;border: 1px solid gray;}

#menu dd {border: 1px solid gray;}

#menu li {text-align: center;background: #fff;}

#menu li a, #menu dt a {color: #000;text-decoration: none;display: block;height: 100%;border: 0 none;}

#menu li a:hover, #menu dt a:hover {background: #eee;}

#site {position: absolute;z-index: 1;top : 70px;left : 10px;color: #000;background-color: #ddd;padding: 5px;border: 1px solid gray;}

a {text-decoration: none;color: black;color: #222;}

 

le code marche, il n'y a pas de souci dessus

le truc, c'est qu'il s'agit d'un menu déroulant

et que je veux un peu changer les couleurs

en l'etat des choses j'ai :

une police noire, je la voudrais blanche

un fond gris, je le voudrais bleu

et je voudrais aussi changer les couleurs de quand je mets la souris dessus et quand je ne l'a mets pas

 

EN BREF j'ai tous les codes couleurs dont j'ai besoin mais je ne sais pas déchiffrer ce code, pouvez me dire, à quoi correspondent les codes? our que je sache quoi changer et en quelle couleur??

 

merci d'avance!!

Promis apres je ne aprle plus de mon menu déroulant

[KewlCat]

Les codes couleur correspondent à un codage hexadécimal des composantes Rouge-Vert-Bleu de la couleur. Il existe une multitude d'outils permettant de trouver le code #rrvvbb d'une couleur à partir d'une palette... (une recherche Google sur "html color picker" renvoie assez de liens)