Abrir link num div através de javascript

nuno_couto · November 5, 2006 at 11:22 PM

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.

karva · November 6, 2006 at 07:36 AM

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

skin · November 6, 2006 at 04:11 PM

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

nuno_couto · November 8, 2006 at 09:57 PM

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.

skin · November 8, 2006 at 09:58 PM

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

Sign In

Abrir link num div através de javascript

Recommended Posts

nuno_couto

karva

skin

nuno_couto

skin

Create an account or sign in to comment

Create an account

Sign in

Home

Activity

Revista PROGRAMAR

Important Information