Início > Desenvolvimento > Easy Dom Creator

Easy Dom Creator

Para utilizar esse método poderoso e dinâmico para criar html com o javascript, basta acessar o site do projeto:

http://mg.to/2006/02/27/easy-dom-creation-for-jquery-and-prototype

Criar um arquivo js com o script: easy_com_creator.js

Após chamar o arquivo js é só começar a usar, não esquecendo sempre de dar um “.appendChild” no final da função, segue exemplo da criação de uma tabela simples com duas colunas e um link:

<script>
adicionar: function(){
var table =
               $.TABLE({ Class:"MyTable" },
                  $.TBODY({},
                     $.TR({ Class:"MyTableRow" },
                        $.TD({ Class:"MyTableCol1" }, 'howdy' ),
                        $.TD({ Class:"MyTableCol2" },
                           'Link: ',
                           $.A({ Class:"MyLink", href:"http://www.example.com" },
                              'example.com'
                           )
                        )
                     )
                  )
               );
        $("horario").appendChild(table);
}
</script>

O appendChild adiciona o objeto criado a uma div ou outro objeto do formulário, para remover o objeto dinâmicamente com o javascript, é preciso utilizar removeChild, segue exemplo:

<script>
remover: function(){
     table.parentNode.removeChild(table);
}
</script>
  1. Ainda sem comentários.
  1. No trackbacks yet.

Deixe uma Resposta

Preencha os seus detalhes abaixo ou clique num ícone para iniciar sessão:

Logótipo da WordPress.com

Está a comentar usando a sua conta WordPress.com Terminar Sessão / Alterar )

Imagem do Twitter

Está a comentar usando a sua conta Twitter Terminar Sessão / Alterar )

Facebook photo

Está a comentar usando a sua conta Facebook Terminar Sessão / Alterar )

Google+ photo

Está a comentar usando a sua conta Google+ Terminar Sessão / Alterar )

Connecting to %s

%d bloggers like this: