Hola a todos,
tengo un ligero problema usando unos plugins de jQuery, el blockUI y el Cleditor. Resulta que quiero mostrar un formulario para rellenar con texto, pero quiero darle cierto formato. Para ello, quiero usar el editor Cleditor, pero al mostrarse en la nueva pantalla se bloquea entero... Creo que el problema es que no sé desbloquear el elemento en la nueva pantalla ¿puede alguien echarme una mano? Gracias.
Los ficheros de pruebas son los siguientes:
"index.html"
Código HTML:
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/
ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script language="javascript" type="text/javascript"
src="jquery.blockUI.js"></script>
<script language="javascript" type="text/javascript">
function fn_cerrar(){
$.unblockUI({
onUnblock: function(){
$("#div_oculto").html("");
}
});
};
function fn_mostrar_frm(){
$("#div_oculto").load("ajax_form.php", function(){
$.blockUI({
message: $('#div_oculto'),
css:{
top: '8%'
}
});
});
};
</script>
</head>
<body>
<a href="javascript: fn_mostrar_frm();">Mostrar form</a>
<div id="div_oculto" style="display: none;"></div>
</body>
</html> y el archivo "ajax_form.php"
Código PHP:
<link rel="stylesheet" type="text/css" href="jquery.cleditor.css" /
<script type="text/javascript" src="jquery.cleditor.min.js"></
script>
<script type="text/javascript">
$(document).ready(function() {
$("#input").cleditor({width:500, height:180, useCSS:true})
[0].focus();
});
</script>
<textarea id="input" name="input">dasdasdasdasda</textarea>
<input name="cancelar" type="button" id="cancelar"
value="Cancelar" onclick="fn_cerrar();" />
Las librerias son las últimas versiones de cada plugin: jquery.cleditor.js y jquery.blockUI.js