[Resolvido] OnClientClick x JavaScript

[Egidio Ramalho 0]

Boa Tarde a todos,

 

Alguem poderia me dizer porque quando descrevo o codigo dentro da propriedade OnClientClick ele funciona beleza

<asp:ImageButton ID="idbtn" runat="server" ImageUrl="images/img.png" OnClientClick="document.getElementById('iddiv').style.visibility = 'visible'; return false;" CssClass="IdClass" />

Mas se eu fizer dessa maneira quando clico no botao o div aparece, mas logo em sequida ele some(acho que da um postback), mas nao sei como contornar isso =/

 

<asp:ImageButton ID="idbtn" runat="server" ImageUrl="images/img.png" OnClientClick="showDiv()" CssClass="IdClass" />

<script type="text/javascript">
function showDiv() {
					document.getElementById('iddiv').style.visibility = 'visible';
					return false;
					}
</script>

Desde ja grato pela atenção,

Egidio Ramalho

[Juliano.net 2]

Não sei o porquê disto, mas faça um teste assim:

 

<asp:ImageButton ID="idbtn" runat="server" ImageUrl="images/img.png" OnClientClick="return showDiv();" CssClass="IdClass" />

Se funcionar, acredito que possamos pensar da seguinte forma.

 

Se você tem um código que é responsável por disparar os eventos JavaScript de controles e em um destes eventos você chama um procedimento que retorna FALSE, isso não quer dizer que você está retornando FALSE no código que dispara dos eventos dos controles.

 

Ex:

 

function ExecuteSomething()
{
ChildMethod(); //Isso não quer dizer que ExecuteSomething() retornará false

//Mas se você fizer
return ChildMethod();
//Ele vai retornar o valor que foi retornado do ChildMethod()
}

function ChildMethod()
{
//Do Something
return false;
}

 

Faça um teste e veja se minha teoria está correta.

[Oenning 0]

That's right! :)

 

Se você vai usar essa imagem só para javascript, sem função no server-side, seria melhor usar a tag <img>, vai salvar processamento no servidor, consequentemente, sua página ficará mais rápida (são poucos milisegundos)

[Egidio Ramalho 0]

Juliano sua teoria estava certa sim! Obrigado pela ajuda. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Oenning o JavaScript em questão é pra mostrar um div, alterar o evento de um botao e alterar umas propriedades de um css aqui.