WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Ladda om javascript onresize (https://www.wn.se/forum/showthread.php?t=10555)

Axe 2005-10-26 14:25

Jag vill köra ett script som flyttar en bild beroende på skärmupplösningen.
Jag kör DW:s standardscript och laddar bodytaggen så det funkar.
Men... inne i bodyn så verkar mitt script som skriver ut div-taggen INTE att laddas om när sidan laddas om. förslag på hur jag ska gå tillväga?

Kod:


<body onResize="javascript:MM_reloadPage(true);">
<script>
  document.write("<div id='imglayer_1' style='position:absolute; left:" + getLeftPosition() + "px; top:3px; border:none;'>\n");
  document.write("<img src='images/thumb/mypic.gif' width='102' height='90' border='0'></div>\n");
</script>


koala 2005-10-26 15:05

Kanske istället:
Kod:

<body onresize="imglayer_1.left=getLeftPosition()+'px'; ">
ungefär...

Axe 2005-10-26 15:30

Detta genererar ett fel vid omladdning att imglayer_1 is not defined.

<STYLE TYPE="text/css">
<!--
#imglayer_1 {
position:absolute;
left:600px;
top:3px;
border:none;
}

//-->
</STYLE>
</head>

<body onresize="imglayer_1.left=getLeftPosition()+'px'; ">
<div id='imglayer_1'>
<img src='images/thumb/mypic.gif' width='102' height='90' border='0'>
</div>

Axe 2005-10-26 17:25

Så här löstes det:
function moveimg()
{
document.getElementById("imglayer").style.left = getLeftPosition();
}
</script>

</head>

<body onResize="javascript:moveimg();">


Alla tider är GMT +2. Klockan är nu 07:14.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson