1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Abrir uma pagina em uma div por meio do evento onmouseover

E ai galera, tudo bem?

Estou desenvolvendo um jogo online e preciso de uma grande ajuda!!! É o seguinte, quando uma imagem for arrastada e ao ser solta em uma determinada DIV preciso que ela abra uma pagina.

Esse é o código do conteúdo de arraste utilizando JQueryUi:

<div id="casaA"
        ondrop="return dragDrop(event)"
        ondragover="return dragOver(event)">

          <img id="jogador" src="imagens/jogador.png"
            draggable="true" ondragstart="return dragStart(event)">
          </div>

Essa é a função javascript usando a pagina do Google como teste:

function abrircasa(ev){
      var pagina ='javascript:location.href="http://google.com"';
      ev.document.getElementById(pagina);
    }

E essa é uma DIV que recebe o conteúdo arrastado:

<div id="casaC"
          ondrop="return dragDrop(event)"
          ondragover="return dragOver(event)"
          onmouseover(abrircasa)>
        </div>

Esses códigos não funcionam! Alguém pode me ajudar a resolve-los?

  • Rafael, seria somente abrir uma nova página? Um: window.open("http://google.com"); não resolveria? Ou vc quer abrir uma página dentro da DIV? Se for dentro da div, terá que utilizar um iframe

    Romero Dias   30 de mai de 2014
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

0 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags javascript jquery div ou faça a sua própria pergunta.