Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2004
    Messaggi
    32

    Problema generazione righe

    Ho questo codice:

    <script language="JavaScript" type="text/javascript">
    <!--
    var indice=1;


    function inserisci_riga()
    {
    if(document.getElementById && document.createTextNode)
    {
    //alert(document.getElementById('tabella'));
    testo1 = document.createTextNode("colonna")

    //creazione del input
    box = document.createElement("input");
    box.setAttribute('type','text');
    box.setAttribute('title','aggiungi allegato');
    box.setAttribute('name','testo'+indice);
    indice++;

    //creazione degli elementi da inserire nella nuova riga
    riga = document.createElement("tr")
    col1 = document.createElement("td")
    col2 = document.createElement("td")
    col3 = document.createElement("td")

    //inserimento del input type nella colonna
    col1.appendChild(box)
    col2.appendChild(testo1)

    //inserimento di "nodi" nella riga
    riga.appendChild(col1)
    riga.appendChild(col2)
    riga.appendChild(col3)

    document.getElementById('tabella').appendChild(rig a)
    }
    }

    -->
    </script>
    <form action="provajs.php" method="get" name="form1">
    <table border="1" width="80%">
    <tr>
    <td>colonna1</td>
    <td>colonna2</td>
    <td> aggiungi
    <input type="button" value="+" onclick="inserisci_riga();">

    </td>
    </tr>
    <tr id="last_row">
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td colspan="3">
    <table border="1" id="tabella" width="100%">
    <tr>
    <td width="33%"><input type="text" name="testo0"></td>
    <td width="33%">colonna</td>
    <td width="34%"></td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td colspan="3">
    <input type="submit" name="submit" value="invia">
    </td>
    </tr>
    </table>
    </form>

    Ogni volta che viene cliccato il pulsante + genera una riga con 3 colonne all'interno della tabella con id="tabella".

    Il problema sta nel fatto che lo script funziona solo su FireFox e non su Explorer.

    Ho controllato anche se Explorer dava qualche errore di incompatibilità di metodi o proprietà ma niente!!
    Non sò più che fare!!!
    Qualcuno mi può aiutare??

  2. #2
    Utente di HTML.it L'avatar di badaze
    Registrato dal
    Jun 2002
    residenza
    Lyon
    Messaggi
    5,372
    Questo dovrebbe funzionare sia per IE che per Firefox.

    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html>
    <head>
    <title>Untitled</title>
    <script language="JavaScript" type="text/javascript">
    <!--
    function addRow(aTable) {
     newRow      = aTable.insertRow(-1);
     //----------- Cella 1
     newCell             = newRow.insertCell(-1);
     newCell.className   = "calBtn";
     newCell.innerHTML   = '<input type=button class=calBtn value="<<" onclick="changeCal(previousYear,currentMonth+1)">';
     newCell.align       = "center";	 
     newCell.vAlign      = "top"; 
     //----------- Cella 2
     newCell             = newRow.insertCell(-1);
     newCell.className   = "calBtn";
     newCell.innerHTML   = '<input type=button class=calBtn value="<" onclick="changeCal(currentYear,previousMonth+1)">';
     newCell.align       = "center";	 
     newCell.vAlign      = "top";  
     //----------- Cella 1
     newCell             = newRow.insertCell(-1);
     newCell.className   = "calBtn";
     newCell.innerHTML   = '<input type=button class=calBtn value="<<" onclick="changeCal(previousYear,currentMonth+1)">';
     newCell.align       = "center";	 
     newCell.vAlign      = "top";  
    }
    //-->
    </script>
    
    </head>
    <body>
    <table id="tabella" border="1">
    <tr>
    <td>AAAAA</td><td>BBBBB</td><td>CCCCC</td>
    </tr>
    </table>
    
    
    <input type="button" value="Inserisci" onclick="addRow(document.getElementById('tabella'))";
    
    
    
    </body>
    </html>

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2004
    Messaggi
    32
    Funziona!!!Grazie 1000

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.