Avatar billede louisec Nybegynder
03. juni 2002 - 15:02 Der er 2 kommentarer og
1 løsning

Fejl i mouseover funktion

Hej,

Jeg har nedenstående mouseover funktion, som desværre fejler. Hvem kan hjælpe ?


<html>

<head>
<title>test444</title>
</head>
<script>

#thumpLayer {
  padding        : 10;
 
  width          : 125px;
  height          : 125px;
  z-index        : 98;
 
  border          : 2px outset white;
  background-color: #ececec;
}

#thumpPic  {
  border        : 2px inset white;
}

var thumpImg = new Image();
var thumpInt;

function checkImg(imgName) {
    if (thumpImg.readyState == "complete" || thumpImg.readyState == 4) {
        document.all.thumpPic.innerHTML = "<img src='/images/varer/" + imgName + "'>";
        clearInterval(thumpInt);
    }
}

function hidePop() {
    if (document.all) {
        document.all.thumpLayer.style.visibility = "hidden";
        document.all.thumpPic.innerHTML = "<img src='/images/clock.gif'>";
        clearInterval(thumpInt);
    }
}

function showPop(imgName) {
    thumpImg.src = "/images/varer/" + imgName;
    thumpInt = window.setInterval("checkImg('" + imgName + "')",100);
    imgWidth = thumpImg.width;
    if (mouseThumpX + imgWidth + 24 + 20 >= document.body.clientWidth) {   
        objDivStyle.left = mouseThumpX - (imgWidth + 24 + 30);
    }
    document.all.thumpLayer.style.visibility = "visible";
}

function positionPop(imgName) {
  if (document.all) {
        mouseThumpX = event.clientX - event.offsetX + document.body.scrollLeft + 20;
        mouseThumpY = event.clientY - event.offsetY + document.body.scrollTop;
        objDivStyle = document.all.thumpLayer.style;
        objDivStyle.left = mouseThumpX;
        objDivStyle.top = mouseThumpY;
        objDivStyle.visibility = "visible";
        showPop(imgName);
    }
}

function bigPicPop(bigImgName,picWidth,picHeight) {
    hidePop();
    picWidth = picWidth + 20;
    picHeight = picHeight + 50;
    winX = (screen.availWidth - picWidth)/2;
    winY = (screen.availHeight - picHeight)/2 - 12;
  picWind = window.open("picpop.asp?ImgName="+ImgName, "blank_", "resizable=no,scrollbars=no,toolbar=no,location=no,directories=no,status=no,screenY=" + winY + ",top=" + winY + ",screenX=" + winX + ",left=" + winX + ",width= " + picWidth + ",height= " + picHeight + "");
    picWind.focus();
}


</script>
<body>
dddd
<table>
<tr>
<td><a href='java script:void 0;'  onMouseOver="positionPop('12345.jpg');" onMouseOut="hidePop();" onMouseUp="bigPicPop('12345.jpg',125,125);"><img SRC='/images/cam.gif' border='0'></a></td>
</tr>
</table>
</boby>

</html>
Avatar billede Slettet bruger
03. juni 2002 - 15:02 #1
Jeg vil egentlig hellere se et link!
Avatar billede atn Nybegynder
04. juni 2002 - 00:52 #2
Heysa !

Jeg vil lige sige at der er mange fejl i overstående kode...

Bl.a har du lagt dit CSS ned i din javascript kode...det er det første der går galt....dernæst refererer du til noget "layers" der overhoved ikke findes i din kode....

Hvis vi vidste hvad der skulle ske ville det væære nemmere at finde ud af hvad der skal laves eller rettes....først og fremmest skal din kode gå's igennem....(kan bl.a også se du har et slut tag der hedder "</boby>"...den virker heller ikke helt....måske "</body>")...

Jeg har prøve at rydder lidt op....så kan du da teste uden at få fejl...men det ville være rart hvis vi vidste hvad scriptet skulle udføre....

venligst

<ATN/>

*********| Code Start |********

<html>

<head>
<title>test444</title>
</head>

<style>
#thumpLayer         {
  padding            : 10;
  width              : 125px;
  height              : 125px;
  z-index            : 98;
  border              : 2px outset white;
  background-color    : #ececec;
}

#thumpPic              {
  border            : 2px inset white;
}
</style>

<script>

var thumpImg = new Image();
var thumpInt;

function checkImg(imgName) {
    if (thumpImg.readyState == "complete" || thumpImg.readyState == 4) {
        document.all.thumpPic.innerHTML = "<img src='/images/varer/" + imgName + "'>";
        clearInterval(thumpInt);
    }
}

function hidePop() {
    if (document.all) {
        document.all.thumpLayer.style.visibility = "hidden";
//        document.all.thumpPic.innerHTML = "<img src='/images/clock.gif'>";
        clearInterval(thumpInt);
    }
}

function showPop(imgName) {
    thumpImg.src = "/images/varer/" + imgName;
//    thumpInt = wind9ow.setInterval("checkImg('" + imgName + "')",100);
    imgWidth = thumpImg.width;
    if (mouseThumpX + imgWidth + 24 + 20 >= document.body.clientWidth) {   
        objDivStyle.left = mouseThumpX - (imgWidth + 24 + 30);
    }
    document.all.thumpLayer.style.visibility = "visible";
}

function positionPop(imgName) {
  if (document.all) {
        mouseThumpX = event.clientX - event.offsetX + document.body.scrollLeft + 20;
        mouseThumpY = event.clientY - event.offsetY + document.body.scrollTop;
        objDivStyle = document.all.thumpLayer.style;
        objDivStyle.left = mouseThumpX;
        objDivStyle.top = mouseThumpY;
        objDivStyle.visibility = "visible";
        showPop(imgName);
    }
}

function bigPicPop(bigImgName,picWidth,picHeight) {
    hidePop();
    picWidth = picWidth + 20;
    picHeight = picHeight + 50;
    winX = (screen.availWidth - picWidth)/2;
    winY = (screen.availHeight - picHeight)/2 - 12;
      picWind = window.open("picpop.asp?ImgName="+ImgName, "blank_", "resizable=no,scrollbars=no,toolbar=no,location=no,directories=no,status=no,screenY=" + winY + ",top=" + winY + ",screenX=" + winX + ",left=" + winX + ",width= " + picWidth + ",height= " + picHeight + "");
    picWind.focus();
}


</script>
<body>
<table>
<tr>
<td>
<a href="java script:void 0;"  onMouseOver="positionPop('12345.jpg');" onMouseOut="hidePop();" onMouseUp="bigPicPop('12345.jpg',125,125);">
<img SRC='/images/cam.gif' border='0'>
</a>
</td>
</tr>
</table>
<div id="thumpLayer" style="visibility:hidden;position:absolute;">
Hey
</div>
</body>

</html>
Avatar billede louisec Nybegynder
04. juni 2002 - 10:14 #3
Det var lige hvad jeg skulle bruge. Mange tak.
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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