Flux rss
Collection CommentÇaMarche.net
Rechercher : dans
Par : Mots clés Nom d'utilisateur
Messages sans réponse

JavaScript

nitroshima, le jeudi 15 septembre 2005 à 08:03:08 
 Signaler ce message aux modérateurs

Salut les gens!
quelqu'un sait-il comment insérer un timer dans un menu?

genre on a le menu et quand on passe la souris dessus il y a des sous-menu qui s'affichent. j'aimerais que ces sous-menu s'affichent après 3 secondes par exemple... comment faire?

on s'attache beaucoup plus aux animaux qu'aux personnes quand on voit comment va le monde!

2

Erdnax, le jeudi 15 septembre 2005 à 08:52:31

Salut,

Tu peux utiliser la fonction setTimeout()

Tiens un peu de lecture ;)

http://www.toutjavascript.com/reference/reference.php?ref=setTimeout&parent=6

@+
Grève de signure...

Répondre à Erdnax

3

nitroshima, le jeudi 15 septembre 2005 à 09:09:31

Je viens d'essayer mais ca ne change rien du tout à mon problème... ca fait que mon menu tout entier s'affiche après le délai que je lui met. mais mes sous-menu s'affichent toujours dés qu'on passe la souris dessus...

je vais essayer encore d'autres facon avec cette fonction...

on s'attache beaucoup plus aux animaux qu'aux personnes quand on voit comment va le monde!

Répondre à nitroshima

4

Erdnax, le jeudi 15 septembre 2005 à 09:19:59

Si on avait une adresse pour voir le fonctionnement, on pourrais peut-être mieux t'orienter ;) (ou alors du code source, mais bon, pour tout un menu, ça risque d'être un peu lourd sur le forum à lire)
Grève de signure...

Répondre à Erdnax

5

nitroshima, le jeudi 15 septembre 2005 à 09:22:28

J'y ai pensé mais c'est vrai que le code est un peu long... je peux en mettre un bout. pour le moment il n'est pas en ligne car le menu n'est pas fini...

je fini quelque modifications et je met le bout concerné ici
on s'attache beaucoup plus aux animaux qu'aux personnes quand on voit comment va le monde!

Répondre à nitroshima

6

nitroshima, le jeudi 15 septembre 2005 à 09:46:17

Voilà tout d'abord j'entre mes paramètres:


///////////////////////////////////
// les paramètres commencent ici //
///////////////////////////////////

// effets spéciaux pour IE5.5 (ou supérieur)
effect = "Timer(duration=3.0);Fade(duration=2.0);Alpha(style=1,opacity=50);Shadow(color='#777777', Direction=135, Strength=10)"


timegap=500 // Temps pendant lequel le sous-menu reste visible
followspeed=5 // Vitesse de défilement
followrate=40 // Taux de défilement
suboffset_top=4; // Position du haut du sous-menu depuis le centre
suboffset_left=6; // position gauche du sous-menu depuis le centre
closeOnClick = true // fait qu'il se ferme au click

style1=[ // style1 est une rangée de propriétés. on peut avoir autant de propriétés de rangée qu'on veut. Le menu peut avoir son propre style.
"navy", // Couleur du texte
"ccccff", // Couleur du fond
"ffebdc", // Couleur du texte quand la souris est dessus
"4b0082", // Couleur du fond quand la souris est dessus
"000000", // Couleur des bords du menu
12, // Taille de la police
"normal", // Style de la police (italic ou normal)
"bold", // Grosseur de la police (bold ou normal)
"Verdana, Arial", // Noms de police
4, // Epaisseur des cellules
"arrow.gif", // Image de sous-menu (Laisser blanc si rien)
1, // Bord 3D et barre de séparation
"#398758", // couleur du bord du haut en 3D
"000099", // Couleur du bord du bas en 3D
"Purple", // Couleur des objets (Laisser blanc si désactivé)
"pink", // Couleur de fond des objets (Laisser blanc si désactivé)
"arrowdn.gif", // Image de la barre du haut (Laisser blanc si désactivé)
"ffffff", // Couleur du texte de l'en-tete de menu (Laisser blanc si pas besoin d'en-tete)
"000099", // Couleur du fond de l'en-tete (Laisser blanc si pas besoin d'en-tete)
"navy", // Couleur des séparateur d'objets
]


