• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

nuno_couto

Abrir link num div através de javascript

5 mensagens neste tópico

Boas.

Será possível fazer um site (para exemplificar) com um menu com links em javascript, que façam abrir um ficheiro dentro de uma célula específica ou num div...?

Estava a ver o novo site da clix e é algo parecido com isso que acontece quando clicamos nos vários tópicos da área de "actualidade"... mas é feito em ajax, e aparece um ícone de "loading" no canto enquanto o conteúdo é aberto... não sendo necessário abrir a página por inteiro para mudar o conteúdo daquela área.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

pois, ai tens que usar o ajax, complicando (um bocadinho) a coisa...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

tens este código:

<html>
<head>
<title>Skin - Menu with text boxex</title>
<style TYPE="text/css">
<!--
body{
overflow:scroll;overflow-x:hidden
}
.popper
{
  position : absolute;
  visibility : hidden;
}

a {text-decoration:none; font-family: verdana,arial; font-size: 8pt; color: #FF33CC; font-style: normal}
a:hover {color:#CC3399;font-weight:normal; font-family: verdana,arial; font-size: 8pt; font-style: normal; text-decoration:none}
body {font-family: verdana,arial; font-size: 8pt}
-->
</style>
</head>
<body>

Este script optimizado principalmente para Internet Explorer 6.0 faz com que quando se sobrepõe o rato por cima do <br> texto ele mostra um menu por baixo. <br> By Skin

<DIV ID="deckskin" CLASS="popper"> </DIV>
<SCRIPT>
var nav = (document.layers); 
var iex = (document.all);
var skn = (nav) ? document.deckskin : deckskin.style;
if (nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
function pop(msg,bak,tit) 
{
var content ="<TABLE WIDTH=130 BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=#000000><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><CENTER><FONT COLOR=#FFFFFF Face='Verdana,Arial' SIZE=1><B>"+tit+"</B></FONT></CENTER></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR="+bak+"><TR><TD><FONT COLOR=#000000 face='Verdana, Arial' SIZE=1><CENTER>"+msg+"</CENTER></FONT></TD></TR></TABLE></TD></TR></TABLE>";
  if (nav) 
  { 
    skn.document.write(content); 
  skn.document.close();
  skn.visibility = "visible";
  }
    else if (iex) 
  {
  document.all("deckskin").innerHTML = content;
  skn.visibility = "visible";  
  }
}
function get_mouse(e) 
{
var x = (nav) ? e.pageX : event.x+document.body.scrollLeft; 
var y = (nav) ? e.pageY : event.y+document.body.scrollTop;
skn.left = x - 60;
  skn.top  = y+20;
}
function kill() 
{
    skn.visibility = "hidden";
    document.all("deckskin").innerHTML="";
}
</SCRIPT>
<tr>
<td bgcolor="#8E1794" height="18">
<p align='center'><font face='Verdana, Arial' color='white' size='2'>
<a ONMOUSEOVER="pop('Aqui aparece a mensagem','#FAE7FA','Aqui é o titulo')" ONMOUSEOUT="kill()" href="linkx.htm" ;>Menu x</a> 
</font></p></td></tr><tr><td valign='top' height='34'></td>
</body>
</html>

Basicamente fazes isto. Agora é só alterares umas coisitas ou outras e tá feito...espero ter ajudado

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Este código devia fazer exactamente o quê?

Eu estive a testar e não funcionou, mas não percebo nada de javascript.

Obrigado pela ajuda.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Isto só está a funcionar com IE 6. E faz com que abra uma ceninha com o conteúdo que queres..

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora