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 :

déport d'une fonction onmouseover dans un autre fichier


Sujet :

JavaScript

  1. #1
    Expert confirmé
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 386
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 386
    Points : 5 733
    Points
    5 733
    Billets dans le blog
    1
    Par défaut déport d'une fonction onmouseover dans un autre fichier
    Bonjour,

    je suis parti de ce code qui marche :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <font color="blue"><span onmouseover="document.getElementById('popupid').style.visibility = 'visible';"><span class="popup_anchor">barns<span onmouseout="document.getElementById('popupid').style.visibility = 'hidden';">
                                              <div class="popup" id="popupid"><span><img  src="chevaux2008_010.jpg"></span><br>
     
                                              </div>
     
                                              </span></span></span></font>
    et je souhaitais déporter l'action sur "onmouseover" dans une fonction (pour exécuter plusieurs actions). Donc, j'ai fait ça :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <font color="blue"><span onmouseover="fctonmouseover('popupid1')"><span class="popup_anchor">barns<span onmouseout="document.getElementById('popupid1').style.visibility = 'hidden';">
                                              <div class="popup" id="popupid1"><span><img src="chevaux2008_010.jpg"></span><br>
     
                                              </div>
     
                                              </span></span></span></font>
    avec cette fonction js :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    function fctonmouseover(id) {
    	document.getElementById('id').style.visibility = 'visible';
    }
    ; mais ça ne marche plus ; qu'est-ce qui ne va pas ?
    Il vaut mieux viser la perfection et la manquer que viser l'imperfection et l'atteindre. - Bertrand Russell

    Si la discussion est résolue, merci de cliquer sur le bouton

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('id').style.visibility = 'visible';
    'id' (qui est au passage un nom de variable plutôt maladroit) représente juste la chaîne de caractères id, pas celle passée en paramètre
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById(id).style.visibility = 'visible';
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    Une erreur bloquante, l'autre pas ...

    l'erreur non bloquante: appeler une variable id ... il vaut mieux eviter


    la bloquante:
    tu n'utilises pas le paramètre que tu passes ...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    function fctonmouseover(objid) {
    	document.getElementById(objid).style.visibility = 'visible';
    }
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  4. #4
    Expert confirmé
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 386
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 386
    Points : 5 733
    Points
    5 733
    Billets dans le blog
    1
    Par défaut
    Merci de l'aide
    Il vaut mieux viser la perfection et la manquer que viser l'imperfection et l'atteindre. - Bertrand Russell

    Si la discussion est résolue, merci de cliquer sur le bouton

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

Discussions similaires

  1. Appeler une fonction javascript dans un autre fichier javascript
    Par solo190 dans le forum Ext JS / Sencha
    Réponses: 8
    Dernier message: 04/09/2014, 20h06
  2. Réponses: 13
    Dernier message: 09/03/2013, 19h12
  3. [2.x] Surcharger une fonction Twig dans un autre bundle
    Par kokoro62 dans le forum Symfony
    Réponses: 0
    Dernier message: 12/06/2012, 16h06
  4. Appel d'une fonction défini dans un autre fichier javascript
    Par jep33 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 20/02/2009, 08h43

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