Ciao a tutti ho un problema...
Vi metto qui i codici dei 2 script e il codice html...poi vi spiegherò il problema..
------------------------------------------------------------------------------------------
lente1.js
var isNav, isIE
var offsetX, offsetY
var selectedObj
var enlargefactor=4
var largewidth = 3800
var largeheight = 1275
var largeleft = 250
var largetop = 400
var miniwidth = Math.floor(largewidth/enlargefactor)
var miniheight = Math.floor(largeheight/enlargefactor)
var minileft = 50
var minitop = 30
var loupewidth = 50
var loupeheight = 50
var loupeleft = 120
var loupetop = 110
var difleft= largeleft-minileft
var diftop= largetop-minitop
var clippoints
var cliptop = (miniheight-loupeheight)*enlargefactor
var clipbottom = cliptop+(loupeheight*enlargefactor)
var clipleft =(miniwidth-loupewidth)*enlargefactor
var clipright = clipleft+(loupewidth*enlargefactor)
if (parseInt(navigator.appVersion) >= 4) {
if (navigator.appName == "Netscape") {
isNav = true
} else {
isIE = true
}
}
function setZIndex(obj, zOrder) {
obj.zIndex = zOrder
}
function shiftTo(obj, x, y) {
if (isNav) {
obj.moveTo(x,y)
} else {
obj.pixelLeft = x
obj.pixelTop = y
}
cliptop = (y-minitop)*enlargefactor
clipbottom = cliptop+(loupeheight*enlargefactor)
clipleft = (x-minileft)*enlargefactor
clipright = clipleft+(loupewidth*enlargefactor)
if (document.all)
{
clippoints ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.large.style.posTop=largetop-cliptop
document.all.large.style.posLeft=largeleft-clipleft
document.all.large.style.clip=clippoints
}
if (document.layers)
{
document.large.top=largetop-cliptop
document.large.left=largeleft-clipleft
document.large.clip.left = clipleft
document.large.clip.right = clipright
document.large.clip.top = cliptop
document.large.clip.bottom = clipbottom
}
}
function setSelectedElem(evt)
{
if (isNav)
{
var testObj
var clickX = evt.pageX
var clickY = evt.pageY
for (var i = document.layers.length - 1; i >= 0; i--)
{
testObj = document.layers[i]
if ((clickX > testObj.left) &&
(clickX < testObj.left + testObj.clip.width) &&
(clickY > testObj.top) &&
(clickY < testObj.top + testObj.clip.height))
{
selectedObj = testObj
setZIndex(selectedObj, 100)
return
}
}
}
else
{
var imgObj = window.event.srcElement
if (imgObj.parentElement.id.indexOf("loupe") != -1)
{
selectedObj = imgObj.parentElement.style
setZIndex(selectedObj,100)
return
}
}
selectedObj = null
return
}
function dragIt(evt)
{
if (selectedObj)
{
if (isNav)
{
shiftTo(selectedObj, (evt.pageX - offsetX), (evt.pageY - offsetY))
}
else
{
shiftTo(selectedObj, (window.event.clientX - offsetX), (window.event.clientY -
offsetY))
return false
}
}
}
function engage(evt) {
setSelectedElem(evt)
if (selectedObj) {
if (isNav) {
offsetX = evt.pageX - selectedObj.left
offsetY = evt.pageY - selectedObj.top
} else {
offsetX = window.event.offsetX
offsetY = window.event.offsetY
}
}
return false
}
function release(evt) {
if (selectedObj) {
setZIndex(selectedObj, 0)
selectedObj = null
}
}
function setNavEventCapture() {
if (isNav) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP | Event.MOUSECLICK)
}
}
function init()
{
if (document.layers)
{
document.large.left=largeleft
document.large.top=largetop
document.mini.left=minileft
document.mini.top=minitop
document.loupe.left=loupeleft
document.loupe.top=loupetop
document.large.clip.left = 0
document.large.clip.right = 0
document.large.clip.top = 0
document.large.clip.bottom = 0
setNavEventCapture()
}
if (document.all)
{
document.all.large.style.posLeft=largeleft
document.all.large.style.posTop=largetop
document.all.mini.style.posLeft=minileft
document.all.mini.style.posTop=minitop
document.all.loupe.style.posLeft=loupeleft
document.all.loupe.style.posTop=loupetop
document.all.large.style.clip="rect(0 0 0 0)"
}
document.onmousedown = engage
document.onmousemove = dragIt
document.onmouseup = release
}
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
popup.js
function expandingWindow(website) {
var windowprops='width=1,height=1,scrollbars=yes,statu s=no,resizable=no,location=no'
var heightspeed = 2;
var widthspeed = 2;
var leftdist = 10;
var topdist = 10;
var lunghezza = 400;
var altezza = 400;
if(lunghezza == 0){
lunghezza = window.screen.availWidth;
}
if(altezza == 0){
altezza = window.screen.availHeight;
}
if (window.resizeTo&&navigator.userAgent.indexOf("Ope ra")==-1) {
var winwidth = lunghezza;
var winheight = altezza;
var sizer = window.open("","","left=" + leftdist + ",top=" + topdist +","+ windowprops);
for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed)
sizer.resizeTo("1", sizeheight);
for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed)
sizer.resizeTo(sizewidth, sizeheight);
sizer.location = website;
}
else
window.open(website,'mywindow');
}
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
necropoli.html
<HTML>
<HEAD>
<TITLE>Mappa necropoli</TITLE>
<STYLE TYPE="text/css">
#loupe {position:absolute;left:0;top:50;}
#mini {position:absolute;left:0;top:50;}
#large {position:absolute;left:0;top:50;}
</STYLE>
<script language="javascript" src="popup.js"></script>
<script language="javascript" src="lente1.js"></script>
</HEAD>
<BODY>
<DIV ID="mini">[img]mappa_small.png[/img]</DIV>
<DIV ID="large">[img]mappa.jpg[/img]</DIV>
<DIV ID="loupe">[img]lente1.gif[/img]</DIV>
<MAP NAME="mappa">
<AREA ID="T43" SHAPE="POLY" HREF="#" ALT="T43 - Incinerazione (?? sec)" COORDS="1558,366, 1577,382, 1562,392, 1546,373, 1558,366">
<AREA ID="T42" SHAPE="POLY" HREF="#" ALT="T42 - Tomba a sarcofago di carparo (?? sec)" COORDS="1512,451, 1533,477, 1602,419, 1579,394, 1512,451">
<AREA ID="T39" SHAPE="POLY" HREF="#" ALT="T39 - Tomba a sarcofago di carparo (?? sec)" COORDS="1484,410, 1466,389, 1535,334, 1554,359, 1484,410">
<AREA ID="T4" SHAPE="POLY" HREF="#" ALT="T4 - Tomba a sarcofago (V sec a.C.)" COORDS="735,447, 749,470, 825,418, 809,395, 808,396, 735,447">
<AREA ID="T6" SHAPE="POLY" HREF="#" ALT="T6 - Tomba a sarcofago (V sec a.C.)" COORDS="799,476, 839,449, 851,463, 807,490, 807,490, 799,476">
<AREA ID="T7" SHAPE="POLY" HREF="#" ALT="T7 - Tomba a sarcofago (V sec a.C.) " COORDS="762,486, 829,553, 840,537, 781,478, 778,476, 762,486">
<AREA ID="T29" SHAPE="POLY" HREF="#" ALT="T29 - Tomba xxx (seconda met IV sec a.C.)" COORDS="891,612, 877,620, 895,636, 904,623, 895,614, 891,612">
<AREA ID="T11" SHAPE="POLY" HREF="#" ALT="T11 - Tomba xxx (fine VI, inizio V sec a.C.)" COORDS="574,418, 625,370, 640,380, 590,430, 576,422, 574,418">
<AREA ID="T10" SHAPE="POLY" HREF="#" ALT="T10 - Tomba xxx (fine VI, inizio V sec a.C.)" COORDS="647,341, 670,374, 756,310, 735,277, 651,339, 647,341">
<AREA ID="T8" SHAPE="POLY" HREF="#" ALT="T8 - Tomba xxx (fine VI, inizio V sec a.C.)" COORDS="762,505, 821,570, 807,581, 748,516, 756,503, 762,505">
<AREA ID="T40" SHAPE="POLY" HREF="#" ALT="T40 - Tomba xxx (fine VI, inizio V sec a.C.)" COORDS="1361,414, 1411,486, 1430,475, 1382,398, 1356,410, 1361,414">
<AREA ID="T21" SHAPE="POLY" HREF="#" ALT="T21 - Tomba a camera con kline intagliata (fine IV,III s" COORDS="775,721, 860,808, 886,792, 794,701, 775,721">
<AREA ID="T20" SHAPE="POLY" HREF="#" ALT="T20 - Tomba a camera con kline intagliata (fine IV,III sec a.C.)" COORDS="827,836, 761,767, 787,746, 850,815, 827,836">
<AREA ID="T50" SHAPE="POLY" HREF="#" ALT="T50 - Tomba a camera con kline centrale (met IV sec a.C.)" COORDS="1482,866, 1518,910, 1611,838, 1568,789, 1482,866">
<AREA ID="T16" SHAPE="POLY" HREF="#" ALT="T16 - Tomba a camera con kline centrale (met IV sec a.C.)" COORDS="1410,884, 1313,939, 1320,958, 1435,933, 1434,930, 1410,884">
<AREA ID="T13" SHAPE="POLY" HREF="#" ALT="T13 - Tomba a camera con kline intagliata (fine IV,III sec a.C.)" COORDS="221,234, 283,309, 313,285, 253,202, 221,231, 222,233, 221,234">
<AREA ID="T14" SHAPE="POLY" HREF="#" ALT="T14 - Tomba a camera con kline intagliata (fine IV,III sec a.C.)" COORDS="168,281, 228,360, 259,334, 195,256, 166,280, 168,281">
<AREA ID="T15" SHAPE="POLY" HREF="javascript:;" onmouseover="window.open('tomba15.htm')"" ALT="T15 - Tomba a camera con kline intagliata (fine IV,III sec a.C.) " COORDS="84,334, 142,395, 178,371, 115,302, 84,330, 87,330, 84,334">
<AREA ID="T12" SHAPE="POLY" HREF="#" ALT="T12 - Tomba a fossa in roccia (fine IV,III sec a.C.)" COORDS="461,141, 524,89, 513,71, 449,124, 459,139, 461,141">
<AREA ID="T18" SHAPE="POLY" HREF="#" ALT="T18 - Tomba a fossa in roccia " COORDS="345,120, 403,181, 420,164, 369,98, 344,118, 345,120">
<AREA ID="T17" SHAPE="POLY" HREF="#" ALT="T17 - Tomba a fossa in roccia (fine IV,III sec a.C.)" COORDS="272,159, 327,233, 358,211, 300,136, 271,159, 272,159">
</MAP>
<script type="text/javascript">
init();
</script>
</p>
</BODY>
</HTML>
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
tomba15.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomba 15</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<h1>Tomba 15</h1>
[img]../../../foto/100_0333.JPG[/img]
Tomba cakasjflajflkajklafjklaf</p>
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
<param name="src" value="fede.wav">
<param name="controls" value="All">
<param name="console" value="sound1">
<param name="autostart" value="false">
<embed src="fede.wav" type="audio/wav" console="sound1" controls="All" autostart="false" name="sound1">
</object>
</body>
</html>
------------------------------------------------------------------------------------------
Questi sono i codici che utilizzo...
Scaricateli e salvateli in 4 file diversi...aprite la pagine con explorer perchè firefox non visualizza correttamente la pagina...
Il problema è questo: come vedete, in AREA ID="T15" , c'è un collegamento, che dovrebbe permettere di aprite un pop up con la pagina html tomba15.html.
Il problema è proprio questo, la finestra non si apre, mi fa un errore.
Vi ho allegato l'immagine della lente.
Vi prego aiutatemi, è importante
Grazie a tutti in anticipo
Rispondi quotando