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


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    13
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 13
    Par défaut onmouseover - onmouseout
    Bonjour, j'ai un souci avec mon onmouseover.
    ça va pas être facile d'expliquer, je vai faire de mon mieux.

    J'ai un javascript onmouseover - onmouseout et je souhaite que l'image qui ce trouve dans onmouseover reste active aprés le clic de la souris.

    Voici le détail de mon script.

    <A onmouseover="changeImages('home','images/menu/b-home_over.jpg');return true" onmouseout="changeImages('home','images/menu/b-home.jpg');return true" href="#">
    <IMG height="50" alt="" src="images/menu/b-home.jpg" width="86"
    align="top" border="0" name="home"></A>

    Je sait le faire en CSS, mais pas en javascript.

    Avez vous une idée? J'ai utilisé la fonction rechercher mais c'est une telle jungle qu'au bout de quelque post j'ai laisser tombé.

    Merci d'avance.

    Foutix

  2. #2
    Membre Expert
    Avatar de Jumano
    Profil pro
    Inscrit en
    Février 2007
    Messages
    1 163
    Détails du profil
    Informations personnelles :
    Âge : 57
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Février 2007
    Messages : 1 163
    Par défaut
    Bonjour,
    Pourrais tu poster le code de ta fonction JS ...

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    13
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 13
    Par défaut
    J'ai un souci pour mettre le code source.

    Trop de caractère, il fait plus de 34960 caractères.

    Comment faire SVP

  4. #4
    Membre Expert
    Avatar de Jumano
    Profil pro
    Inscrit en
    Février 2007
    Messages
    1 163
    Détails du profil
    Informations personnelles :
    Âge : 57
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Février 2007
    Messages : 1 163
    Par défaut
    Juste la fonction changeImages() ...

  5. #5
    Membre habitué
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    13
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 13
    Par défaut
    Citation Envoyé par jumano Voir le message
    Juste la fonction changeImages() ...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    function changeImagesArray(array) {
    	if (preloadFlag == true) {
    		var d = document; var img;
    		for (i=0;i<array.length;i+=2) {
    			img = null; var n = array[i];
    			if (d.images) {
    				if (d.layers) {img = findElement(n,0);}
    				else {img = d.images[n];}
    			}
    			if (!img && d.getElementById) {img = d.getElementById(n);}
    			if (!img && d.getElementsByName) {
    				var elms = d.getElementsByName(n);
    				if (elms) {
    					for (j=0;j<elms.length;j++) {
    						if (elms[j].src) {img = elms[j]; break;}
    					}
    				}
    			}
    			if (img) {img.src = array[i+1];}
    		}
    	}
    }
    function changeImages() {
    	changeImagesArray(changeImages.arguments);
    }
    J pige que dalle

  6. #6
    Membre Expert
    Avatar de Jumano
    Profil pro
    Inscrit en
    Février 2007
    Messages
    1 163
    Détails du profil
    Informations personnelles :
    Âge : 57
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Février 2007
    Messages : 1 163
    Par défaut
    Tu as testé le code que je t'ai donné ?

  7. #7
    Membre éprouvé Avatar de shaun_the_sheep
    Homme Profil pro
    Chef de projet NTIC
    Inscrit en
    Octobre 2004
    Messages
    1 619
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Chef de projet NTIC
    Secteur : Enseignement

    Informations forums :
    Inscription : Octobre 2004
    Messages : 1 619
    Par défaut
    Salut,

    utilise l'evenement onClick peut être que cela peut te permettre de faire ce que tu veux.

    Sinon mais le code de la fonction :
    changeImages

    Remarque:
    Si ta page en nombre de caractères est trop lourde. Pour la maintenance cela pourra aussi t'aider. Tu devrais peut être l'éclater un peu. Comme mettre le javascript à part ainsi que les feuille de style si ce n'est déjà fait.

  8. #8
    Membre Expert
    Avatar de Jumano
    Profil pro
    Inscrit en
    Février 2007
    Messages
    1 163
    Détails du profil
    Informations personnelles :
    Âge : 57
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Février 2007
    Messages : 1 163
    Par défaut
    Re,
    Peut être une solution :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
     
    <script language="javascript" type="text/javascript">
    function changeImages(image) {
    document.images['home'].src = image ;
    }
     
    function fixeImages() {
    document.getElementById('img').innerHTML = '<a href="#"><img height="50" alt="" src="images/menu/b-home.jpg" width="86" align="top" border="0" name="home"/></a>' ;
    }
    </script>
    </head>
    <body>
    <div id="img" onclick="fixeImages();">
    <a onmouseover="changeImages('images/menu/b-home_over.jpg');" onmouseout="changeImages('images/menu/b-home.jpg');" href="#" ><img height="50" alt="" src="images/menu/b-home.jpg" width="86" align="top" border="0" name="home"/></a>
    </div>

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