Message d'avertissement

The subscription service is currently unavailable. Please try again later.

Module "simple dialog"

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Bonjour,

Je cherche à faire apparaitre un iframe dans une boite de dialogue ou un overlay.

Je suis tombé sur le module simple dialog. Il n'a pas l'air de fonctionner correctement.

Il ouvre bien une fenêtre mais charge indéfiniment le contenu. J'ai fait le test avec du texte simple

kjkjhjhfdlh

idem chargement éternel ! Quelqu'un à une solution ?

En regardant sur le web, je me rends compte que jsfiddle ça n'a pas l'air de trop fonctionner, j'ai pourtant mis les liens de vers JQuery. Avec Js Bin ça marche. Je suis un peu perdu , je ne vois pas quoi faire pour que cela fonctionne. J'ai importé dans Drupal un code qui fonctionne sous Js Bin ne se passe! :G

<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<title>JS Bin</title>
</head>
<body>
<div id="dialog" title="blablabla">
    Your Iframe Below cv
    <iframe id="myIframe" src="" name="cadre1"></iframe>
</div>
<a class="GreenPink iframeBtn simple-dialog"
   target="cadre1" href="http://www.w3schools.com"
   name="OverlayBouton"
   style="background:#dde6a7;color:white;display:inline-block;margin:0 0 10px;padding:5px 7px 3px;"
   title="Four à soles Bongard" id="OverlayBouton">Voir les produits</a>
</body>
</html>

$("#dialog").dialog({
    autoOpen: false,
    modal: true,
    height: 600,
   
});

$('#OverlayBouton).click(function(){
    $('#dialog').dialog('open');
});

Merci d'avance de votre aide. .

Je viens de trouver un morceau de code qui fonctionne directement sans problème.. ! ! :H

$(document).ready(function () {
            $('a#OverlayBouton').live('click', function (e) {
                e.preventDefault();
                var page = $(this).attr("href")
                var pagetitle = $(this).attr("title")
                var $dialog = $('<div></div>')
                .html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>')
                .dialog({
                    autoOpen: false,
                    modal: true,
                    height: 500,
                    width: 200,
                    title: pagetitle
                });
                $dialog.dialog('open');
            });
        });</code

<code><a class="maClasse" id="OverlayBouton"
   href="http://www.w3schools.com"
   title="Bienvenue sur le site w3schools" >Voir les produits</a>

Je suis toujours preneur concernant ce bug, si c'est un bug ou une mauvaise manip de ma part.

Par contre je ne pige pas pourquoi je dois mettre ça dans le header pour cela marche :

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>

Il y a bien une librairie JQuery dans Drupal, nan ? Je le vois bien avec les dossiers..