[Resolvido] Metodos

[Gerciley 14]

Talvez eu esteja sendo meio redundante, mas eu tenho uma série de tratamentos à fazer com um campo de um formulário, e ao invés de colocar os métodos onclick onLoad onblur etc... no html, queria fazer um script no header da página que buscasse os objetos pelo id e atribuísse suas propriedades, nisto estou tendo dificuldades, vejam abaixo o código.

<script type="text/javascript">
document.getElementById("nome").onfocus(this.value='0');
</script>

 

e no HTML deveria ficar apenas

<input name="nome" id="nome" type="text" value="Digite o Nome" size="30" maxlength="50"/>

 

como são vários métodos por uma questão de "estética-organizacional" de código queria deixar o html mais puro o possível.

Grato a todos.

[JCMais 75]

Isso:

document.getElementById("nome").onfocus(this.value='0');

 

Deveria está assim:

document.getElementById("nome").onfocus = function(){ this.value='0' };

 

Estude Javascript: Event

[macielcr7 9]

<script type="text/javascript">
document.getElementById("nome").onfocus = function(){
  alert('Focus');
};
</script>

[Gerciley 14]

estranho, não está funcionando, pra ter certeza de que a sintaxe está correta copiei o exemplo proposto pelos colegas e o exemplo do link que o JCmais me passou. O que pode estar ocorrendo? no html tenho que referenciar a fução?

[William Bruno 1501]

você precisa que o elemento exista, para só depois começar a atrelar eventos a ele.

 

window.onload = function(){//aguarda o documento carregar

   document.getElementById("nome").onfocus = function(){
     alert('Focus');
  };
};

 

Leia:

http://wbruno.com.br/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

[Gerciley 14]

Valeu cara, Resolvi meu problema...