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

HTML Discussion :

Clic sur un iframe ne marche que sur les bords


Sujet :

HTML

  1. #1
    Nouveau membre du Club
    Inscrit en
    Juin 2007
    Messages
    37
    Détails du profil
    Informations forums :
    Inscription : Juin 2007
    Messages : 37
    Points : 29
    Points
    29
    Par défaut Clic sur un iframe ne marche que sur les bords
    Bonjour à tous,

    Je voudrais qu'une action soit déclenchée quand je clique à l'intérieur d'un iframe. un alert() par exemple.

    Or, l'action ne se déclenche que lorsque je clique sur les bords de l'iframe

    Comment puis-je faire pour que l'action se déclenche quand je clique n'importe où à l'intérieur de l'iframe ?

    Mon code est le suivant :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <body>
    <iframe width="300" height="400" onclick="alert('Action')"></iframe>
    </body>
    Je suis sous Firefox.

    Merci d'avance.

  2. #2
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 648
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 648
    Points : 11 137
    Points
    11 137
    Par défaut
    Ca me semble logique...
    Et si tu mettais l'événement sur le onclick du body de la page contenue dans l'iframe ?

  3. #3
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    Pour compléter les propos de Auteur : Tu as défini un évènement que sur le cadre de l'iframe; Ce qui veut dire que lorsque tu cliqueras sur ce cadre l'action de ton évènement sera lancé/effectué.

    Ce résultat est tout à fait normal puisque le contenu de l'iframe n'hérite pas de ses évènements. D'où la proposition de Auteur de définir à la page contenu dans l'iframe son propre évènement.

  4. #4
    Nouveau membre du Club
    Inscrit en
    Juin 2007
    Messages
    37
    Détails du profil
    Informations forums :
    Inscription : Juin 2007
    Messages : 37
    Points : 29
    Points
    29
    Par défaut
    Ah d'accord, je comprends.

    Mais je n'arrive pas à le faire ; pourriez-vous m'aider ?

    Edit : j'ai finalement trouvé ; ce n'est peut-être pas la meilleure façon de faire. (dans ce cas n'hésitez pas à me dire comment faire autrement )
    J'ai utilisé du Javascript :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    document.getElementById("iFrame").contentWindow.addEventListener("click",function(event){alert('');},true);

  5. #5
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    Citation Envoyé par Auteur Voir le message
    Ca me semble logique...
    Et si tu mettais l'événement sur le onclick du body de la page contenue dans l'iframe ?
    Tout y est dit : onclick, body

    Il te reste plus qu'à mettre en pratique dans la page qui est ouverte grâce à l'iframe

  6. #6
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 648
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 648
    Points : 11 137
    Points
    11 137
    Par défaut
    Citation Envoyé par Kerod Voir le message
    Tout y est dit : onclick, body

    Il te reste plus qu'à mettre en pratique dans la page qui est ouverte grâce à l'iframe
    le seul problème est que le script va réagir au moindre clic dans la page (pas très ergonomique...)

  7. #7
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    Oui mais c'est son souhait

Discussions similaires

  1. CSS input qui ne marche que sur Firefox
    Par DJ Caësar 9114 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 24/04/2009, 09h41
  2. application ne marche que sur mon pc
    Par moon96 dans le forum Servlets/JSP
    Réponses: 1
    Dernier message: 29/06/2008, 18h03
  3. NavigateToUrl ne marche que sur Debug
    Par LinkinSelim dans le forum Flex
    Réponses: 1
    Dernier message: 27/05/2008, 09h27
  4. [MediaWiki] Upload de fichier (marche que sur l'hebergement du wiki)
    Par bluefish63 dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 2
    Dernier message: 11/04/2008, 12h54
  5. Réponses: 4
    Dernier message: 19/03/2008, 10h52

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