Criar tabela dinâmica

Criar menu de contexto

Como criar um menu de contexto ao clicar com o botão direito do mouse:

Criar title com quebra de linha

Bom pessoal, o atributo title de qualquer elemento html não suporta quebra de linha nem formatação, o que se pode fazer é improvisar usando css.

Leia mais...

Adicione o PageRank no seu site

Para calcular o PageRank do seu site, basta inserir as tags :

<a href= 'http://www.fabiopaiva.com/?option=com_content&view=article&id=105:adicione-o-pagerank-no-seu-site&catid=45&Itemid=109?url=www.seusite.com.br' target="_blank">
	<img src="http://www.fabiopaiva.com/rank.php?url=www.seusite.com.br" alt="PageRank" border="0" />
</a>

Leia mais...

Criar tabela dinâmica

No tutorial seguinte veremos como criar tabelas dinamicamente usando DOM - Document Object Model.
As tabela dinâmicas são bem úteis na criação de sistemas web como por exemplo na inserção de dados em uma grade.

Leia mais...

Criar tabela dinâmica

<html>
<head>
   <script type="text/javascript">
    function cria_tabela()
      {
      var tab = document.createElement("table"); // cria a tabela
      var tbody = document.createElement("tbody"); // cria o elemento tbdoy, sem ele não funciona no IE
      var tr = document.createElement("tr"); // cria a linha
      var td = document.createElement("td"); // cria a célula
      var txt = document.createTextNode("Texto da célula");// cria o conteúdo da célula
      td.appendChild(txt); // insere o texto na célula
      tr.appendChild(td); //insere a célula na linha
      td = document.createElement("td"); // cria outra célula
      txt = document.createTextNode("Texto da célula");// cria o conteúdo da célula
      td.appendChild(txt); // insere o texto na célula
      tr.appendChild(td); //insere a célula na linha
      tbody.appendChild(tr); // insere a linha no tbody
      tab.appendChild(tbody); // insere o tbody na tabela
      tab.setAttribute("border","1");
      document.getElementById("camada").appendChild(tab); // e finalmente insere a tabela em uma camada já existente
      }
    </script>
</head>

<body>
    <div id="camada">
    </div>

    <input type="button" onClick="cria_tabela()"
    value="Criar tabela">

</body>
</html>