problem with ie

zinch · Mar 31, 2006

can some one help please?

Code:

var i = 0;
function loading(){
				if(document.getElementById('storage').innerHTML == '<br>Your file(s) are uploading...'){			document.getElementById('storage').innerHTML = '<br>Your file(s) are uploading';
}else if(document.getElementById('storage').innerHTML == '<br>Your file(s) are uploading'){
					document.getElementById('storage').innerHTML = '<br>Your file(s) are uploading.';
}else if(document.getElementById('storage').innerHTML == '<br>Your file(s) are uploading.'){
					document.getElementById('storage').innerHTML = '<br>Your file(s) are uploading..';
}else if(document.getElementById('storage').innerHTML == '<br>Your file(s) are uploading..'){
					document.getElementById('storage').innerHTML = '<br>Your file(s) are uploading...';
}else{
					document.getElementById('storage').innerHTML = '<br>Your file(s) are uploading';
}

setTimeout('loading()',500);
}

this code does not work in ie but in firefox iv been working on it for a couple of hours and its realy enoying me. lol
can some one please help.

tsuji · Mar 31, 2006

They represent html tag differently internally in upper/lower case. Do the comparison at uniform case to make a common basis.
[tt]
var i = 0;
function loading(){
if(document.getElementById('storage').innerHTML.toLowerCase() == ' Your file(s) are uploading...'.toLowerCase()){ document.getElementById('storage').innerHTML = ' Your file(s) are uploading';
}else if(document.getElementById('storage').innerHTML.toLowerCase() == ' Your file(s) are uploading'.toLowerCase()){
document.getElementById('storage').innerHTML = ' Your file(s) are uploading.';
}else if(document.getElementById('storage').innerHTML.toLowerCase() == ' Your file(s) are uploading.'.toLowerCase()){
document.getElementById('storage').innerHTML = ' Your file(s) are uploading..';
}else if(document.getElementById('storage').innerHTML.toLowerCase() == ' Your file(s) are uploading..'.toLowerCase()){
document.getElementById('storage').innerHTML = ' Your file(s) are uploading...';
}else{
document.getElementById('storage').innerHTML = ' Your file(s) are uploading';
}

setTimeout('loading()',500);
}
[/tt]

theniteowl · Mar 31, 2006

zinch, you can shorten this up dramatically.
Since the only thing you are changing is the number of periods after the text then it is easier to just add a period onto the end until you have 4 then reset to the original text.
In my sample below I moved the 's outside of the div to make appending the periods directly to the div easier.

Code:

<html>
<head>
<title></title>
<script type="text/javascript">
var cnt=0;
function loading() {
  if (cnt < 4) {
    document.getElementById('storage').innerHTML += '.';
    cnt++;
  }
  else {
    document.getElementById('storage').innerHTML = 'Your files(s) are uploading';
    cnt = 0;
  }
  setTimeout('loading()',500);
}
</script>
</head>
<body>
<br>
<div id="storage">Your files(s) are uploading</div>
<br>
<input type="button" value="Test" onclick="loading()">
</body>
</html>

I have not tested in anything but IE but I think it should work.

Stamp out, eliminate and abolish redundancy!

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

problem with ie

zinch

Programmer

tsuji

Technical User

theniteowl

Programmer

Similar threads

Part and Inventory Search

Sponsor