Foros del Web - Ver Mensaje Individual - tinyMCE y jquery, deja de funcionar para multiples textareas dinamicos

cristian_cena · #4 (**permalink**) 02/10/2011, 23:39

Otro problema que se me presento es que si enviamos los multiples textareas con $.post() con jquery, es decir, con ajax. Los name no se serializan. Luego de muchas pruebas y errores la solución no pudo ser más simple.
Descargar la version jquery del tinymce y todo empieza a andar magicamente. Los textareas multiples los creas en dos patadas y se serializan los name.

Les dejo un ejemplo funcionando.

multiples_textareas.html

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript" src="tinymce_jq/jscripts/tiny_mce/jquery.tinymce.js"></script>
    <script type="text/javascript" >
    $().ready(function() {
        $("textarea").tinymce({
            script_url : 'tinymce_jq/jscripts/tiny_mce/tiny_mce.js',
            theme : "simple"
        });
        $("#agregar").live('click', function(){
            var textarea = $("<textarea name='descripcion[]'></textarea>");
            textarea.appendTo("#formu");
            textarea.tinymce({
                    script_url : 'tinymce_jq/jscripts/tiny_mce/tiny_mce.js',
                    theme : "simple"
            });
        });
        $("#formulario").submit(function(event){
            event.preventDefault(); 
            $.post(
                "post.php", $("#formulario").serialize(), function(){ /*callback*/ }
            );      
        }); 
    });
    </script>
</head>
<body>
    <form action="post.php" id="formulario" method="post">
        <div id="formu">
            <textarea name="descripcion[]"></textarea>          
            <textarea name="descripcion[]"></textarea>          
        </div>
        <input type="submit" value="enviar" />
        <input type="button" value="agregar" id="agregar" />
    </form>
</body>
</html>