Problema eliminazione div da pulsante

[cavicchiandrea]

Proviamo con un esempio posta il link alla pagina demo online, quello che hai scritto è incompressibile

[PetraHawke]

Proviamo con un esempio posta il link alla pagina demo online, quello che hai scritto è incompressibile

posto il codice della funziona allora, mi sono spiegata un po' male
si trova dentro a window.onload

//imposto il num delle lingue come var, che verrà incrementata piu sono le select 
//o diminuita se tolgo select
numLingue=1;
document.getElementById('nLingue').value=numLingue;




document.getElementById('addLingua').onclick=function(){
var numDelete=numLingue;
    numLingue=numLingue+1;
    document.getElementById('nLingue').value=numLingue;


  //mando a capo e creo una nuova div col numero della var numlingue
  var idDiv='selectLingua'+numLingue;
  var aggiungiDiv='<div id="'+idDiv+'"></div>';
  var addAll='<br>'+aggiungiDiv;
  document.getElementById('selectLingue').innerHTML=document.getElementById('selectLingue').innerHTML+addAll;






  // crea la select della selezione lingue 
  var nomeSelL='selLingua'+numLingue;
  
  var selectSel = document.createElement("select");
  selectSel.setAttribute("name", nomeSelL);
  selectSel.setAttribute("id", nomeSelL);
  
  document.getElementById(idDiv).appendChild(selectSel);




 //copio il contenuto della prima select nelle altre
  var selectS1 = document.getElementById("selLingua1");
  selectSel.innerHTML=selectS1.innerHTML;






 //metto il livello tra le due select
  document.getElementById(idDiv).innerHTML=document.getElementById(idDiv).innerHTML+' livello: ';






  //crea la select della selezione livello della lingua
  var nomeLivL='livLingua'+numLingue;
  
  var selectLiv = document.createElement("select");
  selectLiv.setAttribute("name", nomeLivL);
  selectLiv.setAttribute("id", nomeLivL);
  
  document.getElementById(idDiv).appendChild(selectLiv);


 //copio il contenuto della prima select nelle altre
  var selectL1 = document.getElementById("livLingua1");
  selectLiv.innerHTML=selectL1.innerHTML;






  //dopo le due select, nell'id che le comprende, aggiungo un icona per cancellare la div
  //dato che la prima div è un riferimento e non si toglie, non ci metto l'icona del delete
  //e perciò il conteggio delle div qua parte da 1, impostato all'inizio con il num delle lingue
  var nomeDelete='deleteL'+numDelete;
  aggiungiDelete='<img src="icone/per.png" id="'+nomeDelete+'" class="ico">';
  document.getElementById(idDiv).innerHTML=document.getElementById(idDiv).innerHTML+aggiungiDelete;
  alert(this);
  document.getElementById(nomeDelete).onclick=(function(index){return function(){alert(this+'ecco nd '+nomeDelete); var elPadre=index+1; var dl='deleteL'+index; var sl='selectLingua'+elPadre; alert('ecco sl'+sl+'ecco dl'+dl); eliminaQC(dl,sl); numLingue=numLingue-1;}})(numDelete);


}

sintesi: il problema sembra essere il nomeDelete del document.getElementById, che fa vedere l'onclick dell'elimina come se funzionasse solo quello dell'ultimo elemento creato tra le div delle lingue e nei precedenti x non funziona...

come nell'immagine
Cattura1.JPG