quarta-feira, 6 de junho de 2007

Post Inicial - Framework Prototype

Olá a todos!! Esse é meu post inicial no blog Ajaxis. O tema principal do blog será tecnologias Web! Principalmente a meninas dos olhos de todos os iniciantes nesta área, o Ajax. Espero a participação de todos os visitantes para comentar os posts, sugerir melhorias e temas para discussão.

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:

Marco Antonio disse...

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.

Anônimo disse...

tudo bem, hide() e show() até sei pra que serve.. agora "toogle" vou ter q procurar em outro blog? auishuiah..

vlw
Tadeu