Mouseover avec delais d'une seconde

Fermé
skuti Messages postés 53 Date d'inscription dimanche 27 septembre 2009 Statut Membre Dernière intervention 29 janvier 2013 - 2 nov. 2009 à 18:52
skuti Messages postés 53 Date d'inscription dimanche 27 septembre 2009 Statut Membre Dernière intervention 29 janvier 2013 - 3 nov. 2009 à 18:39
Bonjour,

J'aimerais mettre dans ma page web un nouvelle effet, avec une apparition d'une image en fondu.

But: le but est de passer son curseur sur le nom d'une photo et SI on laisse son curseur dessus plus d'une seconde l'image apparait.

Mais je n'y arrive pas.

Quelqu'un pourrais m'aidé?

7 réponses

Dynamix Messages postés 202 Date d'inscription dimanche 22 mars 2009 Statut Membre Dernière intervention 30 avril 2011 76
3 nov. 2009 à 13:10
Tu pourrais essayer quelque chose comme ça :

<img style="display:none" src="photos/moi1.jpg" id="image1" />
<input value="afficher" type="button" onmouseover="apparition()" />


<script type="text/javascript">
var TEMPS = 1000; // Le temps nécessaire pour l'apparition, en ms

function apparition() {
setTimeout("reveler()", TEMPS);
}
function reveler() {
document.getElementById("image1").style.display = "block";
}
</script>

Ça ça fonctionne pour l'image1 uniquement, à généraliser bien sûr et à adapter suivant tes besoins.
1
skuti Messages postés 53 Date d'inscription dimanche 27 septembre 2009 Statut Membre Dernière intervention 29 janvier 2013 2
3 nov. 2009 à 00:25
Personne?
0
tarek_dotzero Messages postés 817 Date d'inscription jeudi 19 juillet 2007 Statut Membre Dernière intervention 12 avril 2022 121
3 nov. 2009 à 00:39
Comme tu le dis, tu dois utiliser l'évènement mouseover, j'ai une idée:

Tu as besoin de deux fonctions:
1. Quand la souris est sur le bouton, il faut faire deux chose:
a. Initialiser une variable.
b. lire l'heure, lancer une boucle qui doit vérifier que l'heure actuelle est différente de l'heure lue (donc une seconde a passé), quand il sort de la boucle, il vérifie la variable si elle est encore initialisée, et si oui il affiche l'image.

2. Quand la souris passe sur un autre composant, il faut modifier la valeur de la varibale (alors quand il sort de la boucle déjà lancée il ne trouve pas la même valeur et l'image n'est pas affichée).

Je ne suis pas vraiment fort en web mais cela doit marcher avec quelques adaptations.
0
skuti Messages postés 53 Date d'inscription dimanche 27 septembre 2009 Statut Membre Dernière intervention 29 janvier 2013 2
3 nov. 2009 à 01:16
merci pour ta reponse,

en effet ce n'est pas une solution que j'avais envisagé.

Mais comment recuperer l'heure?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
tarek_dotzero Messages postés 817 Date d'inscription jeudi 19 juillet 2007 Statut Membre Dernière intervention 12 avril 2022 121
3 nov. 2009 à 11:09
En JavaScript, je ne sais pas, mais en VBS: now suffit, alors



debut = Now

fin = Now

while(fin = debut)
  fin = Now
wend

MsgBox "Une seconde passée entre " & debut & " et " & fin



Voilà, je l'ai essayé, met le code dans un .vbs et double clique.
Pour la gestion des évènements, je suis pas assez fort :(
0
skuti Messages postés 53 Date d'inscription dimanche 27 septembre 2009 Statut Membre Dernière intervention 29 janvier 2013 2
3 nov. 2009 à 12:51
ok merci pour ta réponse je vais éssayer sa ^^

je te tient au courant !
0
skuti Messages postés 53 Date d'inscription dimanche 27 septembre 2009 Statut Membre Dernière intervention 29 janvier 2013 2
3 nov. 2009 à 18:39
Le probleme c'est que je ne c'est pas comment utiliser une fonction javascript depuis jquery ou l'inverse.
Oui parceque la majeur partie de mes effet son en jQuery.
0