Tables enchevetrées

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Tables enchevetrées

lkolrn

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! [:aras qui rit]

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é :whistle:

P.S.: g entendu parlé de <layer>, est-ce la dedans que je dois me concentrer...? [:airforceone]

MERCI D'AVANCE :jap:

Message édité par lkolrn le 31-03-2004 à 18:19:43

Publicité

DeirElBahri

peut etre <div>

Hermes le Messager

Breton Quiétiste

LKoLRn a écrit :

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.

Message édité par Hermes le Messager le 31-03-2004 à 23:53:49

lkolrn

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... :??:

Message édité par lkolrn le 01-04-2004 à 11:39:42

Hermes le Messager

Breton Quiétiste

LKoLRn a écrit :

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... :??:

Tu prends ta doc et tu la jettes par la fenêtre...

De rien...

lkolrn

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... :??: [:skyx@v] (dsl...)

ptet un lien vers une belle doc vous auriez ?!

Message édité par lkolrn le 01-04-2004 à 12:28:53

lkolrn

:bounce: :sweat:

dilyfe

les 2 fonctions js qui vont bien :

Code :

<SCRIPT language="javascript">
function Montre(Id_Element)
{
document.all("M"+Id_Element).style.display="block";
document.all("L"+Id_Element).href="javascript:Cache("+Id_Element+" )";
}
function Cache(Id_Element)
{
document.all("M"+Id_Element).style.display="none";
document.all("L"+Id_Element).href="javascript:Montre("+Id_Element+" )";
}
</SCRIPT>

et le html qui va avec

Code :

<TABLE>
<TR>
<TD><A id="L1" href="javascript:Montre(1);">Menu 1</A></TD>
</TR>
<TR id="M1" style="display:none">
<TD>
Test 1<BR>
Test 2<BR>
Test 3<BR>
</TD>
</TR>
<TR>
<TD><A id="L2" href="javascript:Montre(2);">Menu 2</A></TD>
</TR>
<TR id="M2" style="display:none">
<TD>
Test 1B<BR>
Test 2B<BR>
Test 3B<BR>
</TD>
</TR>
</TABLE>

voila msieur

lkolrn

mici [:skyx@v]

par contre ca marche po avec Mozilla... [:banguy]

dilyfe

LKoLRn a écrit :

mici [:skyx@v]

par contre ca marche po avec Mozilla... [:banguy]

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.

Publicité

Hermes le Messager

Breton Quiétiste

dilyfe a écrit :

voila msieur

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... :hello:

lkolrn

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 :sweat: (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... :pfff:

plz quelqu'un pour un lien vers une doc récente siouplé [:bbcmoi]

Message édité par lkolrn le 01-04-2004 à 16:46:22

lkolrn

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" :kaola:

...comment jtai complèt'ment kcccc [:aras qui rit]

Message édité par lkolrn le 01-04-2004 à 16:54:07

bobe

JavaScript 1.5:
http://devedge.netscape.com/librar [...] 1.5/guide/

DOM 2:
http://www.yoyodesign.org/doc/w3c/w3c.html#dom2

lkolrn

merci bobe :jap:

http://devedge.netscape.com/librar [...] reference/

c bien aussi :whistle:

we'll be forever loving jah [:aras qui rit]

Message édité par lkolrn le 01-04-2004 à 17:15:34

dilyfe

hermes le messager 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... :hello:

Tiens LKoLRn, les 2 fonctions qui vont mieux pour Môsieur le messager :pt1cable: , les all le rendent un peu irrascible... :kaola:

Code :

function Montre(Id_Element)
{
document.getElementById("M"+Id_Element).style.display="block";
document.getElementById("L"+Id_Element).href="javascript:Cache("+Id_Element+" )";
}
function Cache(Id_Element)
{
document.getElementById("M"+Id_Element).style.display="none";
document.getElementById("L"+Id_Element).href="javascript:Montre("+Id_Element+" )";
}

lkolrn

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... [:airforceone]

Hermes le Messager

Breton Quiétiste

LKoLRn a écrit :

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. [:spamafote]

Tu installes une version de demo et tu récupères les fichiers d'aide.

lkolrn

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()'... :pfff:

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 [:bbcmoi] :??:

Message édité par lkolrn le 02-04-2004 à 14:21:24

lkolrn

[:aloy] 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? :pfff: )
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 ?!?! [:bbcmoi]

Message édité par lkolrn le 02-04-2004 à 14:41:00

Hermes le Messager

Breton Quiétiste

LKoLRn a écrit :

Positionnement en absolu via CSS.

lkolrn

j'veux pouvoir utiliser des %

Hermes le Messager

Breton Quiétiste

LKoLRn a écrit :

j'veux pouvoir utiliser des %

Et ? En quoi ça contredit ce que je viens de dire ? :heink:

lkolrn

mais en rien, pkoi? :whistle: (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'

Message édité par lkolrn le 02-04-2004 à 15:40:36

lkolrn

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 [:skyx@v] )

G bien vu dans la doc le timeoutID = window.setTimeout(), mais je ne vois po trop comment l'utiliser... (j'm po JS :sweat: )

MICI D'AVANCE

T509

$job->GetJob(now)

regarde sur openweb.eu.org, ils expliquent la chose

---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !

lkolrn

g cherché, g trouvé un sujet sur les menus dynamiques, mais rien à propos d'affichage retardé ou synchronisé (avec un timer quoi) :sweat:

sibelius

Vous êtes sûr ?

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

Message édité par sibelius le 29-04-2004 à 18:22:51

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com

lkolrn

c bien fait, mais g deja fait cette partie... C la suite qui me manque [:airforceone]

Message édité par lkolrn le 29-04-2004 à 20:31:59

lkolrn

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.. :pfff:

Solution ?? (question connexe: est-ce possible d'écrire des styles css avec js ??)

Message édité par lkolrn le 27-05-2004 à 16:01:21

lkolrn

LKoLRn a écrit a écrit :

Solution ??

. . .

lkolrn

:pfff:

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

Tables enchevetrées

Sujets relatifs
Comment Lier des tables avec le gestionnaire de données	[PHP] Insérer et recharger des tables dans des (pseudo-)frames
[mysql] tables read only	Le serveur refuse "mysql_list_tables" Pourquoi ?
[SQL] Requete INSERT dans plusieurs tables liées	peut-on fusionner 2 tables qui n'ont pas les mêmes champs ?
Equivalent de mysqldump mais pour les tables	[MYSQL] Suppression des tables par erreur...
[MySQL] Récupérer la liste des tables	SELECT sur plusieurs tables
Plus de sujets relatifs à : Tables enchevetrées

Page générée en 0.121 secondes