Charger le site Web dans la boîte de dialogue iframe, jquery

J'ai utilisé l'exemple suivant pour afficher un site Web dans une iframe sur mon site Web. J'utilise le code suivant:Charger le site Web dans la boîte de dialogue iframe, jquery

$(document).ready(function() { 
$('a#verd').click(function(e) { 
    e.preventDefault(); 
    var $this = $(this); 
    var horizontalPadding = 30; 
    var verticalPadding = 30; 
    $('<iframe id="externalSite" class="externalSite" src="' + this.href + '" />').dialog({ 
     title: ($this.attr('title')) ? $this.attr('title') : 'External Site', 
     autoOpen: true, 
     width: 800, 
     height: 500, 
     modal: true, 
     resizable: true, 
     autoResize: true, 
     overlay: { 
      opacity: 0.5, 
      background: "black" 
     } 
    }).width(800 - horizontalPadding).height(500 - verticalPadding);    
}); 
.... 
});

.... c'est exactement le même code que dans l'exemple mais ça ne marche pas pour moi. cependant l'événement click est triggerd, je l'ai testé avec alerte. Des idées quoi de mal?

EDIT:

ma structure du site

<html><head> 

<script type="text/javascript" src="/js/jquery/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="/js/frontend.js"></script> 
<script type="text/javascript" src="/js/jquery.corner.js"></script> 

<script type="text/javascript"> 
//<!-- 
$(document).ready(function() { 
    $('a#beginning').click(function() { $.post('/programme/list/page/1', {"format":"json"}, function(data, textStatus) { displayProgramms(data); }, 'html');return false; }); 
    $('a#end').click(function() { $.post('/programme/list/page/11', {"format":"json"}, function(data, textStatus) { displayProgramms(data); }, 'html');return false; }); 
}); 
//--> 

</script></head> 
<body> 
<div id="container"> 
<div id="header"> 
<div id="logo"> 
</div> 
</div> 
<div id="navholder"> 
... 
</div> 
<div id="contentwrapper" class="frontpage"> 
.... 
</div> 
<div id="sidewrapper"> 
... 
</div> 
<div id="footerwrapper"> 
... 
</div> 
<div id="disclaimer"> 
... 
</div> 
</div> 

</body></html>

le code js est situé dans frontend.js

Source

2010-09-17 Lost in OWL

pourriez-vous montrer le html? – marcgg

J'ai ajouté mon code HTML –

avez-vous eu ce travail? – mcgrailm

fonctionne très bien pour moi. Assurez-vous que vous avez un lien avec et id de "verd" dans votre code HTML assurez-vous également que vous avez jquery ui chargé?

EDIT

de votre HTML ressemble à votre manque jquery ui

Source

2010-09-17 16:00:15 mcgrailm

que voulez-vous dire avec ui? o N'avez pas jquery ui chargé –

dans la tête de votre fichier html – mcgrailm

essayez ceci:

$('a#verd').click(function(e) { 

    e.stopPropagation(); 

    var self = $(this), 
     horizontalPadding = 30, 
     verticalPadding = 30, 
     dtitle = $(this).attr('title')) ? $(this).attr('title') : 'External Site'; 

    $('<iframe id="externalSite" class="externalSite" src="' + this.href + '" />').dialog(
     { 
     title: dtitle, 
     autoOpen: true, 
     width: 800, 
     height: 500, 
     modal: true, 
     resizable: true, 
     autoResize: true, 
     overlay: { 
      opacity: 0.5, 
      background: "black" 
     } 
     } 
    ).width(800 - horizontalPadding).height(500 - verticalPadding);    

    return false; 
});

??? appelez-vous jquery ui?

Source

2010-09-17 16:05:28

Charger le site Web dans la boîte de dialogue iframe, jquery

Répondre

Questions connexes