Tema: borrar div dinamicamente
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 08/02/2010, 08:03
quimfv
Colaborador
  
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 16 años, 2 meses
Puntos: 574
Respuesta: borrar div dinamicamente
Esto perece que funciona??? No entiendo lo que te pasa...

Por cierto

Si obj es un checkbox luego puedes hacer

if (obj.checked) ... true si esta checkeado false si no lo esta

Quim

Código HTML: 
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>Documento sin t&iacute;tulo</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. <script language="JavaScript" type="text/JavaScript"> 
  7. var num89=0; 
  8. var num5=0; 
  9. function crear5(obj) {
  10.     if(num89%2 == 1) {       /*paso 1*/
  11.         if (num5 <= 9) {
  12.             num5++;
  13.             fi5 = document.getElementById('fiel5');         /*paso 2*/
  14.             contenedor5 = document.createElement('div'); 
  15.             contenedor5.id = 'div'+num5; 
  16.             fi5.appendChild(contenedor5);
  17.             ele5 = document.createElement('select'); 
  18.             ele5.className = 'impCol';
  19.             ele5.length = 4;
  20.             variable = new Option("Ser","0");
  21.             ele5.options[0] = variable;
  22.             variable = new Option("Ser1","1");
  23.             ele5.options[1] = variable;
  24.             variable = new Option("Ser2","2");
  25.             ele5.options[2] = variable;
  26.             variable = new Option("ser3","3");
  27.             ele5.options[3] = variable; 
  28.             contenedor5.appendChild(ele5);
  29.             ele5 = document.createElement('input');
  30.             ele5.type = 'button'; 
  31.             ele5.value = 'Añadir';
  32.             ele5.name = 'div'+num5; 
  33.             ele5.className ='impCol';
  34.             ele5.onclick = function () {num89=1;crear5(this);num89=2} 
  35.             contenedor5.appendChild(ele5);
  36.             ele5 = document.createElement('input');
  37.             ele5.type = 'button'; 
  38.             ele5.value = 'Borrar';
  39.             ele5.name = 'div'+num5; 
  40.             ele5.className ='impCol';
  41.             ele5.onclick = function () {borrar5(this.name)} 
  42.             contenedor5.appendChild(ele5); 
  43.             ele5 = document.createElement('textarea'); 
  44.             ele5.className = 'impCol';
  45.             ele5.cols =100;
  46.             ele5.rows   = 4;
  47.             ele5.maxlength =2000;
  48.             contenedor5.appendChild(ele5);
  49.         }else{
  50.             alert('maximo de 10 servidores');
  51.         }   
  52.     }else if(num89%2 == 0) {                  /*paso 3 donde se encuentra el error*/
  53.         var i ;
  54.         for (i=0;i<=num5;i++) {
  55.             fi5 = document.getElementById('fiel5'); 
  56.             fi5.removeChild(document.getElementById('div'+num5));
  57.         }
  58.     
  59.     } 
  60. }
  61. function borrar5(obj) {
  62.     num5--;
  63.         fi5 = document.getElementById('fiel5');  
  64.         fi5.removeChild(document.getElementById(obj)); 
  65. }
  66. </script>
  67. </head>
  68. <body>
  69. <input name="estilo" onclick="num89++;crear5(this)" type="checkbox" value="" />
  70. <div id="fiel5"></div>
  71. </body>
  72. </html>