terça-feira, 30 de outubro de 2007

Javascript > onLoad não obstrutivo

ehhh... blz galera? bom continuando com a história das 3 camadas (arquivo ".js" - arquivo ".css" - arquivo ".html") vou fazer um post sobre o metodo onLoad, de uma maneira não obstrutiva, ou seja, caso o usuário não tenha o javascript habilitado, ele não interrompe a página nem causa nenhum erro, e ele ainda fuinciona independente de qualquer plataforma ex: IE ou FF, mais uma vez, vamos trabalhar em camadas, um arquivo vai conter todo o javascript e o outro apenas o html

o arquivo javascript, que no meu exemplo chama-se: script.js
_________________________________________

fuction alertando () {
alert('Tesde onLoad')
}

function carrega(nomeFuncao) {
if (window.attachEvent) {
var r = window.attachEvent("onload", nomeFuncao);
return r;
} else if (window.addEventListener) {
window.addEventListener("load", nomeFuncao, false);
return true;
} else {
return false;
}
}
carrega(alertando)
_________________________________________


ja no arquivo ".html" basta importar o javascript para ele colocando a seguinte tag, (eu costumo colocar dentro da tag <head></head>)
_________________________________________
<script src="Scripts/script.js" type="text/javascript"></script>
_________________________________________


Só um ultimo detale, é que a função do onload, serve para chamar outras funções, logo nesse caso ai eu usei uma função alert(), mas poderia usar varias coisas, como ajax, ou outras

Nenhum comentário: