getElementById

[fael 1]

Pessoal,

 

Criei a seguinte função:

 

ASP [/tr][tr]

function showAdvancedSearch(id) {

document.getElementById(id).style.visibity="visible";

}

 

[/tr]

 

Chamo assim:

 

ASP [/tr][tr]

onclick="showAdvancedSearch(PesquisaAvancada)"

 

[/tr]

 

Quando executo o onclick, dá um erro dizendo: "Objeto necessário".

 

Tentei debugar com alert, colocando alert(id) antes de executar o document.get... e me retornou "[object]".

 

Alguém saberia me dizer o que há de errado com essa função?

 

Desde já agradeço! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Abraço,

[Leandro Vieira Pinho 0]

Pessoal,

 

Criei a seguinte função:

 

ASP [/tr][tr]

function showAdvancedSearch(id) {

document.getElementById(id).style.display="visible";

}

 

[/tr]

 

Chamo assim:

 

ASP [/tr][tr]

onclick="showAdvancedSearch(PesquisaAvancada)"

 

[/tr]

 

Quando executo o onclick, dá um erro dizendo: "Objeto necessário".

 

Tentei debugar com alert, colocando alert(id) antes de executar o document.get... e me retornou "[object]".

 

Alguém saberia me dizer o que há de errado com essa função?

 

Desde já agradeço! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Abraço,

Tente assim:

 

function Mostra() {

document.getElementById("o_id_aqui").style.display="visible";

}

e chame assim:

 

<a href="java script:;" onclick="Mostra()">Mostrar</a>

[fael 1]

Não existe a valor visible para a propriedade display!!! <_<

[Leandro Vieira Pinho 0]

Não existe a valor visible para a propriedade display!!! <_<

Desculpe me é "block"assim:

function Mostra() {document.getElementById("o_id_aqui").style.display="block";}

para ser vísivel teria que ser assim:

function Mostra() {document.getElementById("o_id_aqui").style.visibility="visible";}

[Marhault 1]

você eskeceu de colocar Aspas simples ao chamar a função...

Faz assim:

onclick="showAdvancedSearch('PesquisaAvancada')"

Flw!

[fael 1]

Valeu pessoal pela ajuda, mas eu consegui fazer um pouco diferente, sem o getElementById.

 

Ficou assim:

 

ASP [/tr][tr]

function alterVisibility(line) {

if ( line.style.display == '' ) {

line.style.display = 'none';

} else {

line.style.display = '';

}

}

 

[/tr]

 

Mas ela não funciona no mozilla, alguém sabe me dizer como eu faço para que funcione em diversos browsers?

[Leandro Vieira Pinho 0]

Valeu pessoal pela ajuda, mas eu consegui fazer um pouco diferente, sem o getElementById.

 

Ficou assim:

 

ASP [/tr][tr]

function alterVisibility(line) {

if ( line.style.display == '' ) {

line.style.display = 'none';

} else {

line.style.display = '';

}

}

 

[/tr]

 

Mas ela não funciona no mozilla, alguém sabe me dizer como eu faço para que funcione em diversos browsers?

Cara, usando o "getElementById" o código fica mais compatível

[fael 1]

O problema é que eu não sei usar uma variável como parâmetro para o getElementById.

 

Por exemplo:

 

ASP [/tr][tr]

function alterVisibility(line) {

if ( document.getElementById(line).style.display == '' ) {

document.getElementById(line).style.display = 'none';

} else {

document.getElementById(line).style.display = '';

}

}

 

[/tr]

 

Se eu colocar assim dá erro, pois o parâmetro tem que estar entre parênteses, e como é uma variável, é dinâmico, quando eu chamar a função eu passo o parâmetro.

[Alex Hiroshi 7]

testou o que o Marhault falou?

<script>function alterVisibility(line) {if ( document.getElementById(line).style.display == '' ) {document.getElementById(line).style.display = 'none';} else {document.getElementById(line).style.display = '';}}</script><input type="button" onclick="alterVisibility('PesquisaAvancada')" value="t" /><div id="PesquisaAvancada" style="display: none;">teste</div>

[fael 1]

Bah, passei batido pelo que ele falou, nem ví mesmo, desculpe aí Marhault! ;)

 

Obrigado a todos! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Um abraço,