Jump to content

Abrir link num div através de javascript


nuno_couto
 Share

Recommended Posts

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.

portalmundial.net »» criamos sites

Link to comment
Share on other 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

Our lives begin to end the day we become silent about things that matter - Martin Luther King

Link to comment
Share on other 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.

portalmundial.net »» criamos sites

Link to comment
Share on other sites

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

Our lives begin to end the day we become silent about things that matter - Martin Luther King

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.