Para esclarecer algumas dúvidas de alguns colegas, resolvi disponibili aqui no site,
esse exemplo simples de javascript, que em resumo trata-se do uso da atributo “innerHTML”
dos ‘objetos’ xhtml.
exemplo de código: Ao digitar um texto em um ‘input’ do tipo ‘text’ é
alimentado outro ‘objeto’ (nota: no javascript as tags são consideradas como objetos).
1 |
<label id="id_label"></label> |
onde temos:
- Inicialmente temos um ‘label’ vazio que receberá o valor digitado no ‘campo de texto’
- O campo de texto.
- Observem a função “alimentaLabel()” que acontece no evento “onkeyup” (o evento onkeyup ocorre após uma tecla do teclado é ‘precionada’). Ela ainda não existes, vamos criá-la:
1 2 3 4 5 |
function alimentaLabel(){ var idDestino = document.getElementById( "id_label" ); var objOrigem = document.getElementById( "id_campo" ); idDestino.innerHTML = objOrigem.value; } |
Lembrando que:
- A tag ‘script’ dever esta detro da tag ‘head’ do seu documento html
- Observem que a variável javascript ‘idDestino’ recebe o a tag ‘Label’, poderia ser qualquer outra tag ( input text, por exemplo) atrevés do seu identificador: ‘id_label’.
- O mesmo aconteço com a váriável objOrigem, que recebe o campo de origem (input text)
- E abaixo, é acrescentado um conteúdo html (o valor do campo de texto) no ‘Label’ (idDestino) , através do atributo ‘innerHTML’.
é simples ou não??
baixe este exemplo
Pretendo, postar algumas dicas como estas com mais frequencia..
Caso tenham alguma sugestão ou solicitação, é só comentar. um abraço.