"for loop" works in FF but not in IE

Patrick Sullivan · Jun 9, 2006

In this for loop, IE skips over the animation function until the end of the
loop and only aninmates the last phrase. Firefox does it right. Loop is
right below, entire script is below that. This script uses the Yahoo GUI
library (beta) for animation.

for (var c=0; c < index; c++) {
document.getElementById("sample").innerText = myArray[c];
var myanim = new YAHOO.util.Anim('sample', {
fontSize: {from: 0, to: 50},
opacity: {from: 0.5, to: 1}
}, 2);
myanim.animate();

if (c >= myArray.length)
c=0;
};
};

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>test10</title>
<script language="JavaScript" type="text/javascript"
src="yui/build/yahoo/yahoo.js"></script>
<script language="JavaScript" type="text/javascript"
src="yui/build/dom/dom.js"></script>
<script language="JavaScript" type="text/javascript"
src="yui/build/animation/animation.js"></script>
<script language="JavaScript" type="text/javascript"
src="yui/build/event/event.js"></script>

<script type="text/javascript">
var myArray = new Array("note 1","note 2","note 3","note 4","note 5");

var index = myArray.length;
var animtest = {};
animtest.init = function() {
for (var c=0; c < index; c++) {
document.getElementById("sample").innerText = myArray[c];
var myanim = new YAHOO.util.Anim('sample', {
fontSize: {from: 0, to: 50},
opacity: {from: 0.5, to: 1}
}, 2);
myanim.animate();

if (c >= myArray.length)
c=0;
};
};

YAHOO.util.Event.addListener(window, 'load', animtest.init);
</script>
</head>
<body>
<div id="sample"><span id="sampletext" style="font-family:Arial, Helvetica,
sans-serif">SOMETEXT</span></div>
</body>
</html>

Randy Webb · Jun 9, 2006

Patrick Sullivan said the following on 6/9/2006 8:55 AM:

In this for loop, IE skips over the animation function until the end of the
loop and only aninmates the last phrase. Firefox does it right. Loop is
right below, entire script is below that. This script uses the Yahoo GUI
library (beta) for animation.

for (var c=0; c < index; c++) {
document.getElementById("sample").innerText = myArray[c];

Firefox executes that statement without a syntax error? I ask because FF
doesn't support innerText in any form unless you create it yourself.

Patrick Sullivan · Jun 9, 2006

heheh, firefox did much better than IE. innerText has been incorporated into
several browsers besides IE. I know it's not standards compliant. I am doing
it entirely different now, using innerhtml. Also not standards compliant.
thanks guys.

--

Patrick Sullivan, AA-BA, BA-IT

Randy Webb said:
Patrick Sullivan said the following on 6/9/2006 8:55 AM:

In this for loop, IE skips over the animation function until the end of the
loop and only aninmates the last phrase. Firefox does it right. Loop is
right below, entire script is below that. This script uses the Yahoo GUI
library (beta) for animation.

for (var c=0; c < index; c++) {
document.getElementById("sample").innerText = myArray[c];

Click to expand...

Firefox executes that statement without a syntax error? I ask because FF
doesn't support innerText in any form unless you create it yourself.

http://www.JavascriptToolbox.com/bestpractices/

Problem: script works in IE but not FF	5	May 16, 2011
AJAX/DOM - Works in FF but not IE?	13	Apr 2, 2007
Slideshow not working properly	2	Jan 7, 2023
Script working in Firefox but not Chrome and Safari	3	Apr 6, 2021
Reversing output of user input by using while loop...	2	Sep 1, 2022
Bootstrap Tree View doesnt search properly. I am searching for 954116679 (FSP) but it returns 0 matches found	2	May 27, 2024
Image upload not working in browser	4	Sep 9, 2022
Works in Firefox, but not in IE	12	Jun 14, 2006

"for loop" works in FF but not in IE

Patrick Sullivan

Randy Webb

Patrick Sullivan

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads