Visualizzazione dei risultati da 1 a 3 su 3

Discussione: innerhtml e tabelle

  1. #1

    innerhtml e tabelle

    Nuovamente buongiorno a tutti.
    Sono di fronte a un problema al quale non so trovar soluzione..
    questo è il mio codice html:
    codice:
    <html>
    <head>
    <title>Discografie Musicali</title>
    <script type="text/javascript">
    function AggiungiRiga(n_righe){
    	var numero_righe = n_righe.value;
    	var box = document.getElementById('box_righe');
    	if(isNaN(numero_righe)==true){
    		box.innerHTML='';
    	}else{
    	    var righe = ""; var righe1 = ""; var righe2 = ""; var righe3 = ""; var righe4 = ""; var righe5 = "";
    		for(i=1; i<=numero_righe; i++){
    		    righe = "<table border='0'><tr><td>"+righe+""+i+"° Titolo Album:</td><td><input type='text' name='album"+i+" size='20'></td></tr>"
    			+"<tr><td>"+righe2+""+i+"° Anno:</td><td><input type='text' name='anno"+i+" size='20'></td></tr>"
    			+"<tr><td>"+righe3+""+i+"° Link Immagine:</td><td><input type='text' name='img"+i+" size='20'></td></tr>"
    			+"<tr><td>"+righe4+""+i+"° Artista Aggiuntivo:</td><td><input type='text' name='qualita"+i+" size='20'></td></tr>"
    			+"<tr><td>"+righe5+""+i+"° Durata:</td><td><input type='text' name='dim"+i+" size='20'></td></tr></table>";
    		}
    		box.innerHTML=righe;
    	}
    }
    </script>
    </head>
    
    <body>
    <h2>Discografie Musicali</h2>
    <form method="post" action="#" name="form1">
    <table border="0">
    <tr><td>Quanti Album?</td><td><input type="text" name="righe" maxlength="2" onkeyup="AggiungiRiga(this)"/></td></tr>
    </table>
    <span id='box_righe'>
    
    </span>
    </table>
    </form>
    </body>
    </html>
    Praticamente devo compilare dei campi con tanti album quanti vengono inseriti nel nel campo testo "righe".
    Tutto funziona alla perfezione ma io vorrei inserire poi il tutto in una tabella in modo da organizzare l'output ma cosa succede:
    con la funzione AggiungiRiga fatta come dal codice sopra la tabella viene completamente sfasata. Se invece cambio la funzione spostando il <table> in questo modo:
    codice:
    righe = "<tr><td>"+righe+""+i+"° Titolo Album:</td><td><input type='text' name='album"+i+" size='20'></td></tr><table border='0'>"
    			+"<tr><td>"+righe2+""+i+"° Anno:</td><td><input type='text' name='anno"+i+" size='20'></td></tr>"
    ovvero dopo la prima riga che deve esser visualizzata ottengo la tabella perfetta ma ovviamente senza la prima riga intabellata.

    Secondo voi dove sto sbagliando?

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Ma, quando devi aggiungere o modificare strutture esistenti meglio usare il DOM manipolare elementi
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    provo a darci un occhio grazie

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.