onmouse - tabela

Thiago Gema · Julho 5, 2008

Boa noite Pessoal!

Estou precisando de uma pequena ajuda, tenho um botão que gostaria de colocar a função onmouse, porém preciso que ele mude a imagem que esta de fundo da tabela, minha dúvida, como posso definir isso no java abaixo, esse script funciona normalmente com "img src=", mas com o "background=" não funciona.

SCRIPT:

<script>
function index_link()
{
img.src="img/index_fundo_02.jpg"
}
function index()
{
img.src="img/index_fundo_01.jpg"
}
</SCRIPT>

TABELA:

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="700" id="AutoNumber1" height="300" background="img/index_fundo_01.jpg">

BOTÃO-LINK:

<td width="340" height="100" align="right">
<a href="thiagogema.htm" onMouseOver="index_link()" onMouseOut="index()" >
<img border="0" src="img/thiagogema3.png" width="108" height="20"></a></td>

Obrigado pela atenção !

Abraços !

Editado Julho 5, 2008 por fercosmig
Adiconar tag CODE

seth · Julho 5, 2008

Porque não tenta usar propriedades CSS?

No caso, use:

#id da tebela { background-image: url(image.formato); }

Então mude com java script:

document.getElementById('id da tabela').style.background.image.url = "caminho"

Não tenho certeza se essa parte tá certa, mas só pra você ter idéia mesmo ^_^

falou E VLW!

Thiago Gema · Julho 5, 2008

Amigo obrigado pela idéia, o problema q não não sei fazer isso, estou começando com java, e por isso que estou perdido...rs

Como eu poderia ter esse efeito utilizando o CSS?

Obrigado !

Thiago Gema · Julho 6, 2008

Achei isso:

<a href="pagina.html"

onmouseout="document.bgColor='FFFFFF'"

onmouseover="document.bgColor=000000'">Teste</a>

Como faço para trocar a imagem e não a cor?

Alguma dica?

KaKarotto · Julho 6, 2008

Thiagão, pra acabar com a dúvida, eu fiz um exemplo bem facinho :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">

        <head>
                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                <title></title>

                <style>

                </style>
                <link rel="stylesheet" type="text/css" href="" media="screen" />
                <script type="text/javascript">

                window.onload=function(){
                 var tabela=document.getElementById("tabela")

                 tabela.onmouseover=function(){
                  tabela.style.background="url(minha/imagem.jpg)"
                 }
                 tabela.onmouseout=function(){
                  this.style.background="url(minha/imagem-out.jpg)"
                 }

                }
                </script>
        </head>

        <body>
        <table border="1" id="tabela">
        <tr>
        <td>Teste</td>
        <td>Teste</td>
        <td>Teste</td>
        </tr>

        <tr>
        <td>Teste</td>
        <td>Teste</td>
        <td>Teste</td>
        </tr>

        <tr>
        <td>Teste</td>
        <td>Teste</td>
        <td>Teste</td>
        </tr>


        </table>


        </body>
</html>
[/codebox]

Só mudar o caminho das imagens.

Abraço

Thiago Gema · Julho 7, 2008

Amigão, obrigado mesmo, mas preciso do onmouse fora da tabela, quando eu passar o mouse ele muda a img da tabela que esta em outro pondo da pagina e não dentro dela.

Entrar

onmouse - tabela

Pergunta

Thiago Gema

Link para o comentário

Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

seth

Link para o comentário

Compartilhar em outros sites

Thiago Gema

Link para o comentário

Compartilhar em outros sites

Thiago Gema

Link para o comentário

Compartilhar em outros sites

KaKarotto

Link para o comentário

Compartilhar em outros sites

Thiago Gema

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades