IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

onmouseover / onmouseout / infobulle


Sujet :

JavaScript

  1. #1
    Membre averti
    Homme Profil pro
    Retraité
    Inscrit en
    Octobre 2014
    Messages
    14
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : Octobre 2014
    Messages : 14
    Par défaut onmouseover / onmouseout / infobulle
    Bonjour,
    Mon désir est le suivant :
    Changer d'image et afficher un texte dans une bulle au passage de la souris sur le dessin.
    Puis retour à l'image initiale a la sortie de la souris.
    Actuellement :
    J'ai bien le changement d'image et l'affichage du texte mais le retour à la première image ne se fait pas.
    Merci de votre aide.
    Cordialement.
    tests.htmNom : jaune.gif
Affichages : 742
Taille : 127 octetsNom : rouge.gif
Affichages : 740
Taille : 127 octetsinfobulles.js

  2. #2
    Membre extrêmement actif Avatar de psychadelic
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 2 532
    Par défaut
    ton code est une antiquité, en ASCII 8859 en plus...!

  3. #3
    Membre Expert
    Homme Profil pro
    Inscrit en
    Octobre 2011
    Messages
    2 910
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Octobre 2011
    Messages : 2 910
    Par défaut
    Ne serait-ce pas mieux avec du CSS ?

    PS : Je dis ça alors que je suis fâché avec le CSS...

  4. #4
    Membre émérite
    Femme Profil pro
    Autre
    Inscrit en
    Janvier 2017
    Messages
    340
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Autre

    Informations forums :
    Inscription : Janvier 2017
    Messages : 340
    Par défaut
    Bonjour,
    le retour à la première image ne se fait pas.
    C'est parce que la fonction onmouseout est redéfinie dans la fonction infobulle.
    Une solution serait de remplacer ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    	element.onmouseout = function(){
    		for(i=0; i<=100; i+=10){
    			var time = ((i/20)*30);
    			var opacity = (100-i);
    			setTimeout('opacity('+opacity+', \'infobulle\', 1);', time);
    		}
    	};
    par :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    	element.addEventListener("mouseout", function f(){
    		this.removeEventListener("mouseout", f);
    		for(i=0; i<=100; i+=10){
    			var time = ((i/20)*30);
    			var opacity = (100-i);
    			setTimeout('opacity('+opacity+', \'infobulle\', 1);', time);
    		}
    	});

  5. #5
    Membre averti
    Homme Profil pro
    Retraité
    Inscrit en
    Octobre 2014
    Messages
    14
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : Octobre 2014
    Messages : 14
    Par défaut
    Bonjour à tous,

    Pour "psychadelic" si mon code est une antiquité, c'est que moi-même je suis une antiquité (69 ans passé) et autodidacte alors je fais avec.

    Merci a "Loralina" cela fonctionne du premier coup.

    Cordialement.

  6. #6
    Membre extrêmement actif Avatar de psychadelic
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 2 532
    Par défaut
    Citation Envoyé par Le Druide 91 Voir le message
    Pour "psychadelic" si mon code est une antiquité, c'est que moi-même je suis une antiquité (69 ans passé) et autodidacte alors je fais avec.
    ? ?
    C'est pas gentil de me porter des propos pareils, si tu t'associe au code que tu utilise c'est ton problème.

    Que tu sois ou non "une antiquité" n'entre pas en ligne de compte, mais que tu demande qu'on aille débogueur un truc aussi vieux est tout de même gonflé.
    Des systèmes info-bulle il y en des centaines sur la toile, tu aurai pu choisir n'importe lequel d'entre eux plutôt que cette antiquité.

  7. #7
    Membre averti
    Homme Profil pro
    Retraité
    Inscrit en
    Octobre 2014
    Messages
    14
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : Octobre 2014
    Messages : 14
    Par défaut
    Bonjour,
    Cher "psychadelic" si tu ne comprends par l'humour, ce n'est pas mon problème.

    Mais sache qu'avant de poser la question sur ce forum j'ai fait des recherches et que le problème était que j'avais "l'infobulle OU le onmouseout" mais pas les deux.

    Pour moi le sujet est CLOS.
    Cordialement

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Encore des onmouseover onmouseout imbriqués
    Par SpaceFrog dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 20/03/2008, 10h53
  2. OnMouseOver, OnMouseOut et OnClick
    Par the.l666 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 08/12/2007, 09h45
  3. [ASP1.1]Utiliser onMouseOver/onMouseOut sur datagrid?
    Par Cervantes dans le forum ASP.NET
    Réponses: 3
    Dernier message: 02/05/2007, 13h33
  4. accès à onmouseover/onmouseout => changement de style
    Par tomy4ever dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 14/12/2006, 22h33
  5. onClick/onMouseOver/onMouseOut + <a href>+<img>
    Par lipczynski dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 10/11/2004, 14h53

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo