Problema innerHTML chiusura DIV

**Alifuma92** · 07-07-2014, 22:43

Ciao a tutti! ho questa semplice funzione che mi permette di creare un elenco. Fa tutto a dovere creando l'elenco puntato, ma non chiude il <div> come vorrei.
Ho dato un bordo di un pixel per vedere se funzionava e in effetti il problema è che crea un div bordato vuoto e sotto, al di fuori del div, crea l'elenco.
Se fosse corretto dovrei avere il bordo che circonda tutto l'elenco puntato.

Ecco la funzione

codice:

	  <script>
	     
	  function crea(){
	  	
		  var elementi = document.getElementById('elementi').value;
		  
		  var box = document.getElementById('a');
		  
		  box.innerHTML+="<div style='border:1px solid black;'>ciao<ul>";
		  
		  var i;
		  
		  for(i=1;i<=elementi;i++){
		  	
			  box.innerHTML+="<li>"+i+"</li>";
			
		  }
		  
		  box.innerHTML+="</ul></div>";
		
	  }
	  
	  </script>

Grazie in anticipo a tutti!

**cavicchiandrea** · 07-07-2014, 22:53

ID a cos'è e cosa contiene inizialmente?

**Alifuma92** · 07-07-2014, 22:56

É un div. e contiene una scritta tra i tag "P".
ho provato anche a partire dal div "a" vuoto ma da lo stesso problema.

**cavicchiandrea** · 07-07-2014, 23:03

E' un problema css verifica che i contenitori ( figli e/o padri ) siano formattati bene, al limite metto un link alla pagina pubblica

**Alifuma92** · 07-07-2014, 23:13

mi sembra a posto... posto l'intero codice della pagina:

codice:

<html>


  <head>


      
      <link href="css/bootstrap.min.css" rel="stylesheet">      




      
      <script>
         
      function crea_barra(){
          
          var elementi = document.getElementById('elementi').value;
          
          var box = document.getElementById('a');
          
          box.innerHTML+="<div style='border:1px solid black;'>ciao<ul>";
          
          var i;
          
          for(i=1;i<=elementi;i++){
              
              box.innerHTML+="<li>"+i+"</li>";
            
            
          }
          
          box.innerHTML+="</ul></div>";
        
      }
      
      
      
      </script>


  </head>


  <body>
  
  
  <div class="container">
      
      <div class="row">
          
          <div class="col-xs-3">
              
              <input type="text" id="elementi" onchange="crea_barra()">
              
          </div>
          
          <div class="col-xs-9" id="a">
            <p>Prova</p>
          </div>
              
       </div>          
    
   </div>      
          
  </body>
</html>

**cavicchiandrea** · 07-07-2014, 23:36

Insisto per l'ultima volta e un problema css non conoscendo "col-xs-9" impossibile ventilare ipotesi

**Vindav** · 08-07-2014, 11:34

prova cosi:

codice:

  box.innerHTML+="<div style='border:1px solid black;'>ciao<ul id="myul"></ul></div>";
for(i=1;i<=elementi;i++){
              
              document.getElementById("myul").innerHTML+="<li>"+i+"</li>";
            
            
          }

**Alifuma92** · 08-07-2014, 13:37

FUNZIONA! grazie mille VINDAV!

Discussione: Problema innerHTML chiusura DIV

Strumenti discussione

Ricerca discussione

Visualizza

Problema innerHTML chiusura DIV

Permessi di invio