Monday,July 11, 2005
Brincando de DOM e JavaScript - Parte 1
Uala!!
Sabe que existem coisas legais para se fazer com DOM (Document Object Model)? Basta o desenvolvedor ter um pouquinho de vontade e criatividade para criar uma “coisinhas legais”, fiz um scriptzinho simples que cria campos dinamicamente só para ter um exemplo.
funcao javascript:
formulario = {
adicionarCampo : function (f, n, t) {
var input = document.createElement(’INPUT’);
with (input) {
if (document.all) { type = t; name = n; } // versoes de browser
else if (document.getElementById) { setAttribute(’type’, t); setAttribute(’name’, n); }
}
f.appendChild(input);
}
}
adicionarCampo : function (f, n, t) {
var input = document.createElement(’INPUT’);
with (input) {
if (document.all) { type = t; name = n; } // versoes de browser
else if (document.getElementById) { setAttribute(’type’, t); setAttribute(’name’, n); }
}
f.appendChild(input);
}
}
modo de uso:
formulario.adicionarCampo(nomeform, ‘nomecampo’, ‘text’); //adiciona um campo text
Nos próximos posts vou escrever mais sobre o assunto e apresentando algumas soluções mais complexas
Alguns links sobre o assunto.
- Dynamic HTML: The Definitive Reference2nd Edition
- W3 Document Object Model
- Einfache JavaScript DOM Library
- DOM tables
- The Document Object Model (DOM)
E ae tudo bem??? procurando por algumas funçoes para estudo encontrei essa sua função de criar campos dinamicamente, porem ja tentei de diversas formas e não to conseguindo…
qnd peço para o FF testar no console de erro aparece:
Erro: f.appendChild is not a function
Arquivo-fonte: http://localhost/teste.html
Linha: 21
pq esta tendo esse erro??? eu troquei todos ´ por ‘
fico muito agradecido se puder me ajudar.
Opa! Amigo, por favor, mande uma url valida para que eu possa lhe ajudar!