Note that there are some explanatory texts on larger screens.

plurals
  1. POError: Unable to set value of the property 'src': object is null or undefined and CSS Error: Error in parsing value for 'top', Declaration dropped
    primarykey
    data
    text
    <p>This is the JavaScript portion of my assignment website - it should display a dating ad and on interval move it around the screen, and at each interval it loads a new image</p> <p>It will randomly move horizontally, but won't move vertically. This problem happens in Firefox - in IE it has no problem.</p> <p>However in IE it won't iterate over the images, but it does in Firefox.</p> <p>Could anyone tell me what's going on?</p> <pre><code>&lt;script type="text/javascript"&gt; var rotatingAd = new Array(3); var curPosition = 1; var screenWidth = 0; var screenHeight = 0; for(var i = 0; i &lt; 4; ++i) { rotatingAd[i] = new Image(); rotatingAd[i].src = "AdDate" + i + ".gif"; } function openOrderForm() { window.open("order.html"); } function moveAd(){ var leftPos = getRandomLeft(); var topPos = getRandomTop(); document.getElementById("AdDate").style.top = topPos; + "px";//this is where firefox says the css error is document.getElementById("AdDate").style.left = leftPos + "px"; if(curPosition == 3) { curPosition = 0; } document.AdDatePic.src = rotatingAd[curPosition].src;//this is where IE gets its null error from curPosition++; } function start(){ screenWidth = document.body.clientWidth; screenHeight= document.body.clientHeight; //alert("width="+screenWidth + "height="+screenHeight) //setTimeout("moveAd()", 3000); setInterval("moveAd()", 2000); } function getRandomLeft(){ var lpos; lpos = Math.floor(Math.random()*(screenWidth -400)); return lpos; } function getRandomTop(){ tpos = Math.floor(Math.random()*(screenHeight - 135)); return tpos; } &lt;/script&gt; &lt;body onload="start();"&gt; &lt;span id="AdDate" style="position:absolute; left:300px; top:300px;" &gt; &lt;img id="AdDatePic" src="AdDate0.gif" alt="picture of gopher" /&gt; &lt;/span&gt; &lt;/body&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload