Prototypejs - remover fieldsets



   AUTOR PREGUNTA

Publicado 17 junio 2014 - 21:13

¿De qué forma puedo agregar o remover fieldsets de manera dinámica con prototype?


¿Tienes la misma pregunta? Yo también

 

Publicado 17 junio 2014 - 23:08

Supongamos que en tu html tienes lo siguiente:

<div id="ingredientes" style="display:none;"> <fieldset id="ingredient_item_XXX"> Ingrediente <input id="ingrediente_1" type="text" size="20" /> <div id="ingrediente_lista_1" style="" class="autocomplete"></div> ... </fieldset> </div>

Y luego tendríamos un boton para agregar el mismo:

<div id="ingredientes_list_2"></div> <button type="button" onclick="addIngrediente()">Añadir Ingrediente</button>

Por último en Prototype sería lo siguiente:

var ingredientCount = 0;
function añadirIngrediente() {
var html = $("ingredientes").innerHTML.replace(/XXX/g, ingredientCount++);
$("ingrediente_lista_1").insert(html); }

   AUTOR PREGUNTA

Publicado 18 junio 2014 - 14:11

Excelente ejemplo Felipe, pude adaptarlo a mi código y ahora funcionando