[Resolvido] Configurando Botões em ASP.NET

[Tarumã 0]

Olá pessoal, estou começando a trabalhar com ASP.NET e me deparei com uma dúvida que parece ser muito básica, porém não encontrei nada relacionado sobre este tema na Web.

Trabalho com Visual Studio.NET 2008.

Não sei como fazer para que quando o usuário do site passar o mouse em cima do botão, o botão mude de cor, ou imagem, ou o que está escrito fique sublinhado, enfim, aconteça algo no botão.

Também não sei se é possível fazer isso utilizando VisuaStudio http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif .

Preciso da ajuda de vocês!!!! Obrigado!

[xanburzum 169]

você pode atribuir ao botão, imagem etc o evento onMouseOver, verifique nas propriedades do objeto

[hargon 64]

Tópico movido

 

Origem: ASP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Destino: Plataforma .NET > Web Applications

[Dansilver 0]

Facil, existem 2 metodos, um no proprio ASP.NET e outro com javascript

 

Método 1 - ASP.NET

Atribui as propriedades onmouseover e onmouseout ao imagebutton.

 

<asp:ImageButton ID="ImageButton1" runat="server"  onmouseover="this.src='botoes/nome_botao_secundario.gif';" onmouseout="this.src='botoes/nome_botao_primario.gif';"
        ImageUrl="~/botoes/nome_botao_primario.gif" />

Observe que o o modo de indicar o caminho do botão nas propriedades onmouseover e onmouseout é diferente do modo ultilizado na propriedade ImageUrl, nelas não se usa "~/" para indicar o caminho da pasta raiz do projeto.

 

Método 2 - JavaScript

 

JavaScript

 

<script type="text/javascript" language="javascript">
                        imgsrc = new Array();
                        imgsrc[1]="botoes/nome_botao_secundario.gif";
                        imgsrc[2]="botoes/nome_botao_primario.gif";
                       
                        img = new Array();
                        for (i=0; i< imgsrc.length; i++) 
                        {
                          img[i] = new Image();
                          img[i].src=imgsrc[i];
                        }
                        function change(number, picture) 
                        {
                            document[picture].src=img[number].src;
                        }
                    </script>

Botão

<a id="<ID>" href="Default.aspx"  target="_parent"  onmouseover="change('1','m1')" onmouseout= "change('2','m1')" name="m1">
                                    <img alt="" name="m1" src="botoes/nome_botao_primario.gif" border="0" vspace="0" hspace="0" /></a>

você pode me perguntar, por que vou usar JavaScript se o metodo ASP.NET é mais fácil?

 

É que com o metodo javascript as imagens secundárias são carregadas junto a página e não ao passar o mouse por cima do botão, já no asp.net a imagem do botão é carregada na hora em que o usuário passa o mouse por cima do botão, sendo assim, se o botão for um pouco grande ou a internet do usuário for lenta(discada) a imagem vai demorar a aparecer e o efeito não vai ficar muito legal.

 

Bom é isso, espero ter ajudado.

[Tarumã 0]

Ahmm interessante! vou tentar aqui. em breve retornarei com os resultados!!! valeu!! :D

[Tarumã 0]

Facil, existem 2 metodos, um no proprio ASP.NET e outro com javascript

 

Método 1 - ASP.NET

Atribui as propriedades onmouseover e onmouseout ao imagebutton.

 

<asp:ImageButton ID="ImageButton1" runat="server"  onmouseover="this.src='botoes/nome_botao_secundario.gif';" onmouseout="this.src='botoes/nome_botao_primario.gif';"
        ImageUrl="~/botoes/nome_botao_primario.gif" />

Observe que o o modo de indicar o caminho do botão nas propriedades onmouseover e onmouseout é diferente do modo ultilizado na propriedade ImageUrl, nelas não se usa "~/" para indicar o caminho da pasta raiz do projeto.

 

Método 2 - JavaScript

 

JavaScript

 

<script type="text/javascript" language="javascript">
                        imgsrc = new Array();
                        imgsrc[1]="botoes/nome_botao_secundario.gif";
                        imgsrc[2]="botoes/nome_botao_primario.gif";
                       
                        img = new Array();
                        for (i=0; i< imgsrc.length; i++) 
                        {
                          img[i] = new Image();
                          img[i].src=imgsrc[i];
                        }
                        function change(number, picture) 
                        {
                            document[picture].src=img[number].src;
                        }
                    </script>

Botão

<a id="<ID>" href="Default.aspx"  target="_parent"  onmouseover="change('1','m1')" onmouseout= "change('2','m1')" name="m1">
                                    <img alt="" name="m1" src="botoes/nome_botao_primario.gif" border="0" vspace="0" hspace="0" /></a>

você pode me perguntar, por que vou usar JavaScript se o metodo ASP.NET é mais fácil?

 

É que com o metodo javascript as imagens secundárias são carregadas junto a página e não ao passar o mouse por cima do botão, já no asp.net a imagem do botão é carregada na hora em que o usuário passa o mouse por cima do botão, sendo assim, se o botão for um pouco grande ou a internet do usuário for lenta(discada) a imagem vai demorar a aparecer e o efeito não vai ficar muito legal.

 

Bom é isso, espero ter ajudado.

 

 

Pois é cara, tentei fazer aqui, porém não consegui!! rss http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

Não sei se a pasta que estou chamando com as imagens esta errada... no caso eu coloquei algumas imagens dentro de uma pasta chamada imagens, e esta pasta está dentro da pasta WebSite1, que é a pasta raiz do projeto.

daí tentei fazer a chamada da seguinte forma:

Cliquei com o botão direito em cima do nome do projeto, add new exist item, e adicionei as fotos a pasta raiz do projeto.

 

<asp:Button ID="Button1" runat="server" Height="30px" Text="Button" 
            Width="91px" onmouseover = "this.src='imagem1.gif';"/>

 

 

Não sei se fiz da maneira correta. Quanto ao java script, onde devo inseri-lo? dentro de alguma tag ou simplesmente no meio do codigo do body mesmo??

Desculpe a ignorancia mas estou começando agora!!!rsss

Obrigado pela ajuda!

[Tarumã 0]

Ah agora sim! estava cometendo um erro bobo aqui! funcionou perfeitamente!!!

Obrigado pela ajuda!!!

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