Dúvida de HTML: "onmouseover"
-
Olá,
Estou com um problema com uma função “onmouseover” no meu site.
Criei uma área de apoiadores culturais no meu site onde ficam a logo com link para o site.
Para tornar a área mais atrativa, criei um mecanismo para quando o mouse passa em cima da logo, abre uma propaganda maior no centro da tela, tipo um popup.
Mas deu certo com uma logo, se colocar duas, o “onmouseover” só funciona na primeira. Eis o código:
<p style=”text-align: center;”><span style=”font-size: large;”>Apoio Cultural
</p>
<p style=”text-align: center;”><href=”#” onmouseover=”document.getElementById(‘pop’).style.display=’block’;”><href=”#” onmouseout=”document.getElementById(‘pop’).style.display=’none’;”><img class=”aligncenter size-full wp-image-263″ src=”http://www.antroposofy.com.br/forum/wp-content/uploads/2016/03/Fonovital.jpg” alt=”unlock” width=”150″ height=”80″ />
<href=”#” onmouseout=”document.getElementById(‘pop’).style.display=’none’;”>
<head>
<title>Criar uma DIV igual a uma janela Popup</title>
<style>
#pop{display:none;position:fixed; top: 62px; left: 300px;padding:0px;width:796px;height:570px;border:0px solid #000000}
</style>
</head>
<body>
<div id=”pop”><img src=”http://www.antroposofy.com.br/forum/wp-content/uploads/2016/03/Fonovital-popup2.jpg”>
</div>
</body>Ao inserir uma segunda logo – a função “onmouseover” não funciona nesta segunda:
<p style=”text-align: center;”><href=”#” onmouseover=”document.getElementById(‘pop2′).style.display=’block’;”><href=”#” onmouseout=”document.getElementById(‘pop2′).style.display=’none’;”><img class=”aligncenter size-full wp-image-263″ src=”http://www.antroposofy.com.br/forum/wp-content/uploads/2016/03/Bazar-das-Arábias.jpg” alt=”unlock” width=”150″ height=”80″ />
<href=”#” onmouseout=”document.getElementById(‘pop’).style.display=’none’;”>
<head>
<title>Criar uma DIV igual a uma janela Popup</title>
<style>
#pop2{display:none;position:fixed; top: 100px; left: 250px;padding:0px;width:800px;height:400px;border:0px solid #000000}
</style>
</head>
<body>
<div id=”pop2″><img src=”http://www.antroposofy.com.br/forum/wp-content/uploads/2016/03/Bazar-das-Arábias-popup.jpg”
<head></div>
</body>Os códigos independentes funcionam, ou mesmo se utilizar um no widget e outro em uma postagem. Mas juntos, apenas o primeiro tem o “onmouseover” funcionando.
Alguém pode me ajudar?
Obs: Não sei quase nada de programação… foi na garra mesmo
Obrigado
- O tópico ‘Dúvida de HTML: "onmouseover"’ está fechado para novas respostas.