Billedevisning
Jeg har et akut problem...jeg skal have vist et kort ved klik på et mindre kort. Men som det ser ud nu kommer kortet ikke frem, kun dets "ramme". Håber nogen kan hjælpe ud fra de koder jeg giver neden for, og gerne hurtigt!!:) Her er den første:<html>
<head>
<link rel="stylesheet" href="css/indhold.css" type="text/css">
<title>Kørselsvejledning</title>
<script>
//Thumbnail image viewer-
//© Dynamic Drive (www.dynamicdrive.com)
//For full source code, usage terms, and 100's more DHTML scripts, visit http://www.dynamicdrive.com
var ie=document.all
var ns=document.layers
var ns6=document.getElementById&&!document.all
function enlarge(which,e){
//Render image code for IE 4+ and NS6
if (ie||ns6){
crossobj=document.getElementById? document.getElementById("showimage") : document.all.showimage
if (crossobj.style.visibility=="hidden"){
crossobj.style.left=ns6? pageXOffset+e.clientX : document.body.scrollLeft+event.clientX
crossobj.style.top=ns6? pageYOffset+e.clientY : document.body.scrollTop+event.clientY
crossobj.innerHTML='<div align=right id=drag><b onClick=closepreview()>X</b></div><img src="'+kortMod.gif+'">'
crossobj.style.visibility="visible"
}
else
crossobj.style.visibility="hidden"
return false
}
//Render image code for NS 4
else if (document.layers){
if (document.showimage.visibility=="hide"){
// document.showimage.document.write('<a href="#" onMouseover="drag_dropns(showimage)" target="_blank"><img src="+which+" border=0></a>')
document.showimage.document.close()
document.showimage.left=e.x
document.showimage.top=e.y
document.showimage.visibility="show"
}
else
document.showimage.visibility="hide"
return false
}
//if NOT IE 4+ or NS 4, simply display image in full browser window
else
return true
}
function closepreview(){
crossobj.style.visibility="hidden"
}
</script>
<script language="JavaScript1.2">
//By Dynamicdrive.com
//drag drop function for NS 4////
/////////////////////////////////
var nsx,nsy,nstemp
function drag_dropns(name){
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}
function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}
//drag drop function for IE 4+ and NS6////
/////////////////////////////////
function drag_drop(e){
if (ie&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx
crossobj.style.top=tempy+e.clientY-offsety
}
return false
}
function initializedrag(e){
if (ie&&event.srcElement.id=="drag"||ns6&&e.target.id=="drag"){
offsetx=ie? event.clientX : e.clientX
offsety=ie? event.clientY : e.clientY
tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)
dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")
</script>
<script language="JavaScript">
function vis_big_map()
{
var nytVindue;
nytVindue = window.open("big_map.html","nytvindue","width=820,height=200");
nytVindue.focus();
return false;
}
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="78%" height="480">
<tr>
<td width="55%" height="73"></td>
<td width="27%" height="73"></td>
<td width="18%" height="73"><img src="images/LOGO-VIR_lille2.gif" align="right" WIDTH="60" HEIGHT="71"></td>
</tr>
<tr>
<td width="55%" height="56"><h1><br>
HER BOR VI<br>
</h1></td>
<td width="27%" height="56"></td>
<td width="18%" height="56"></td>
</tr>
<tr>
<td colspan="2" height="117">TofKo Business Development A/S har
til huse i byen Klarup ca. 8 km øst for Aalborg.
<p>Er du i bil er det let at finde ved at bruge nedenstående rutebeskrivelse.</p>
<p>Hvis du kommer fra motorvej E45, tager du <strong>afkørsel nr. 26</strong>.
Efter frakørslen fra motorvejen drejes mod Egense. Kør lige igennem 3
store rundkørsler, og følg vejen lige ud til du ser et METAX-skilt (og
campingvogne) på din højre side. Drej til højre lige før skiltet ad Jørgensmindevej
og til venstre ad den første vej: <strong>Nørremarksvej</strong> og her
finder du os på venstre side af vejen i<strong> nr. 27</strong>.</td>
</tr>
<tr>
<td width="55%" height="48"><a href="#" onclick="return vis_big_map()" title="Klik for at se stort kort "><img src="images/kortlille.gif" border="0"></a>
</td>
<td width="27%" height="97"></td>
<td width="18%" rowspan="2"> <div align="right"><br>
<br>
<br>
<br><a href="#" onclick="window.print()">
<br>
<br>
<br>
<br>
</div></td>
</tr>
<tr>
<td width="55%" height="48" valign="top">Hvis du ønsker et andet kort så
brug linket til krak : <a href="www.krak.dk</a></td>" target="_blank">http://www.krak.dk">www.krak.dk</a></td>
<td height="48" valign="top">
<table width="55%" border="0" align="right">
<tr>
<td><a href="#" onclick="window.print()"> <div align="right"><font size="2" face="Verdana"><strong>Printvenlig
version</strong></font> </div></td>
</tr>
</table></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="82%">
<tr>
<td width="100%" height="16"><hr width="70%" size="1" color="#FA8F0B">
</td>
</tr>
<tr>
<td width="100%" height="16"><p align="center"><strong><font size="1" face="Arial">TofKo
Business Development A/S • Nørremarksvej 27 • 9270 Klarup<br>
Tlf.: 9831 7711 • Fax: 9831 7755 • E-mail: info@tofko.dk •
www.tofko.dk </font></strong></td>
</tr>
</table>
<div id="showimage" style="position:relative;visibility:hidden;border:3px solid black"></div>
</body>
</html>
Den tilhørende big_map.html ser sådan ud: (måske er det her den er gal?)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>big_map</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<img src="images/kortMod.gif" border="0">
</body>
</html>
