Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1558 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Affichage d'un div au passage de la souris

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Affichage d'un div au passage de la souris

n°638127
compuman10​1
Posté le 10-02-2004 à 21:52:31  profilanswer
 

voila le site en question :
 
www.tonblog.com/test
 
je voudrai créer une temporisation pour le menu de la barre en haut pour qu'il reste affiché une seconde par exemple.
 
merci


Message édité par compuman101 le 16-02-2004 à 20:58:48
mood
Publicité
Posté le 10-02-2004 à 21:52:31  profilanswer
 

n°638204
gm_superst​ar
Appelez-moi Super
Posté le 10-02-2004 à 22:43:09  profilanswer
 

Les CSS ne sont pas faites pour faire de la temporisation.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°638208
compuman10​1
Posté le 10-02-2004 à 22:44:22  profilanswer
 

en javascript je ne peux pas faire ca ?
 
comme je l'ai fait pour activer ou desactiver le div lors du passage de la souris

n°638222
gm_superst​ar
Appelez-moi Super
Posté le 10-02-2004 à 22:48:41  profilanswer
 
n°638260
compuman10​1
Posté le 10-02-2004 à 23:16:44  profilanswer
 

ma fonction est :
 

Code :
  1. function montre(id) {
  2.    document.getElementById(id).style.visibility="visible";
  3. }


 
 
et  
 

Code :
  1. function cache(id) {
  2.    document.getElementById(id).style.visibility="hidden";
  3. }


 
j'aimerai lui appliquer la fonction settimeout pour que le div "id" reste un petit temps affiché mais ca ne marche pas :/


Message édité par compuman101 le 10-02-2004 à 23:18:20
n°638273
Hermes le ​Messager
Breton Quiétiste
Posté le 10-02-2004 à 23:30:57  profilanswer
 

compuman101 a écrit :

ma fonction est :
 

Code :
  1. function montre(id) {
  2.    document.getElementById(id).style.visibility="visible";
  3. }


 
 
et  
 

Code :
  1. function cache(id) {
  2.    document.getElementById(id).style.visibility="hidden";
  3. }


 
j'aimerai lui appliquer la fonction settimeout pour que le div "id" reste un petit temps affiché mais ca ne marche pas :/


 
Qu'est-ce que tu fais jusqu'à présent ? :/

n°638284
compuman10​1
Posté le 10-02-2004 à 23:35:05  profilanswer
 

Code :
  1. function montre(id) {
  2.    document.getElementById(id).style.visibility="visible";
  3. }
  5. function cache(id) {
  6.    document.getElementById(id).style.visibility="hidden";   
  7. }
  10. <a onmouseover="montre('ssmenu1')" onmouseout="cache('ssmenu1')" href="">Rubrique 1</a>
  12. <div id="ssmenu1" class="sousmenu">Sous Rubrique 1</div>


 
 
voila exactement ce que j'ai.
 
je souhaite laisser le sous menu affiché qques instants, en fait différerer de qques instants la fonction cache

n°638293
Hermes le ​Messager
Breton Quiétiste
Posté le 10-02-2004 à 23:38:38  profilanswer
 

Oui et ? Comment tu appliques le settimeout ? :o

n°638301
compuman10​1
Posté le 10-02-2004 à 23:44:41  profilanswer
 

Code :
  1. function montre(id) {
  2.    document.getElementById(id).style.visibility="visible";
  3. }
  5. function cache(id) {
  6.    setTimeout("cache2('id')",6000);
  7. }
  8. function cache2(id) {
  9.   document.getElementById(id).style.visibility="hidden";
  10. }


   
 
J'avais pensé à ca mais ca ne marche pas.
 
Je pensais décaller la fonction cache 2 de cette maniere


Message édité par compuman101 le 10-02-2004 à 23:45:08
n°638303
Hermes le ​Messager
Breton Quiétiste
Posté le 10-02-2004 à 23:46:48  profilanswer
 

C'est rigolo ça. Et comment tu appelles ta fonction cache(), enfin où surtout ?

mood
Publicité
Posté le 10-02-2004 à 23:46:48  profilanswer
 

n°638308
compuman10​1
Posté le 10-02-2004 à 23:49:08  profilanswer
 

Code :
  1. <a onmouseover="montre('ssmenu1')" onmouseout="cache('ssmenu1')" href="">Rubrique 1</a>
  2.  
  3.   <div id="ssmenu1" class="sousmenu">Sous Rubrique 1</div>


 
c'est dans la meme page apres la fermeture de la balise head et ouverture de body

n°638316
compuman10​1
Posté le 10-02-2004 à 23:59:02  profilanswer
 

:/

n°638355
compuman10​1
Posté le 11-02-2004 à 00:15:58  profilanswer
 

help please :/

n°638418
gm_superst​ar
Appelez-moi Super
Posté le 11-02-2004 à 01:32:26  profilanswer
 

Un truc de ce style ?  
 

var e;
 
function cache(id) {
    e = document.getElementById(id);
   setTimeout("e.style.visibility='hidden';", 3000);
}


 
(attention le "var e" doit être en dehors de la fonction. C'est pour mémoriser l'élément sur lequel s'est produit l'évènement car sinon au moment de cacher l'élément le navigateur ne pourra pas le trouver vu que la souris ne sera sûrement plus dessus.)
 
Et tu fais pareil pour l'autre fonction.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°638445
compuman10​1
Posté le 11-02-2004 à 08:03:34  profilanswer
 

Merci c'est exactement ca :)
 
Cela pose juste qques pb de suraffichage dans certains cas :
 
http://www.tonblog.com/test

n°639654
gm_superst​ar
Appelez-moi Super
Posté le 11-02-2004 à 22:24:05  profilanswer
 

Voir dans ce cas avec clearTimeout pour annuler le timeout.
 
Ou alors avant de faire un setTimeout, faire un test pour voir si la souris est sur un autre item du menu.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°639781
compuman10​1
Posté le 11-02-2004 à 23:33:59  profilanswer
 

ok merci

n°644554
compuman10​1
Posté le 16-02-2004 à 20:59:47  profilanswer
 

gm_superstar a écrit :

Voir dans ce cas avec clearTimeout pour annuler le timeout.
 
Ou alors avant de faire un setTimeout, faire un test pour voir si la souris est sur un autre item du menu.


 
comment on peut faire ca ?
tester si id est défini, dans ce cas la, appeler la fonction cache(id) et ensuite montre(id)

n°644612
gm_superst​ar
Appelez-moi Super
Posté le 16-02-2004 à 22:15:03  profilanswer
 

En fait il y a plus simple. Dès que montre() est appelé tu caches immédiatement les 3 DIV qui consitutent les sous menus.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Affichage d'un div au passage de la souris

 

Sujets relatifs
Passage de paramètres avec un callbackLimité le nombre de lignes à l'affichage par SQL(Access) avec ASP
[C++] position curseur souris et MFCcomment mettre l'icone DOIGT de la souris sur un bouton ???
[MFC] Chargement et affichage d'un Bitmap dans une fenêtre dimensionéeaffichage avec Xlib
pb d'affichage page perso frontpagel'equivalent de choice (awt) mais en swing, pb d'affichage :'(
Affichage jusqu'à un caractèreAffichage commentaire sur texte au passage de la souris +question CSS
Plus de sujets relatifs à : Affichage d'un div au passage de la souris

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.062 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR