Para iniciar, vou mostrar como utilizar o framework prototype. O seu objetivo principal é agilizar e facilitar o desenvolvimento de aplicação web 2.0 usando Ajax, adicionando diversas extensões ao DOM. Neste site você encontra um excelente e completo tutorial sobre o prototype. Para começar a vamos conhecer a função $():
$(): Um atalho para o document.getElementById() do DOM em javascript. Muito mais que apenas retornar um elemento HTML, a função $() adiciona alguns métodos extras ao objeto retornado como hide(), show() e toggle() pra esconder e exibir elementos.
Ex:
<div id="minhadiv">conteúdo</div>
<a href="#" onclick="teste();">Esconder / Mostrar</a>
<script>
function teste(){
$('minhadiv').toggle();
}
</script>
2 comentários:
Gostei do seu artigo e descobri que o document.getElementById() pode ser substituido por $() coisa que nao sabia ate entao e estava quebrando a cabeça pra descobrir o porque aparecia o "cifrão" nos tutoriais na internet... foi de grande ajuda... Obrigado.
tudo bem, hide() e show() até sei pra que serve.. agora "toogle" vou ter q procurar em outro blog? auishuiah..
vlw
Tadeu
Postar um comentário