1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

problem javascript

Discussão em 'Web Development' iniciada por alfinete, 30 de Setembro de 2008. (Respostas: 2; Visualizações: 440)

  1. alfinete

    alfinete Power Member

    Código:
    // JScript File
    
    var coluna1="";
    var coluna2="";
    
    
        function getcolunas()
        {
        coluna1 = document.getElementbyId('Txt1').value;
        coluna2 = document.getElementbyId('Txt2').value;
        
        }
    
    
        function acrescenta_linha()
        {
        alert("teste");
        var coluna1 = document.getElementbyId('txt1').value;
          alert(coluna1);
        coluna2 = document.getElementbyId('Txt2').value;
          
               if (!document.getElementsByTagName) return;
               tabBody=document.getElementsByTagName("TBODY").item(0);
                row=document.createElement("TR");
                //cria tds
                cell1 = document.createElement("TD");
                cell2 = document.createElement("TD");
                
                
                textnode1=document.createTextNode(coluna1);
                textnode2=document.createTextNode(coluna2);
    
                
                
                cell1.appendChild(textnode1);
                cell2.appendChild(textnode2);
                
                row.appendChild(cell1);
                row.appendChild(cell2);
                tabBody.appendChild(row);
               
           
        }
    
    
    Código:
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title >teste</title>
      <script type="text/javascript" src="tabelainserir.js"></script>
    
    
    </head>
    <body>
        <input id="txt1" type="text" /> <br />
        <input id="txt2" type="text" />  <button onclick="javascript:acrescenta_linha();return false;">Inserir</button>
    
        <table border='1' id='mytable'>
            <tbody>
                <tr>
                    <td>
                       Nome</td>
                    <td>
                       Idade</td>
                </tr>
                
            </tbody>
        </table>
        
    </body>
    </html>
    
    
    como estão a ver a promeirra vista esta tdo bem..

    mas o "alert(coluna1);" não passa , dá erro de object doesn't suport this method

    agradecia um helo
     
  2. Armadillo

    Armadillo Folding Member

    minusculas/maiusculas do getElementbyId e o Txt2

    Código:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title >teste</title>
      <script type="text/javascript">
    
    var coluna1="";
    var coluna2="";
    
    
        function getcolunas()
        {
        coluna1 = document.getElementById('txt1').value;
        coluna2 = document.getElementById('txt2').value;
        
        }
    
    
        function acrescenta_linha()
        {
        alert("teste");
        var coluna1 = document.getElementById('txt1').value;
          alert(coluna1);
        coluna2 = document.getElementById('txt2').value;
          
               if (!document.getElementsByTagName) return;
               tabBody=document.getElementsByTagName("TBODY").item(0);
                row=document.createElement("TR");
                //cria tds
                cell1 = document.createElement("TD");
                cell2 = document.createElement("TD");
                
                
                textnode1=document.createTextNode(coluna1);
                textnode2=document.createTextNode(coluna2);
    
                
                
                cell1.appendChild(textnode1);
                cell2.appendChild(textnode2);
                
                row.appendChild(cell1);
                row.appendChild(cell2);
                tabBody.appendChild(row);
               
           
        }
    </script>
    
    
    </head>
    <body>
        <input id="txt1" type="text" /> <br />
        <input id="txt2" type="text" />  <button onclick="javascript:acrescenta_linha();return false;">Inserir</button>
    
        <table border='1' id='mytable'>
            <tbody>
                <tr>
                    <td>
                       Nome</td>
                    <td>
                       Idade</td>
                </tr>
                
            </tbody>
        </table>
        
    </body>
    </html>
    
    ja funca :D

    cumps
     
    Última edição: 30 de Setembro de 2008
  3. alfinete

    alfinete Power Member

Partilhar esta Página