[Resolvido] usar this

[kelvim 11]

oal pessoal .. gostaria de uma explicação com a função this..

ela serve para "pegar" o no q foi selecionado(o objeto q chamou a função pelo onclik)certo???

 

function chamar()
{
	var selecinado = this;

	var nofilho = selecionado.firstChild;
	var local = nofilho.nodeValue;
	alert(local);

}

se o onclick esta em um elemento P logo era pra ser exibido no alert o texto deste elemento...

so q aparece a mensagem..

[object window]

 

o q seria isso??

 

grato

[Thiago Retondar 18]

Tem um erro de digitação aí. Você declarou selecionado. ^_^

 

Assim:

function chamar(){
	var selecionado = this;
	var nofilho = selecionado.firstChild;
	var local = nofilho.nodeValue;
	alert(local);
}

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Maujor 144]

se o onclick esta em um elemento P logo era pra ser exibido no alert o texto deste elemento...

so q aparece a mensagem: [object window]

o q seria isso??

A palavra-chave this refere-se ao objeto ao qual está atrelada a função via um evento qualquer.

Se a função não está atrelada especificamente a um objeto ela se refere ao objeto global [object window].

No seu caso, provavelmente você atrelou a função ao parágrafo usando um evento inline, ou seja, assim:

<p id="para" onclick="chamar()">Texto</p>

Isto não vai funcionar porque a função está sendo chamada a partir de um click no parágrafo, mas não tem como

reconhecer o objeto que a chama (o parágrafo) e assumirá o objeto global [object window].

Se você fizer:

var para = getElementById("para");
para.onclick = chamar;

Estará criando uma cópia da função para atrelar ao evento onclick no parágrafo e agora sim o

alerta será o texto do parágrafo.

[Thiago Retondar 18]

Legal a explicação do Maujor. ^_^

 

Bem, de qualquer forma, se quiser fazer com onclick inline, ou seja, onclick como atributo da tag, pode fazer assim:

 

JavaScript:

function chamar(elem){
	var selecionado = elem;
        var nofilho = selecionado.firstChild;
        var local = nofilho.nodeValue;
        alert(local);

}

HTML:

<p onclick="chamar(this)">Texto aqui</p>

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Maujor 144]

Bem, de qualquer forma, se quiser fazer com onclick inline, ou seja, onclick como atributo da tag, pode fazer assim:

Funciona sim.

Mas, evite usar atributos JavaScript na marcação HTML. Prefira:

ele.onclick = funcao;

[Thiago Retondar 18]

Uhum... Eu também sou bem mais a favor de JavaScript fora da marcação HTML. Acho mais organizado. Mas só quis mostrar para ele como fazer por questões de aprendizados.

 

Mas fica aí a dica, tente sempre separar as coisas. ;)

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[kelvim 11]

Brigaduu galera... http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

Deu certinho..

valew msmo pela ajuda..

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif