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

cristian_cena · #3 (**permalink**) 02/10/2011, 12:49

Comparto la solución para quien le sirva, dos archivos:

1 - 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>
    <style type="text/css">
    *{margin:0; padding:0;}
    </style>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript" src="ruta/a/el/plugin/tiny_mce.js"></script>
 
    <script type="text/javascript" >
 
    var tinymceConfigs = [{
            theme : "simple",
            mode : "none",
            },
            {
            theme : "simple",
            mode : "none",
            }];
 
    function addTiny(settingid,el_id) {
        tinyMCE.settings = tinymceConfigs[settingid];
        tinyMCE.execCommand('mceAddControl', true, el_id);
    }
    
    $(function(){
        addTiny(0,"ed0");
        addTiny(1,"ed1");
    });
    ai = 2;
    $("#agregar").live('click', function(){
    identificador= "ed"+ai;
        $("<textarea></textarea>", {id:identificador, name:'descripcion[]'}).appendTo("#formu");
        addTiny(ai,identificador);
    ai++;   
    });
    
    </script>
    
</head>
 
<body>
    <form action="post.php" id="formulario" method="post">
        <div id="formu">
            <textarea name="descripcion[]" id="ed0"></textarea>
            <textarea name="descripcion[]" id="ed1"></textarea>
        </div>
        <input type="submit" value="enviar" />
        <input type="button" value="agregar" id="agregar" />
    </form>
</body>
 
</html>

2 - post.php

Código HTML:

Ver original<a href="multiples_textareas.html">volver</a>
<pre>
<?php
$total = count($_POST["descripcion"]); //debuelve 3 y for empieza a contar de 0
for ($i = 0; $i < $total; $i++) {
    echo $_POST["descripcion"][$i];
}
//listo para insertar con felicidad en la base de datos.
?>
</pre>

Este codigo es una adaptación de una solución que encontre acá.