MENU DÉROULANT ET AIDE INTERACTIF

Commentaire de djmmix le 24/02/2004 13:30:19

Merci de ce commantaire sa insite a en créé d'autre,et d'ailleur je suis en train de créé une interface avec Delphi pour qu'il génère le code HTML dans une page existante (qui sera bientôt ici sur le même site dans la section Delphi).Donc encore un peu de patience et merci encore.



DJMmix.

Commentaire de jjdagadir le 03/03/2004 16:07:16

BON JE PRENDS LE TEMPS D ECRIRE EN PLUS DE LA NOTE -10- CAR C EST VRAI QUE DU TRAVAIL SOIGNE EXPLIQUE COMME CELA, CA MERITE UN COUP DE CHAPEAU ET DENCOURAGEMENT,
CONTINUE
KENAVO

Commentaire de alixes le 18/03/2004 16:53:05

BBBBBBBBB

Commentaire de capuccino_fr le 22/07/2004 18:01:12

Trop bien . Chapobas monsieur :-D 10/10
@ bientot

Commentaire de bj33 le 31/10/2005 19:18:03

bonjour

bien que la source date un peu, il est nécessaire de lui apportée des corrections, l'auteur l'ayant abandonnée...c'est malheureusement trop souvent le cas, içi ou ailleurs sur le réseau codessources.pour les débutants qui s'intérésseraient à ces sources et vous n'avez pas tort, avec de l'imagination on peut en tirer le meileur.mais il est obligatoire de les corrigées, elles sont bourrées d'erreurs et d'approximations, dommage...

le fichier css vaut à lui seul son pesant d'or.

1/ border-top-width: 1 = 1 quoi?
2/ font-family: Arial; deux ou trois polices de substitution sont obligatoires
3/ color: #FFFFFF;  pas d'erreurs mais #FFF produit le même résultat, çà allége le fichier.
toutes les déclarations de couleurs peuvent être abrégées de cette façon si elles sont composées de valeurs rvb qui se suivent.#333333 s'écrira #333, #669966 lui s'écrira #696, #D3D3D3 devra resté tel que, son triplet ne permet pas la réduction.
4/ toutes les définitions de bordures sont identiques, autant les rassemblées comme suit:

border: 1px solid #000; çà fait une sacré économie de poids...non? j'ai rajouter la couleur noire qu'il n'y à pas dans la css, elle n'est pas obligatoire si vous vous contentez de la couleur par défaut, celle de son héritage, souvent la police.

5/ .3clique, çà c'est pas bon, la moitié des navigateurs ne supporte pas les classes commencant par un chiffre.

6/ et çà .sousmenu1   {  }, pourquoi c'est là? c'est un oubli qui pése.

7/ background-image:url('images/bouton2.gif'); background-repeat:no-repeat; background-attachment:fixed

peut être raccourcie : background:url('images/bouton2.gif') no-repeat fixed;

en gros, les valeurs autres que zéro doivent avoir une unité, px, pc...etc, les familles de polices doivent contenir au minimum trois choix, cinq c'est mieux, avec serif ou sans-serif au final.çà fait partie des recommandations du w3c et c'est plus qu'intélligent.ce ne sont pas des erreurs mais çà y contribue...
dans le même ordre d'idée, les valeurs css zéro ne sont pas utiles si elles ne servent pas à contrer un héritage.les border: 0px;, je le vois très souvent, sont mal codés, le px est en trop, un zéro reste un zéro, en pixel ou en pica et autre.

quand on définie une couleur de fond, ajouter une couleur de police et inversement, çà évite les surprises...

et une astuce pour finir, terminer toujours la dernière déclaration par un point virgule, çà fait aussi gagner du temps en évitant d'avoir après ajout à rechercher une erreur dûe à un point virgule oublié.sur un gros fichier, c'est appréciable.

en fait, ce n'est pas terminé, çà :

.classe {
border: 1px solid #000;
color: #D3D3D3;
}

c'est plus facile à relire ;-) et un peu de padding dans les sous menus ne serait pas de trop.

passons au html

il s'agit de html donc je passerais les codes invalides comme <p align="center">menu 1</div>.
mais un fichier html doit contenir une doctype, c'est obligatoire.les métas sont aussi absentes.la charset aussi est obligatoire, même en html.

et çà :

<p id="aide2" class="aide2" style="position: absolute;....etc

pourquoi une classe et une définition de style dans la balise? placez tout dans la css et çà roule.il est possible de définir deux classe dans une, alors pour rajouter un style spécifique à un style existant on passe aussi par la css et non par le html.

les définitions de table et div devraient se trouver dans le fichier css, sauf cellspacing qui posséde un équivalent en css mais qui n'est pas supporté par les navigateurs actuels utilisant le moteur msie.

les bordures d'image ne sont plus valides en html.là encore autant les codées une fois pour toutes dans la css.img: border 0; çà permet de gagner du poids dans le html, cette fois.sur une page comportant de nombreuses images çà fait la différence et comme c'est invalide...

je sais j'avais dit, je ne parlerais pas des erreurs html mais celle là aussi elle est trop belle

<p align="center"><b><font face="Comic Sans MS" color="#FFFFFF" size="4">
    page de test de menu déroulant et aide contextuel</font></b>
    <p id="aide3" class="sousmenu2" align="center">&nbsp;</p>

je reste sans voix...ces codes sont d'un brouillon! tout mélanger, valide, pas valide, approximations...et après çà vous vous plaignez de ne pas voir les navigateurs évolués aussi rapidement qu'il le devrait.
><font face="Comic Sans MS" color="#FFFFFF" size="4"> çà franchement...

onload="depart()" se code dans le js et non dans la balise body même en html.

et le js incorporé dans les balises? bonne chance pour modifier le menu...il vous faudra de la patience et de l'attention...mais un conseil, n'utilisez pas ce menu!

en l'état, il est inutilisable.quand aux autres fonctions, elle n'ont d'intérêt que séparés.mais pas codées comme çà.le js n'à rien à faire dans le code html, pas même le handler.

bref, ce type de source c'est bien mais ce n'est vraiment pas un exemple à suivre.c'est mal codé, bourré d'erreurs, essayez de l'ouvrir avec firefox...une raison de plus de ne pas l'utilisé.par contre ces fonctions pourrons vous donnez des idées...c'est déjà çà.