Jump to content
Fórum Script Brasil
  • 0

Ajuda para Exibir Imagem ao passar o mouse sobre link.

Donnerak

Asked by Donnerak,

 Share

Question

Donnerak

Donnerak

Posted
Posted

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 to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0
Donnerak

Donnerak

Posted
  • Author
Posted (edited)

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.

Edited by Donnerak
Link to comment
Share on other sites
  • 0
fiote

fiote

Posted
Posted

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 to comment
Share on other sites
  • 0
Donnerak

Donnerak

Posted
  • Author
Posted (edited)

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 >";

Edited by Donnerak
Link to comment
Share on other sites
  • 0
JaguA

JaguA

Posted
Posted

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 to comment
Share on other sites
  • 0
Donnerak

Donnerak

Posted
  • Author
Posted
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 to comment
Share on other sites
  • 0
ESerra

ESerra

Posted
Posted 
$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 to comment
Share on other sites
  • 0
JaguA

JaguA

Posted
Posted

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 to comment
Share on other sites
  • 0
Donnerak

Donnerak

Posted
  • Author
Posted (edited) 
$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.

Edited by Donnerak
Link to comment
Share on other sites
  • 0
Donnerak

Donnerak

Posted
  • Author
Posted (edited)
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?

Edited by Donnerak
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing


  • Forum Statistics

    • Total Topics
      150.9k
    • Total Posts
      648.8k
×
×
  • Create New...