Avatar billede calle-einar Nybegynder
21. december 2004 - 19:36

Et specifikt layer som target for et link

Hej

Jeg har lidt problemer med en hjemmeside jeg er ved at lave i Dreamweaver. Jeg her lavet nogle roll down menuer ved hjælp af skjul/vis layers funktionen, som virker OK. I disse roll down menuer skal der være nogle links, hvor target for disse links er et andet og større layer på samme side.

Jeg har prøvet lidt forskelligt, men kan desværre ikke få linkene til at "åbne" hvor jeg vil have det - næste ligegyldigt hvad jeg prøver, så åbner der en ny side.

Så er der nogen, der kan hjælpe mig lidt vejledning i, hvordan man får et link til at åbne i et specifikt layer.

Mvh Calle-Einar.

Koden for siden er herunder.
-----------------------------------------------------------------

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>

<% Response.Expires= -1
Response.AddHeader "Cache-Control", "no-cache"
Response.AddHeader "Pragma", "no-cache" %>
<%
if Session("ct") = "" then
fp = Server.MapPath("count.txt")
Set fs = CreateObject("Scripting.FileSystemObject")
Set a = fs.OpenTextFile(fp)
ct = Clng(a.ReadLine)
ct = ct + 1
Session("ct") = ct
a.close
Set a = fs.CreateTextFile(fp, True)
a.WriteLine(ct)
a.Close
Set a = Nothing
Set fs = Nothing
else
ct = Clng(Session("ct"))
end if
%>

<html>
<head>
<title>Manneklubben i Falster Golfklub</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body bgcolor="#78643F">

<div id="Hovedlayer" style="position:absolute; margin-left: -400px; left:50%; top:60px; width:800px; height:460px; z-index:1; background-color: #C0AC87; layer-background-color: #C0AC87; border: 1px none #000000;"></div>
<div id="Forsiden" style="position:absolute; margin-left: -400px; left:50%; top:40px; width:75px; height:20px; z-index:2; background-color: #B76D42; layer-background-color: #B76D42; border: 1px none #000000;">
  <div align="center"><strong><font size="-1">Til forsiden!</font></strong></div>
</div>
<div id="Sker" style="position:absolute; margin-left: -325px; left:50%; top:40px; width:100px; height:20px; z-index:3; background-color: #B76D42; layer-background-color: #B76D42; border: 1px none #000000;" onmouseover="MM_showHideLayers('skersub1','','show','skersub2','','show','skersub3','','show')" onMouseOut="MM_showHideLayers('skersub1','','hide','skersub2','','hide','skersub3','','hide')">
  <div align="center"><strong><font size="-1">Ting, der sker!</font></strong></div>
</div>
<div id="Sket" style="position:absolute; margin-left: -225px; left:50%; top:40px; width:105px; height:20px; z-index:4; background-color: #B76D42; layer-background-color: #B76D42; border: 1px none #000000;">
  <div align="center"><font size="-1"><strong>Ting, der er sket!</strong></font></div>
</div>
<div id="Om" style="position:absolute; margin-left: -120px; left:50%; top:40px; width:115px; height:20px; z-index:5; background-color: #B76D42; layer-background-color: #B76D42; border: 1px none #000000;">
  <div align="center"><font size="-1"><strong>Om</div>
</div>
<div id="Links" style="position:absolute; margin-left: -5px; left:50%; top:40px; width:110px; height:20px; z-index:6; background-color: #B76D42; layer-background-color: #B76D42; border: 1px none #000000;">
  <div align="center"><strong><font size="-1">Relaterede links! </font></strong></div>
</div>
<div id="Falster" style="position:absolute; margin-left: 105px; left:50%; top:40px; width:295px; height:20px; z-index:7; background-color: #B76D42; layer-background-color: #B76D42; border: 1px none #000000;"></div>
<div id="ikkeibrug" style="position:absolute; margin-left: -400px; left:50%; top:520px; width:650px; height:20px; z-index:8; background-color: #B76D42; layer-background-color: #B76D42; border: 1px none #000000;"></div>
<div id="Taeller" style="position:absolute; margin-left: 250px; left:50%; top:520px; width:150px; height:20px; z-index:9; background-color: #B76D42; layer-background-color: #B76D42; border: 1px none #000000;">
  <div align="center"><font size="-1"><strong>Bes&oslash;gende nr. <%=ct%>!</strong></font></div>
</div>

<div id="skersub1" style="position:absolute; margin-left: -305px; left:50%; top:60px; width:110px; height:20px; z-index:11; background-color: #BE784E; layer-background-color: #BE784E; border: 1px none #000000; visibility: hidden;" onMouseOver="MM_showHideLayers('skersub1','','show','skersub2','','show','skersub3','','show')" onMouseOut="MM_showHideLayers('skersub1','','hide','skersub2','','hide','skersub3','','hide')">
  <div align="center">Onsdag</div>

</div>


<div id="skersub2" style="position:absolute; margin-left: -305px; left:50%; top:80px; width:110px; height:20px; z-index:12; background-color: #BE784E; layer-background-color: #BE784E; border: 1px none #000000; visibility: hidden;" onMouseOver="MM_showHideLayers('skersub1','','show','skersub2','','show','skersub3','','show')" onMouseOut="MM_showHideLayers('skersub1','','hide','skersub2','','hide','skersub3','','hide')">
  <div align="center">Matchen</div>
</div>
<div id="skersub3" style="position:absolute; margin-left: -305px; left:50%; top:100px; width:110px; height:20px; z-index:13; background-color: #BE784E; layer-background-color: #BE784E; border: 1px none #000000; visibility: hidden;" onMouseOver="MM_showHideLayers('skersub1','','show','skersub2','','show','skersub3','','show')" onMouseOut="MM_showHideLayers('skersub1','','hide','skersub2','','hide','skersub3','','hide')">
  <div align="center">Turen</div>
</div>
</body>
</html>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester