Abrir uma pagina em uma div por meio do evento onmouseover

[rafael.ind 0]

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 Violato 0]

Você pode utilizar iframe para "embedar" esta página, colocando no atributo src do iframe o endereço em questão.

Se for um template de html, vc pode utilizar ajax pra fazer a chamada deste arquivo de template e injetar o código html retornado dentro desta div.