addmenu(menu=[ // C'est la rangée qui contient les détails du menu
"mainmenu", // Nom du menu - doit etre dans l'ordre pour que le menu soit appelé
20, // Haut du menu - Position du haut du menu par rapport au haut de l'écran
200, // Gauche du menu - Position gauche du menu par rapport à la gauche de l'écran
, // Largeur du menu
1, // Largeur des bords du menu
, // SPosition de l'écran - il faut utiliser "center;left;right;middle;top;bottom" ou une combinaison "center:middle"
style1, // propriétés des rangées - c'est donné plus haut
1, // Toujours visible - permet aux objets du menu d'etre toujours visibles (1=on/0=off)
"left", // Alignment - positionne les éléments texte du menu, les valeurs sont: left, right, center
, // Filtres - Variables de texte pour les paramètres d'effets transition quand le menu s'active - voir plus haut pour plus d'info
, // suivre le défilement - fait en sorte que le menu suive le défilement de la page (là il est fixe) (1=on/0=off)
1, // menu horizontal - indique si le menu est horizontal ou vertical (1=horizontal/0=vertical)
1, // garde le menu visible - garde le menu surligné jusqu'à ce que l'utilisateur bouge sur un autre menu ou ailleurs sur la page (1=oui/0=non)
, // Position du haut de l'image de sous-menu valeur:left:center:right
, // indique de facon générale la largeur horizontale du menu jusqu'à 100% et la taille pour la quantité spécifiée (laisser blanc si désactivé)
0, // de droit à gauche - indique s'il doit etre écrit de droite à gauche ou de gauche à droite (pour l'arabe par exemple). (1=de gauche à droite/0=de droite à gauche)
, // Ouvre le menu d'un click - laisser vide pour qu'il s'ouvre au survol de la souris (1=onClik/0=OnMouseOver)
, // ID du div qu'on veut cacher au survol de la souris
, // image de fond pour le menu quand la couleur de fond du menu est en transparent
, // cache ou pas le menu (1=pas de menu / 0= menu visible)
, // Reserver pour un usage futur


Puis vient la formation du menu:

,"Nitroshima","http://membres.lycos.fr/Nitroshima",,"retour à la page d'accueil",1 // "Description du texte", "URL", "Alternate URL", "Status", "barre de séparation"
,"Meuh sites ","show-menu=meuh",,"",1
,"Truc ","show-menu=truc",,"",1
,"Cuicui ","show-menu=cuicui",,"",1
,"Qqch ","show-menu=qqch",,"",1
,"Autre ","show-menu=autre",,"",1
])

addmenu(menu=["meuh",,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Machin","show-menu=machin",,,1
,"Tech","show-menu=tech",,,1

])

addmenu(menu=["machin",,,170,1,"",style1,,"left",effect,,,,,,,,,,,,
,"nitro","http://membres.lycos.fr/Nitroshima",,,0
,"forum","http://membres.lycos.fr/Nitroshima/forum/forum.php",,,0
,"Bouviers","http://membres.lycos.fr/Nitroshima/Bouviers.htm",,,0
,"Zozio","show-menu=zozio",,,0
,"Autres","http://membres.lycos.fr/Nitroshima/Autres.htm",,,0
])


addmenu(menu=["blabla",,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
,"gnagna","http://www.m6.fr",,,
,"blabla","http://www.tsr.ch",,,
])






D'abord je défini le nom de mes menus principaux et ce qu'ils font.
ensuite comme vous pouvez le voir un des menu qui est toujours visible s'appelle "Meuh" et ensuite les sous-menu et sous-sous-menu. j'ai mis des noms complétement débiles c'est vrai mais c'est juste pour tester! Les liens sont des liens réel mais qui n'ont pas d'importance vu que c'est juste pour un test.

dans tout ca j'aimerais que le menu "machin" s'affiche après 3seconde (par exemple) et après avoir essayé diverses facon je n'y arrive pas... peut-etre que je n'ai pas essayé la bonne lol!



désolé pour le décalage du texte... :-S

on s'attache beaucoup plus aux animaux qu'aux personnes quand on voit comment va le monde!

Répondre à nitroshima

7

Erdnax, le jeudi 15 septembre 2005 à 10:13:45

Pfouuuuuuuuu, c'est un peu chaud de se plonger dans un script comme ça sans savoir trop comment il est pensé... Sans compter que je suis pas un pape du javascript, mais je me débrouille.

Mais à la vue de ton code, comme ça, j'ai une petite question, ta fonction addmenu(), elle est pas présente là, si ? Parce qu'à mon avis, c'est dans cette fonction que tu devrais laisser la possibilité de mettre un timer ou non...

Sinon, peut-être que StreM s'il vient pourra t'aider ;)

@+
Grève de signure...

Répondre à Erdnax

8

