obtenir le contenu de la place de la zone de texte dans la couche iframe

Question

je suis nouveau à jquery si un peu nouveau votre aide/guide pour le faire. J'ai une zone de texte où j'écris des balises html. maintenant ce que je veux faire est un bouton de prévisualisation. il devrait ouvrir un jquery layer/popup avec le html écrit de ma zone de texte pour que je puisse le voir. Y a-t-il un moyen pour que chacun d'entre vous me guide vers où trouver des scripts comme celui-ci ou m'aider un peu? J'ai cherché cela mais tout ce que je trouve est de savoir comment ouvrir les iframes avec des sources externes. J'ai besoin de passer mon propre HTML dans l'iframe.

thx à l'avance

Answer 1

Cela a fonctionné pour moi:

<link href="jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" /> 

<script src="jquery-1.3.2.min.js" type="text/javascript"></script> 
<script src="ui.core.js" type="text/javascript"></script> 
<script src="ui.dialog.js" type="text/javascript"></script> 

<input type="submit" value="Submit" id="button" /> 
<input type="text" id="txtBody" /> 
<br /> 

<div id="dialog" style="display: none;"> 
</div> 

<script type="text/javascript"> 
    $("#button").click(function() { 
     $("#dialog").html($("#txtBody").val()); 
     $("#dialog").dialog().dialog("open"); 
    }); 
</script> 

En fait, je me suis trompé sur l'utilisation .html(). La bonne façon était d'utiliser .val().

Answer 2

Est-il vraiment nécessaire pour vous d'utiliser un iframe ou un pop-up? Il existe d'autres solutions comme http://jqueryui.com/demos/dialog/ qui ne vous obligent pas à avoir un élément de document HTML séparé. Ou vous pouvez simplement utiliser un élément pour que:

$("#target").html($("#source").html())