Tema: borrar div dinamicamente
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 09/02/2010, 03:19
quimfv
Colaborador
  
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 16 años, 8 meses
Puntos: 574
Respuesta: borrar div dinamicamente
He cambiado un poco tu estrategia, tenias un problema al intentar acceder secuencialmente a algo que podia no ser secuencial...

Analizalo si no lo entiendes pregunta, se trata de aprender no de que te lo den hecho.

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.  
  8. var num5=0;
  9. var divs=new Array();
  10.  
  11. function crear5(obj) {
  12.     if(obj.checked) {
  13.              creaObjetos();
  14.     }else{
  15.              borrarTodos();
  16.     } 
  17. }
  18.  
  19. function borrarTodos(){
  20.         for (var i=0;i<divs.length;i++) {
  21.             fi5 = document.getElementById('fiel5');
  22.             fi5.removeChild(document.getElementById(divs[i]));
  23.         }
  24.         divs.splice(0,divs.length);
  25. }
  26.  
  27. function borrar5(obj) {
  28.      for (var i=0;i<divs.length;i++){
  29.         if (divs[i]==obj){
  30.             fi5 = document.getElementById('fiel5');  
  31.             fi5.removeChild(document.getElementById(obj)); 
  32.             break;
  33.         }
  34.         }
  35.     divs.splice(i,1);
  36.     if (divs.length==0) document.getElementById('estilo').checked=false;
  37. }
  38.  
  39. function creaObjetos(){
  40.         if (divs.length <= 9) {
  41.             num5++;
  42.             fi5 = document.getElementById('fiel5');
  43.             contenedor5 = document.createElement('div'); 
  44.             contenedor5.id = 'div'+num5; 
  45.             fi5.appendChild(contenedor5);
  46.             ele5 = document.createElement('select'); 
  47.             ele5.className = 'impCol';
  48.             ele5.length = 4;
  49.             variable = new Option("Ser","0");
  50.             ele5.options[0] = variable;
  51.             variable = new Option("Ser1","1");
  52.             ele5.options[1] = variable;
  53.             variable = new Option("Ser2","2");
  54.             ele5.options[2] = variable;
  55.             variable = new Option("ser3","3");
  56.             ele5.options[3] = variable; 
  57.             contenedor5.appendChild(ele5);
  58.             ele5 = document.createElement('input');
  59.             ele5.type = 'button'; 
  60.             ele5.value = 'Añadir';
  61.             ele5.name = 'div'+num5; 
  62.             ele5.className ='impCol';
  63.             ele5.onclick = function () {creaObjetos();} 
  64.             contenedor5.appendChild(ele5);
  65.             ele5 = document.createElement('input');
  66.             ele5.type = 'button'; 
  67.             ele5.value = 'Borrar';
  68.             ele5.name = 'div'+num5; 
  69.             ele5.className ='impCol';
  70.             ele5.onclick = function () {borrar5(this.name);} 
  71.             contenedor5.appendChild(ele5); 
  72.             ele5 = document.createElement('textarea'); 
  73.             ele5.className = 'impCol';
  74.             ele5.cols =100;
  75.             ele5.rows   = 4;
  76.             ele5.maxlength =2000;
  77.             contenedor5.appendChild(ele5);
  78.             divs.push('div'+num5);
  79.         }else{
  80.             alert('maximo de 10 servidores');
  81.         }   
  82. }
  83.  
  84.  
  85. </script>
  86. </head>
  87. <body>
  88. <input name="estilo" id="estilo" onclick="crear5(this)" type="checkbox" value="" />
  89. <div id="fiel5"></div>
  90. </body>
  91. </html>
Última edición por quimfv; 09/02/2010 a las 03:22 Razón: elimino var num89=0;