Olá pessoas sou novato aqui no fórum de vocês... Tenho uma dúvida em relação a JavaScript que seria a seguinte:
Montei uma página com imagens, e fiz delas links em HTML mesmo. Mas gostaria de fazer abrir uma nova janela quando passado o mouse sobre a mesma, só que deveria :
- sempre abrir a janela nova no mesmo lugar(para todas imagens da tela)
- sempre abrir no mesmo tamanho e configuração
O código eu fiz, apesar de ser rudimentar, pois estou começando agora a mexer com isso...
A DÚVIDA
quando o arquivo está misturado HTML com o Javascript, funciona... mas quando tentei separá-los com um .js ele dá erro, falando que falta um objeto.
Pergunta
tonchaves
Olá pessoas sou novato aqui no fórum de vocês... Tenho uma dúvida em relação a JavaScript que seria a seguinte:
Montei uma página com imagens, e fiz delas links em HTML mesmo. Mas gostaria de fazer abrir uma nova janela quando passado o mouse sobre a mesma, só que deveria :
- sempre abrir a janela nova no mesmo lugar(para todas imagens da tela)
- sempre abrir no mesmo tamanho e configuração
O código eu fiz, apesar de ser rudimentar, pois estou começando agora a mexer com isso...
A DÚVIDA
quando o arquivo está misturado HTML com o Javascript, funciona... mas quando tentei separá-los com um .js ele dá erro, falando que falta um objeto.
<html>
<head>
<script type="text/javascript">
function open_win1()
{
nova_janela=nova_janela=window.open("index1.html","_blank","width=450,height=550,top=100,left=280,resizable=no,scrollbars=no,menubar=no,toolbar=no,status=no,location=no")
}
</script>
<script type="text/javascript">
function open_win2()
{
nova_janela=window.open("index2.html","_blank","width=450,height=550,top=100,left=280,resizable=no,scrollbars=no,menubar=no,toolbar=no,status=no,location=no")
}
</script>
<script type="text/javascript">
function close_win1()
{
fechar=nova_janela.close();
}
</script>
<script type="text/javascript">
function close_win2()
{
fechar=nova_janela.close();
}
</script>
<a href="#" onMouseOver="open_win1(); return true;" onMouseOut="close_win1();"><img src="01.jpg" width="190" height="120" border="0" ></a><br>
<a href="#" onMouseOver="open_win2(); return true;" onMouseOut="close_win2();"><img src="02.jpg" width="190" height="120" border="0" >2</a><br>
</body>
</html>
Link para o comentário
Compartilhar em outros sites
3 respostass a esta questão
Posts Recomendados