Tables enchevetrées - HTML/CSS - Programmation
Marsh Posté le 31-03-2004 à 23:53:31
LKoLRn a écrit : bonjour, |
Il faut raisonner avec les styles et les apparitions/disparition/positionnement dynamique d'élément via les CSS.
Le principe est ultra-simple :
Exemple : document.getElementById('ton-id-de-ton-élément').style.display = "block"; par exemple pour faire apparaitre un élément caché jusque là.
Ensuite, c'est à toi de bosser. Tu connais le principe.
Marsh Posté le 01-04-2004 à 11:39:31
Citation : Exemple : document.getElementById('ton-id-de-ton-élément').style.display = "block"; par exemple pour faire apparaitre un élément caché jusque là. |
euh... g la doc JavaScript 1.3, et la méthode getElementById() ni figure po...
Marsh Posté le 01-04-2004 à 11:49:59
LKoLRn a écrit :
|
Tu prends ta doc et tu la jettes par la fenêtre...
De rien...
Marsh Posté le 01-04-2004 à 11:57:43
hermes le messager a violamment écrit a écrit : Tu prends ta doc et tu la jettes par la fenêtre... |
euh... Comment je fais, elle est dans l'ordinateur...
(dsl...)
ptet un lien vers une belle doc vous auriez ?!
Marsh Posté le 01-04-2004 à 15:33:28
les 2 fonctions js qui vont bien :
Code :
|
et le html qui va avec
Code :
|
voila msieur
Marsh Posté le 01-04-2004 à 16:09:47
LKoLRn a écrit : mici |
G pas mozilla, je vais pas pouvoir t'aider, peux etre une histoire d'id sur le TR, essaie de te servir de div à la place, ca resoudra peut etre le pb.
Marsh Posté le 01-04-2004 à 16:17:27
dilyfe a écrit : |
Vouloir aider, c'est bien. Pouvoir c'est mieux.
Alors tes document.all , tu peux les jeter par la fenêtre en même temps que la doc javascript de l'autre...
Marsh Posté le 01-04-2004 à 16:45:24
c po bien grave, c + le principe qui m'intéresse ici... (je suis un newbie des langages internet)
Citation : euh... g la doc JavaScript 1.3, et la méthode getElementById() ni figure po... |
et ca par contre ca me chagrine (d'ailleurs la méthode document.all() ni est po non plus dans cette doc de ¤*%^!)
si g po accès à une doc complète, ca pourra jamais marcher...
plz quelqu'un pour un lien vers une doc récente siouplé
Marsh Posté le 01-04-2004 à 16:50:29
hermes le messager a violemment répondu a écrit : Vouloir aider, c'est bien. Pouvoir c'est mieux. Alors tes document.all , tu peux les jeter par la fenêtre |
m'en fous pour l'instant j'utilise que des
Citation : document.getElementById(n).style.display |
à "none" ou "block"
...comment jtai complèt'ment kcccc
Marsh Posté le 01-04-2004 à 16:53:51
JavaScript 1.5:
http://devedge.netscape.com/librar [...] 1.5/guide/
DOM 2:
http://www.yoyodesign.org/doc/w3c/w3c.html#dom2
Marsh Posté le 01-04-2004 à 16:58:26
merci bobe
http://devedge.netscape.com/librar [...] reference/
c bien aussi
we'll be forever loving jah
Marsh Posté le 01-04-2004 à 17:01:16
hermes le messager a écrit : |
Tiens LKoLRn, les 2 fonctions qui vont mieux pour Môsieur le messager , les all le rendent un peu irrascible...
Code :
|
Marsh Posté le 01-04-2004 à 17:17:50
Par contre, quand je parle de doc, c po trop sur le langage en lui-même (qui est assez proche du C), mais plutot pour obtenir des infos sur les objets/méthodes/propriétés "prédéfinis" (je c po comment dire autrement) de JavaScript...
Marsh Posté le 01-04-2004 à 17:59:18
LKoLRn a écrit : Par contre, quand je parle de doc, c po trop sur le langage en lui-même (qui est assez proche du C), mais plutot pour obtenir des infos sur les objets/méthodes/propriétés "prédéfinis" (je c po comment dire autrement) de JavaScript... |
Moi même, à part les docs sur le W3C, j'ai jamais rien trouvé de bien concluant pour le moment.
Un truc pas mal du tout pour les débutants : les fichiers d'aide de webexpert.
Tu installes une version de demo et tu récupères les fichiers d'aide.
Marsh Posté le 02-04-2004 à 11:21:03
hermes le messager a gentiment écrit a écrit : Un truc pas mal du tout pour les débutants : les fichiers d'aide de webexpert. |
c justement cette doc que j'utilise pour l'instant, mais ya po de méthode 'getElementById()' ou encore 'all()'...
v voir du coté de la doc W3C alors... c po possible de po pouvoir trouver ca, c implémenté DE BASE dans le langage JavaScript
Marsh Posté le 02-04-2004 à 14:39:23
Pour revenir au sujet initial...
Le but est de réaliser un menu vertical dynamique en JavaScript: ca c bon maintenant grâce à votre 'getElementById()' qui sort de ché po où (doc confidentielle? secret d'état?
)
avec un effet d'affichage précis: il s'agit de superposer la table html de sous-menu courante à celle du menu principal, qui elle est fixe dans la page.
Comment faire pour superposer l'affichage de 2 tables en hteumeuleu/JS (utilisation de l'objet Layer? de l'objet Style? avec le retour de 'getElementById()' )
euh, aussi: comment savoir sans doc sur au - l'objet document ?!?!
Marsh Posté le 02-04-2004 à 14:52:37
LKoLRn a écrit :
|
Positionnement en absolu via CSS.
Marsh Posté le 02-04-2004 à 15:17:22
ReplyMarsh Posté le 02-04-2004 à 15:39:28
mais en rien, pkoi? (je viens de voir la doc
)
par contre, pour réaliser ta technique de
Positionnement en absolu via CSS |
il faut insérer l'ensemble des menu et sous-menus dans la même table, nan
Note: j'dis ca parce que dans la grosse doc ca donne 'This property specifies how far a box's top content edge is offset below the top edge of the box's containing block'
Marsh Posté le 28-04-2004 à 15:50:51
Je reprend le post pour demander encore:
maintenant que je joue avec les document.getElementById(n).style.display="none" ou "block" pour afficher/cacher les sous-menus, je me demande:
comment peut-on synchroniser l'apparition et la disparition des sous-menus ?? Ca donnerait un genre d'effet à retardement: lorsque le curseur vient au-dessus d'un menu, ya le sous-menu correspondant qui apparait tout doucement... (c bo )
G bien vu dans la doc le timeoutID = window.setTimeout(), mais je ne vois po trop comment l'utiliser... (j'm po JS
)
MICI D'AVANCE
Marsh Posté le 28-04-2004 à 23:55:19
regarde sur openweb.eu.org, ils expliquent la chose
Marsh Posté le 29-04-2004 à 17:35:43
g cherché, g trouvé un sujet sur les menus dynamiques, mais rien à propos d'affichage retardé ou synchronisé (avec un timer quoi)
Marsh Posté le 29-04-2004 à 18:22:05
Je passais par là...
Est-ce que ceci peut t'aider ? http://www.alsacreations.com/artic [...] ssmenu.htm
EDIT : par contre, il n'y a pas de timer
Marsh Posté le 29-04-2004 à 20:28:44
c bien fait, mais g deja fait cette partie... C la suite qui me manque
Marsh Posté le 27-05-2004 à 16:00:48
Hermes le Messager a écrit : Positionnement en absolu via CSS. |
C fait..
Maintenant g un autre problème lié à ce positionnement en absolu:
quand l'utilisateur change de résolution ça fout tout par terre..
Solution ?? (question connexe: est-ce possible d'écrire des styles css avec js ??)
Marsh Posté le 31-03-2004 à 18:18:51
bonjour,

je suis un jeune padawan du JavaScript, et je souhaiterais réaliser pour un site professionnel un menu dynamique à 2 niveaux.
Je c qu'il en existe deja une foultitude sur internet, mais j'aimerais bien apprendre et le réaliser moi-même, ya po de raison!
Je crée donc ma <table> principale, dans laquelle j'insère allez 4 menus (<td> ), et je veux que lorsqu'on passe au dessus d'un de ces 4 menus une <table> de sous-menus apparaisse un peu au-dessus de la <table> principale...
Quelqu'un saurait me traduire le "au-dessus" en JavaScript siouplé
P.S.: g entendu parlé de <layer>, est-ce la dedans que je dois me concentrer...?
MERCI D'AVANCE
Message édité par lkolrn le 31-03-2004 à 18:19:43