nitroshima, le jeudi 15 septembre 2005 à 10:17:33

J'ai effectivement un autre fichier js mais alors pour vous le montrer... heu... vous allez rester °_° parce que le truc est presque illisible... enfin on y arrive mais pour quelqu'un qui ne sait pas de quoi ca parle bah bonne chance... on s'attache beaucoup plus aux animaux qu'aux personnes quand on voit comment va le monde!

Répondre à nitroshima

9

Erdnax, le jeudi 15 septembre 2005 à 10:25:30

C'est justement pour ça que j'essaye de te dire plus ou moins quoi faire, t'orienter, pour que TU modifie le script ;). Donc si tu y arrives, essaye de rajouter dans ta fonction la possiblité, avant de montrer le sous-menu, de mettre un timer passé par l'appel de la fonction.

(ex : addmenu(tous, tes, paramètres, 3000), où 3000 est le temps en millisecondes avant l'affichage du menu, ou sous-menu)

Ok ?
Grève de signure...

Répondre à Erdnax

10

nitroshima, le jeudi 15 septembre 2005 à 10:34:35

Oui oui ca j'ai compris mais en fait il m'affiche tout mon menu après 3secondes! mais bon je vais voir si peut-etre les paramètres sont pas bien corrects ou que peut-etre la fonction devrait etre placée à un autre endroit... je verrais tout ca... merci quand meme pour votre aide!

on s'attache beaucoup plus aux animaux qu'aux personnes quand on voit comment va le monde!

Répondre à nitroshima

11

nitroshima, le jeudi 15 septembre 2005 à 10:41:21

Si qqun s'interesse au code du 2e fichier je veux bien lui le passer on sait jamais peut-etre une illumination!!! ^_^

on s'attache beaucoup plus aux animaux qu'aux personnes quand on voit comment va le monde!

Répondre à nitroshima

12

Erdnax, le jeudi 15 septembre 2005 à 10:42:17

Oki, mais juste un truc, si tu met le timer en paramètre d'appel de la fonction (comme l'exemple de mon dernier message), ça signifie que ce que tu veux qui s'affiche tout de suite, tu met le timer à 1, et si tu veux que des éléments s'affichent moins vite, tu augmente cette valeur.

Il me semble que c'est jouable non ? Si tu vois pas ce que je veux dire, n'hésite pas à me le dire.
Grève de signure...

Répondre à Erdnax

13

nitroshima, le jeudi 15 septembre 2005 à 10:43:41

Non non ca j'ai bien compris! mais reste à savoir pourquoi il me fait apparaitre mon menu entier après 3secondes! mais ca je commence à comprendre...

on s'attache beaucoup plus aux animaux qu'aux personnes quand on voit comment va le monde!

Répondre à nitroshima

14

Erdnax, le jeudi 15 septembre 2005 à 10:45:54

Oki, alors quand t'as du nouveau, tiens nous au courant ;)

Et aussi lorsque ton site sera fini ;)

@+

P.S. pour ton site, au lieu de tenter de mettre des scripts pour virer la pub de multimania qui marchent pas trop, change d'hébergeur, Multimania, c'est vraiment pas le must ;)
http://www.commentcamarche.net/faq/sujet-1624-%5BH%E9bergeme­nt%5D Grève de signure...

Répondre à Erdnax

15

nitroshima, le jeudi 15 septembre 2005 à 10:47:43

Je sais lol mais j'ai pas envie de payer ou meme de me crever à transferer tout mon site... (ouais je suis fénéant...) c'est juste un site comme ca, un simple truc vite fait... si un jour je veux vraiment faire quelque chose de professionnel c'est sur que je vais prendre l'option payante!

on s'attache beaucoup plus aux animaux qu'aux personnes quand on voit comment va le monde!

Répondre à nitroshima

Erdnax, le jeudi 15 septembre 2005 à 10:51:29

Regarde le lien à la fin de mon dernier message, tu vera que de bons hébergeurs gratuits, sans pub, php et tout et tout, ça existe ;)
Grève de signure...

Répondre à Erdnax

16

nitroshima, le jeudi 15 septembre 2005 à 10:52:19

Oui je suis entrain de regarder au cas ou il y aurait quelque chose de vraiment interressant... merci!

on s'attache beaucoup plus aux animaux qu'aux personnes quand on voit comment va le monde!

Répondre à nitroshima

17

nitroshima, le jeudi 15 septembre 2005 à 10:59:34

Chez http://www3.keohosting.net/ ils ont quand meme des pubs! bon c'est pas Lycos ou Ifrance c'est sur! mais ils demandent à mettre une bannière publicitaire sur notre site pour l'hébérgement gratuit. les choses qu'ils proposent sont encore pas mal faut dire. je vais voir ce que ca donne et au cas ou je peux toujours annuler mon compte je pense...

bon bah je viens d'essayer et il met:

Désolé, la licence d'exploitation du serveur ne permet plus la création d'un nouveau compte client !

on s'attache beaucoup plus aux animaux qu'aux personnes quand on voit comment va le monde!

Répondre à nitroshima

18

 Erdnax, le jeudi 15 septembre 2005 à 11:16:02

Oui, ça arrive, c'est le risque avec les bons hébergeurs gratuits, ils sont tellement prisés, que lorsqu'un ouvre ses portes, c'est la ruée, donc il faut voir avec les autres propositions de l'article.

On essaie de toujours faire en sorte qu'au moins un soit valable ;)
Grève de signure...

Répondre à Erdnax
Javascript - Les événements Qu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est... www.commentcamarche.net/contents/javascript/jsevent.php3
Javascript - Les variables Le concept de variable Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l'exécution du programme. En Javascript, les noms de variables peuvent être aussi long que l'on désire,... www.commentcamarche.net/contents/javascript/jsvar.php3
Javascript - Introduction au langage Javascript Qu'est-ce que le Javascript? Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage de script pour le Web. Ce langage est un langage de programmation qui permet d'apporter des... www.commentcamarche.net/contents/javascript/jsintro.php3
Javascript - Modifier la hauteur (height) d'un élément HTMLPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il... www.commentcamarche.net/faq/sujet-11740-javascript-modifier-la-hauteur-height-d-un-element-html
Javascript - Echapper une apostropheEn Javascript, une apostrophe (simple quote) dans une chaîne elle-même délimitée par des apostrophes cause une erreur. Pour y remédier il faut échapper l'apostrophe, c'est-à-dire la précéder du caractère antislash pour faire comprendre à... www.commentcamarche.net/faq/sujet-16308-javascript-echapper-une-apostrophe
Javascript - Librairies d'effets pour vos imagesAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus... www.commentcamarche.net/faq/sujet-9314-javascript-librairies-d-effets-pour-vos-images
Activer / desactiver Javascript (Résolu)Bonjour, ou se trouve la commande permettant d'activer ou de désactiver Javascript lorsuqe que l'on navigue sur Internet. Il faut aller dans tools/Internet option ? www.commentcamarche.net/forum/affich-1728036-activer-desactiver-javascript
Problème pour intégrer du javascript dans php (Résolu)Bonjour ! Je souhaite utiliser une fonction javascript qui ouvre une fenêtre dans laquelle une image s'affiche . J'envoi pour cela des variables récupérées dans une base de donnée à la fonction javascript . Voici la fonction : www.commentcamarche.net/forum/affich-1852597-probleme-pour-integrer-du-javascript-dans-php
[javascript] et Internet explorer (Résolu)Bonjour, je ne vois pas de réponse à ma question dans le forum ,je la pose donc: J'ai écrit dans une page htlm un script en javascript permettant d'ouvrir un formulaire. Ce script fonctionne sous firefox mais pas avec Internet explorer (il ne se passe... www.commentcamarche.net/forum/affich-2409464-javascript-et-internet-explorer
Télécharger JavaScript ObfuscatorJasob JavaScript Obfuscator est un logiciel de protection de code Javascript. Il intègre une interface simple. Il vous permet de convertir votre code Javascript en un code incompréhensible pour l’homme mais lisible pour le navigateur. Le logiciel... www.commentcamarche.net/telecharger/telecharger-34056889-javascript-obfuscator
Javascript - L'objet windowLes particularités de l'objet window L'objet window est l'objet par excellence dans Javascript, car il est le parent de chaque objet qui compose la page web, il contient donc : l'objet document: la page en elle-même l'objet location: le lieu de... www.commentcamarche.net/contents/javascript/jswindow.php3
Javascript - Les tableauxIntroduction à la notion de tableau Les variables de Javascript ne permettent de stocker qu'une seule donnée à la fois. Or, étant donné qu'il est souvent utile de manipuler de nombreuses données, le concept de variable se révéle parfois... www.commentcamarche.net/contents/javascript/jstab.php3
Javascript - L'objet DateLes particularités de l'objet Date L'objet Date permet de travailler avec toutes les variables qui concernent les dates et la gestion du temps. Il s'agit d'un objet inclus de façon native dans Javascript, et que l'on peut toujours utiliser. La... www.commentcamarche.net/contents/javascript/jsdate.php3