Hvad linker videre ?
HejJeg har forsøgt at gennemskue, hvor i dette dokument - der linkes videre.
Som det kan ses, er der et par images, som man skal kunne trykke på og derved komme videre til en anden side, men hvor i koden kan man ændre det til andre sider ?
Kildekode :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Velkommen</title>
<style>
<!--
IMG.Icon{
height:31px;
width:31px;
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
background-color : #FFFFFF;
}
IMG.Icon{
height:31px;
width:31px;
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
background-color : #FFFFFF;
}
-->
</style>
</head>
<body bgcolor="#000000">
<table border="0" style="border-collapse: collapse" width="100%" cellpadding="0" height="100%">
<tr>
<td align="center">
<table border="0" style="border-collapse: collapse" width="760" cellpadding="0" background="images/bg.jpg" height="520">
<tr>
<td>
<table width="760" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="70" width="760" valign="middle"><style>
IMG.Icon{
height:31px;
width:31px;
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
background-color : #FFFFFF;
}
IMG.IconHighlight{
height:31px;
width:31px;
}
#hdln{
position:absollute;
width:140px;
padding-bottom:6px;
font-family:Arial,sans-serif;
font-size:12px;
font-weight:bold;
visibility:hidden;
}
</style>
<table width="760" height="84" cellspacing="2" cellpadding="2" border="0">
<tr>
<td width="143">
<div id="hdln" style="position: absollute; width: 140px; font-family: Arial,sans-serif; color=white; font-size: 12px; font-weight: bold; visibility: hidden; padding-bottom: 6px"></div></td>
<td>
<a href="index.htm" target="_top">
<IMG id="i94" src="images/bestyr2.gif" class="Icon" alt="Startsiden"></a></td>
<td>
<IMG id="i16" src="images/bilbase2.gif" class="Icon" alt="Hvad reprarerer vi ?"></td>
<td>
<IMG id="i13" src="images/glad2.gif" class="Icon" alt="Reservedele og tilbehør"></td>
<td><IMG id="i15" src="images/magasin2.gif" class="Icon" alt="Servicebogen"></td>
<td width="62">
<IMG id="i14" src="images/piger2.gif" class="Icon" alt="Dæk og fælge"></td>
<td><IMG id="i6" src="images/farvel2.gif" class="Icon" alt="Serviceaftale"></td>
<td>
<IMG id="i17" src="images/finans2.gif" class="Icon" alt="Værkstedspriser"></td>
<td><IMG id="i66" src="images/adr2.gif" class="Icon" alt="Hvem er vi ?"></td>
<td>
<IMG id="i18" src="images/medlem2.gif" class="Icon" alt="Book aftale og skriv til os !"></td>
</tr>
</table>
<script>
function initIcon( idx, midx, txt, url ){
var icon = document.getElementById( "i"+idx );
icon.idx = idx;
icon.midx = midx;
icon.txt = txt;
icon.url = url;
icon.onmouseover = IconMouseOver;
icon.onmouseout = IconMouseOut;
icon.onmousedown = IconMouseDown;
if( parent.pointer == idx ){
icon.className = "IconHighlight";
//document.getElementById('hdln').style.visibility = "visible";
//document.getElementById('hdln').innerHTML = txt;
}
}
var objMenu = [
[94,2,"Startsiden",""],[6,3,"Serviceaftale",""],[13,4,"Reservedele og tilbehør",""],[66,5,"Hvem er vi ?",""],[14,6,"Dæk og fælge",""],[15,7,"Servicebogen",""],[16,8,"Hvad reprarerer vi ?",""],[17,9,"Værkstedspriser",""],[18,10,"Book aftale og skriv til os !"]
];
function IconMouseOut(){
this.className = parent.pointer == this.idx ? 'IconHighlight' : 'Icon';
}
function IconMouseOver(){
document.getElementById('hdln').style.visibility = "visible";
document.getElementById('hdln').innerHTML = this.txt;
this.className = 'IconHighlight';
window.status='';
return true
}
function IconMouseDown(){
this.className = 'IconHighlight';
if(parent.pointer>0){
if(document.getElementById( 'i' + parent.pointer ))
document.getElementById( 'i' + parent.pointer ).className='Icon';
}
parent.pointer = this.idx;
if( this.url!="" )
document.Site.action = this.url;
LoadPage( this.idx, this.idx );
}
for( var i in objMenu ){
initIcon( objMenu[i][0], objMenu[i][1], objMenu[i][2], objMenu[i][3] );
}
</script>
</td>
</tr>
<tr>
<td width="760" height="14" class="clsMenu">
<img src="images/1x1.gif" width="143" height="14">
</td>
</tr>
<td width="760"><img src="images/1x1.gif" width="143" height="20"></td>
</tr>
</table>
<table align="center" width="760" cellspacing="0" cellpadding="0" border="0" style="border-left: 0px solid #666666;border-right: 0px solid #666666;border-bottom: 0px solid #666666;">
<tr>
<td width=3><font color="#FFFFFF">
<img src="images/1x1.gif" width="148" height="280" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="1,136,88,285" href="index2.htm" target="main" alt="Til Forsiden">
</map></font></td>
<td valign="top">
<P align=left>
<TABLE style="WIDTH: 499px; HEIGHT: 228px" cellSpacing=2 cellPadding=2 width=499 border=0>
<TBODY>
<TR>
<TD valign="top">
<H4><font color="#FFFFFF"><br>
<br>
Velkommen hos AutoMester, Næsby.</font></H4>
<P><STRONG><font color="#FFFFFF" size="2">AutoMester er Danmarks største kæde af
frie værksteder. Og vi har kun én, vi skal gøre glad: dig.<br>
<BR>Læs mere om AutoMester, Næsby - i daglig tale kaldet Næsby Auto og om hvad
vi kan gøre for dig og din bil.<br>
<br>
Du kan også finde tips til hvordan du selv kan være med til at vedligeholde din
egen bil, sommer som vinter.</font></STRONG></P></TD>
<TD>
<P align=center><IMG src="images/skilt.jpg"></P></TD>
<TD></TD></TR></TBODY></TABLE></P>
<b><i><font size="6" color="#FF9900">Næsby</font><font size="6" color="#C0C0C0">Auto</font></i></b></td></tr> </table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
