Ir para conteúdo
Fórum Script Brasil
  • 0

Ajuda para Exibir Imagem ao passar o mouse sobre link.


Donnerak

Pergunta

Boa Tarde

Por gentileza.

O código abaixo cria um link com o nome de um monstro ($m['name']) e a porcentagem de largar um item ($m['dropper']).

o resultado gerado é:

Poeira (0.01%) que no caso é o link.

quando eu passar o mouse sobre Poeira (0.01%) eu gostaria que aparecesse a imagem do monstro poeira que no caso seria pego com o link:

http://site.com/media/monster/$m['id'].gif
$alice .= "<a href=\"http://" . "/site.com/?act=teste". $m['id'] ."\">". $m['name'] ."</a>$mBind (". $m['dropper'] ."%) -- ";

Agradeço a colaboração.

Link para o comentário
Compartilhar em outros sites

12 respostass a esta questão

Posts Recomendados

  • 0

Tentei usando:

&lt;script language="Javascript">
<!--
function ShowPicture(id,Source) {
if (Source=="1"){
if (document.layers) document.layers[''+id+''].visibility = "show"
else if (document.all) document.all[''+id+''].style.visibility = "visible"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible"
}
else
if (Source=="0"){
if (document.layers) document.layers[''+id+''].visibility = "hide"
else if (document.all) document.all[''+id+''].style.visibility = "hidden"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"
}
}
//-->
</script>
<style type="text/css">
#Style {
position:absolute; 
visibility:hidden;
border:solid 1px #CCC;
padding:5px;

}
</style>
$alice .= "<a href=\"http://" . "/site.com/?act=mobsearch&cid=ON&id=". $m['id'] ."\">". $m['name'] ." onMouseOver="ShowPicture('Style',1)" onMouseOut="ShowPicture('Style',0)</a><div id="Style">$mBind (". $m['dropper'] ."%) -- "</div>;

Nmylx.png

Alguém poderia dar uma revisada onde eu errei...

obrigado.

Editado por Donnerak
Link para o comentário
Compartilhar em outros sites

  • 0

Qual editor você usa pra programar o PHP? Colei seu texto no notepad++ e pelo highlight ficou claro aonde está dando problema.

Sério, que porr de código é esse lol? Tá tipo assim:

<a href='http://link.com'>algum texto onMouseOver="funcao1()" onMouseOut="funcao2()" </a>

WTF

Link para o comentário
Compartilhar em outros sites

  • 0

Uso o notepad++ e estou tentando colocar a função onmouseover citada acima... como sou iniciante em php tenho dificuldades.

Essa é a função que gera o link Poeira (0.01%) e funciona certinho.

$alice .= "<a href=\"http://" . "/site.com/?act=mobsearch&cid=ON&id=". $m['id'] ."\">". $m['name'] ."</a>$mBind (". $m['dropper'] ."%) --";
Não sei onde e como colocar o onmouseover para quando eu passar o mouse sobre Poeira (0.01%) que no caso é o link, aparecer a imagem. a busca da imagem que deve aparecer estou fazendo com:
$image = "<img src=/media/monster/{$m['id']}.gif >";

Editado por Donnerak
Link para o comentário
Compartilhar em outros sites

  • 0

a função está certo você so fez errado e bem errado, o que as vezes dexa agente perplexo e saber que em quase todo post é mostrando cmo se faz isso o conteudo relacionado a determinando assuntos é muito gigante e tem pessoas que não querem ao menos fazer uma pesuisa basica que no caso é o suficiente...

bem no seu caso é o seguinte vou por um exemplo e vocÊ faz ai.

Você fez assim.

<a href='http://link.com'>algum texto onMouseOver="funcao1()" onMouseOut="funcao2()" </a>
o certo é assim
<a href="http://site.com" onMouseOver="funcao1()" onMouseOut="funcao2()"> ALGUM TEXTO </a>

conseguio entende onde ta o erro?

toda função JavaScript deve ser na Tag de elemento HTML. ou no proprio scrit Javascript mas não é o caso.

Link para o comentário
Compartilhar em outros sites

  • 0
a função está certo você so fez errado e bem errado, o que as vezes dexa agente perplexo e saber que em quase todo post é mostrando cmo se faz isso o conteudo relacionado a determinando assuntos é muito gigante e tem pessoas que não querem ao menos fazer uma pesuisa basica que no caso é o suficiente...

bem no seu caso é o seguinte vou por um exemplo e vocÊ faz ai.

Você fez assim.

<a href='http://link.com'>algum texto onMouseOver="funcao1()" onMouseOut="funcao2()" </a>
o certo é assim
<a href="http://site.com" onMouseOver="funcao1()" onMouseOut="funcao2()"> ALGUM TEXTO </a>
conseguio entende onde ta o erro? toda função JavaScript deve ser na Tag de elemento HTML. ou no proprio scrit Javascript mas não é o caso.
Concordo contigo que tem muito conteúdo sobre isso tanto aqui, quanto no google... porém antes de pedir ajuda eu esgoto todas as minhas tentativas e resolver sozinho... E neste caso eu não consegui fazer o onmouseover funcionar dentro do php. Veja como estou colocando, e onde eu estou errando por favor... Assim exibe os links certinhos mas sem a imagem porque não botei o onmouseover
$alice .= "<a href=\"http://" . "/site.com/?act=mobsearch&cid=ON&id=". $m['id'] ."\">". $m['name'] ."</a>$mBind (". $m['dropper'] ."%) --  <div id='Style'>$image</div>";
Assim da erro: "Parse error: syntax error, unexpected T_STRING in"
$alice .= "<a href=\"http://" . "/site.com/?act=mobsearch&cid=ON&id=". $m['id'] ."\" onMouseOver="ShowPicture('Style',1)" onMouseOut="ShowPicture('Style',0)'>". $m['name'] ."</a>$mBind (". $m['dropper'] ."%) --  <div id='Style'>$image</div>";

Obrigado

Link para o comentário
Compartilhar em outros sites

  • 0
$alice .= "<a href=\"http://" . "/site.com/?act=mobsearch&cid=ON&id=". $m['id'] ."\" onMouseOver=\"ShowPicture('Style',1);\" onMouseOut=\"ShowPicture('Style',0);\">". $m['name'] ."</a>$mBind (". $m['dropper'] ."%) --  <div id='Style'>$image</div>";

Link para o comentário
Compartilhar em outros sites

  • 0

Cara ta uma concatenção mt foda aqui hein ...

bem eu acho que é sua aspa simples no final do onMouseOut ele foi aberta com aspa dupla então deve se fecha com aspa duplas como vocÊ fez na chamada do onMouseOver.

olha.

$alice .= "<a href=\"http://" . "/site.com/?act=mobsearch&cid=ON&id=". $m['id']."\" onMouseOver=ShowPicture('Style',1)" onMouseOut="ShowPicture('Style',0)'>". $m['name] ."</a>$mBind (". $m['dropper'] ."%) -- <div id='Style'>$image</div>";

Link para o comentário
Compartilhar em outros sites

  • 0
$alice .= "<a href=\"http://" . "/site.com/?act=mobsearch&cid=ON&id=". $m['id'] ."\" onMouseOver=\"ShowPicture('Style',1);\" onMouseOut=\"ShowPicture('Style',0);\">". $m['name'] ."</a>$mBind (". $m['dropper'] ."%) --  <div id='Style'>$image</div>";

Fiz como você postou e deu certo, ao passar o mouse por cima da imagem ela mostra a div certinho com a imagem do monstro dentro. Porém se eu tenho 3 links ele está fazendo isso:

Link1: Poeira (10%) - Aparece a imagem do monstro poeira perfeitamente.

Link2: Poring (20%) - Aparece a imagem da poeira

Link3: Baphomet (7%) - Aparece a imagem da poeira

Modifiquei a posição da DIV para antes do link mas não obtive sucesso.

Editado por Donnerak
Link para o comentário
Compartilhar em outros sites

  • 0
Ai já é problema de HTML... IDs são únicos, você não vai poder ter mais de uma div com o mesmo id...

Entendi. modifiquei aqui para:

Esse $m['id'] é quem pega o nome da imagem como você deve ter reparado.

$alice .= "<a href=\"http://" . "site.com/?act=mobsearch&cid=ON&id=". $m['id'] ."\" onMouseOver=\"ShowPicture('Style',1);\" onMouseOut=\"ShowPicture('Style',0);\">". $m['name'] ."</a>$mBind (". $m['dropper'] ."%) --  <div id='Style'><img src=/media/monster/{$m['id']}.gif></div>";
Veja o que está gerando a página:
<td colspan="5" class="td_center mobdrops">
<a href="http://site.com/?act=mobsearch&cid=ON&id=1149" onMouseOver="ShowPicture('Style',1);" onMouseOut="ShowPicture('Style',0);">Minorous</a> (0.1%) --  <div id='Style'><img src=/media/monster/1149.gif></div>
<a href="http://site.com/?act=mobsearch&cid=ON&id=1110" onMouseOver="ShowPicture('Style',1);" onMouseOut="ShowPicture('Style',0);">Dokebi</a> (0.05%) --  <div id='Style'><img src=/media/monster/1110.gif></di</td>
    </tr>

Ele muda certinho o nome da imagem porém ao passar o mouse não modifica, será que tem algo a ver com o local que esta a parte do código da imagem?

Editado por Donnerak
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...