[JAVASCRIPT] setTimeout

[JAVASCRIPT] setTimeout [Réglé]

ReidLos Membre non connecté

Le 16/06/2010 à 16h19

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

Salut,

Je suis entrain de voir pour créer un menu JS avec les fonctions de scriptaculous, sachant que je débute ( beaucoup lol ) en JavaScript, j'ai besoin de votre aide.

voilà mon code :

Code JAVASCRIPT :

var menu_delay = 1000;
 
function menu(id)
{
if(document.getElementById(id).style.display=="none")
{
setTimeout(function () { 
open(id); 
}, menu_delay);
 
}
else
{
setTimeout(function () { 
hide(id); 
}, menu_delay);
}
 
}
 
function hide(id)
{
clearTimeout(id);
 
Effect.Fade(id); 
Effect.BlindUp(id, { duration: 0.5 }); 
}
 
function open(id)
{
clearTimeout(id);
 
Effect.Appear(id); 
Effect.BlindDown(id, { duration: 0.4 }); 
}

Le problème c'est que j'aimerais que mon menu se déroule seulement après que le curseur soit placé dessus pendant 1 secondes, ça fonctionne, mais si je survol mon lien, le script s'exécute quand même et plante.

Une idée ?

ben.popeye Membre non connecté

Equipe Historique Modérateur

Le 16/06/2010 à 17h16

#89091

Modérateur
Voir le profil du membre ben.popeye
Inscrit le : 04/08/2005
Email
Site internet
Groupes :
Equipe Historique

Il faut annuler le timeout si tu sors de l'élément. Par contre, je sais pas comment on fait en JS.

Je me pose une question : pourquoi essaies-tu de faire tout ça à la main alors qu'il existe déjà des menus tout faits dans Scriptaculous ou dans des plugins ?

Un problème, une question ? Cherchez dans la FAQ ou la documentation. Si vous ne trouvez pas la réponse, demandez du support sur le forum.

Bjarne Stroustrup, inventeur du C++ :
"There are two ways to write error-free programs; only the third works."

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 16/06/2010 à 17h31

#89092

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

C'est ce que je fais avec clearTimeout() ?

Citation :

Je me pose une question : pourquoi essaies-tu de faire tout ça à la main alors qu'il existe déjà des menus tout faits dans Scriptaculous ou dans des plugins ?

Tout faits dans scriptaculous ? Veut bien voir ça moi

Simplement, parce que j'essaye d'en savoir un peu plus sur le JS, et puis bah j'apprendrais comme ça

J'ai pas trouvé de plugins ou autre qui puisse faire un truc correct et simplement ...

Édité par ReidLos Le 16/06/2010 à 19h49

ben.popeye Membre non connecté

Equipe Historique Modérateur

Le 16/06/2010 à 22h14

#89097

Modérateur
Voir le profil du membre ben.popeye
Inscrit le : 04/08/2005
Email
Site internet
Groupes :
Equipe Historique

Pour ton problème de clearTimeOut(), tu ne l'appelles pas avec le bon paramètre. Tu lui donnes l'id de l'élément sur lequel porte le time out, mais c'est pas ça qu'il attend. setTimeOut() te renvoie une référence sur le timeout, c'est ça qu'il faut passer à clearTimeOut pour qu'il l'annule.

Quand aux menus avec Scriptaculous, tape Scriptaculous menu dans Google et tu trouveras très probablement ton bonheur, et tu n'as pas à te soucier des problématique des événements telle celle à laquelle tu fais face.

Et d'ailleurs, c'est très difficile de mettre en place un système de menus qui fonctionne à peu près dans toutes les situations, il y a toujours des cas imprévus qui sont par contre gérés par les menus des frameworks.

Un problème, une question ? Cherchez dans la FAQ ou la documentation. Si vous ne trouvez pas la réponse, demandez du support sur le forum.

Bjarne Stroustrup, inventeur du C++ :
"There are two ways to write error-free programs; only the third works."

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 17/06/2010 à 03h54

#89101

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

Ok je viens de comprendre, merci

Pour les menus scriptaculous, c'est vrai qu'il peut en avoir de pas mal

Discussions Générales

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie