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

jQuery Discussion :

Script qui fonctionne mais pas exactement comme prévu


Sujet :

jQuery

Vue hybride

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

    Informations forums :
    Inscription : Janvier 2008
    Messages : 7
    Par défaut Script qui fonctionne mais pas exactement comme prévu
    Bonjour à tous,

    Je tourne en boucle sur le problème suivant : sur un site internet, j'ai des vidéos qui sont chargées dans des modals. Tout fonctionne à peu près comme prévu, mais il y a plusieurs vidéos sur la page et les vidéos ne s'arrêtent pas si on ferme la modal. J'ai trouvé un script qui fonctionne plutôt bien, mais j'ai un problème sur le déclencheur. Pour résumer, j'aimerais que quand on passe au dessus de la croix pour fermer la modal, la vidéo s'arrête.

    Si je crée moi-même un bouton en HTML (parfaitement identique à celui qui ferme la modal), la vidéo s'arrête comme il faut.
    Par contre, quand on passe au dessus du "vrai" bouton de la modal, mon script ne se déclenche pas.

    On peut voir le cas réel sur la page suivante : https://voyages.nuitchercheurs.eu/europe (il faut cliquer sur le sous-marin jaune pour voir la modal dans laquelle il y a mon bouton qui fonctionne)

    J'ai beau tourner dans tous les sens, je n'arrive pas à comprendre.

    Est ce que quelqu'un aurait une piste ?

    merci d'avance,

    Bruntho.

  2. #2
    Inactif  
    Homme Profil pro
    Webmaster
    Inscrit en
    Juin 2021
    Messages
    645
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juin 2021
    Messages : 645
    Par défaut
    Bonjour,

    A chaque clic sur une image, tu crées une nouvelle modale :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <div id="js-XXXX" class="uk-flex-top uk-modal" uk-modal="">...
    On se retrouve avec autant de modales que d'images cliquées.

    Au clic sur le bouton (".uk-close") ou en dehors (".uk-modal-close-outside") :
    • il faut supprimer la/toutes modale/s (".uk-modal").
    • pas juste la masquer.

    Ainsi, il n'y a qu'une seule modale à la fois.

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

    Informations forums :
    Inscription : Janvier 2008
    Messages : 7
    Par défaut
    Merci de ta réponse Mathieu.

    Mais finalement, peu importe que j'ouvre plusieurs modals à la fois (en l'occurence, ce sera rare, vu qu'elle prend quasi tout l'écran, donc obligé de fermer une pour ouvrir l'autre).

    C'est surtout le coup de la vidéo qui ne s'arrête pas. Elle s'arrête si on fait un hover sur la croix que j'ajoute manuellement dans le code de la modal. Mais elle ne s'arrête pas si on fait un hover sur la croix générée automatiquement par la modal. Et j'arrive pas à comprendre pourquoi.

    Ou alors, je n'ai pas compris ta réponse

    Merci en tout cas

  4. #4
    Inactif  
    Homme Profil pro
    Webmaster
    Inscrit en
    Juin 2021
    Messages
    645
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juin 2021
    Messages : 645
    Par défaut
    Mathieu... ??

    Tu n'as pas compris :
    à chaque clic sur une image, c'est le code HTML d'une NOUVELLE modale qui est créé :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <div id="js-XXX" class="uk-flex-top uk-modal" uk-modal="">...</div> <!-- CETTE MODALE est masquée -->
    <div id="js-YYY" class="uk-flex-top uk-modal" uk-modal="">...</div> <!-- CETTE MODALE est masquée -->
    <div id="js-ZZZ" class="uk-flex-top uk-modal uk-flex uk-open="">...</div> <!-- CETTE MODALE EST OUVERTE -->
    ...
    C'est pour ça que les vidéos continuent, puisqu'elles sont toujours là, DANS LE CODE ! (mais masquées à l'écran)

    Il faut supprimer ces modales, au lieu de les masquer.

    Pour cela, il faut savoir quel est le script (JS ?) qui s'occupe de "fermer" la modale.

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

    Informations forums :
    Inscription : Janvier 2008
    Messages : 7
    Par défaut
    Désolé, jreaux62, j'ai mal lu

    En fait, je ne cherche pas à la fermer cette modal. Le masquage fonctionne bien pour moi (et je ne suis pas sûr que si je la ferme, mon script va la réouvrir). Ce qui ne fonctionne pas, c'est le déclenchement du script qui permet d'arrêter la vidéo.


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    function() {
      jQuery('.youtube-iframe').each(function(index) {
        jQuery(this).attr('src', jQuery(this).attr('src'));
        return false;
      });
    }
    Il fonctionne quand on passe au dessus du bouton créé dans le corps de la page (je ne l'ai fait que pour le sous-marin jaune), mais pas quand on passe au dessus de la croix de fermeture de la modal, il ne s'exécute pas. J'ai même mis une alert dedans pour tester, je vois l'alert après un hover sur mon bouton croix manuel, mais pas celui qui est créé par la modal en haut à droite.

  6. #6
    Inactif  
    Homme Profil pro
    Webmaster
    Inscrit en
    Juin 2021
    Messages
    645
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juin 2021
    Messages : 645
    Par défaut
    MONTRE le script (JS ?) qui s'occupe de "fermer" la modale.

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

Discussions similaires

  1. Crawsler qui fonctionne mais pas totalement
    Par lemirandais dans le forum Langage
    Réponses: 1
    Dernier message: 02/08/2009, 01h25
  2. Réponses: 3
    Dernier message: 14/04/2009, 11h29
  3. Réponses: 1
    Dernier message: 03/08/2007, 10h09
  4. [FLASH 8] : FLA qui fonctionne mais pas le SWF
    Par xtaze dans le forum Flash
    Réponses: 9
    Dernier message: 24/10/2006, 09h14
  5. Script qui marche mais pas elegant[newbie]
    Par billybob2006 dans le forum Langage
    Réponses: 4
    Dernier message: 21/10/2005, 12h25

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