Buenas.
Estoy realizando un proyecto web, el cual estoy aprovechando para aprender algo de JAVASCRIPT en concreto JQUERY y JQUERI UI, pues estoy viendo que con poco codigo se puede conseguir cosas muy buenas.
Voy al meollo de la cuestion. Tengo un formulario el cual tengo un textarea en el. Ademas le he puesto un boton (una imagen contenida en un enlace) de vista previa el cual intento que cuando el usuario pulse en el, este salte un dialog con el contenido del textarea.
Consigo que me muestre el dialog, pero no se como recuperar el valor del textarea sin tener que darle al boton submit.
En el enlace de vista previa le puse un "onclick" hacia una funcion de JAVASCRIPT
:
Código:
function vistaPrevia(){
$( "#dialog:ui-dialog" ).dialog( "destroy" );
$( "#dialog-modal" ).dialog({
height: 140,
modal: true,//especifica que bloquee la pagina mientras se muestra este dialogo.
closeOnEscape: true,//al pulsar la tecla ESC , cierra el dialogo
draggable: false,//no permite mover el dialogo
hide: 'slide',//efecto al cerrar dialogo
show: 'fold'//efecto al abrir dialogo.
});
}
Con esto consigo que me muestre solo el "dialog" en cuestion.
Despues buscando por ahi ví algo parecido a lo que queria para poder ponerle el valor del textarea a dicho dialog y sustituí el codigo anterior por este:
Código:
$(document).ready(function(){
$(".vistaPrevia").click(function(){
var datos.data("contenido",$("#contenido").val());
var caja = $("<div title='Vista Previa'>"+$(datos).data("contenido")+"</div>");
$( "#dialog:ui-dialog" ).dialog( "destroy" );
caja.dialog({
height: 140,
modal: true,//especifica que bloquee la pagina mientras se muestra este dialogo.
closeOnEscape: true,//al pulsar la tecla ESC , cierra el dialogo
draggable: false,//no permite mover el dialogo
hide: 'slide',//efecto al cerrar dialogo
show: 'fold'//efecto al abrir dialogo.
});
})
})
;
Pero con este codigo, no me funciona.
Espero que puedan guiarme/ayudarme con mi problema, estoy abierto a nuevos enfoques.
Ante todo gracias simplemente por leerme.