Suporte » Ajustando o WordPress » Dúvida de HTML: "onmouseover"

  • Resolvido leonardo Maia

    (@leonardo-maia)


    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&#8221; 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”&gt;
    </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&#8221; 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&#8221;
    <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

Visualizando 1 resposta (de um total de 1)
  • Moderador Leo Baiano

    (@leobaiano)

    O fórum é para dúvidas de WordPress, para dúvidas HTML sugiro que procure um fórum específico ou de front end.

Visualizando 1 resposta (de um total de 1)
  • O tópico ‘Dúvida de HTML: "onmouseover"’ está fechado para novas respostas.