[RESOLVED] Div tag not hiding

NZ_Kiwis

I have this code

setInterval('YellowBlockHide()', 9000);

function YellowBlockHide() {
	alert('test');
	document.getElementById("helpdiv").style.display=" none";
}

And my DIV tag looks like this

<div id="helpdiv"  class="YellowAlert">
<font class="BlackNormal">My Alert message</font>
</div>

I get the alert messaeg but my DIV tag does not hide, it does in Chrome but not IE8

Why?

Bonesnap

Try removing the space in:

" none";

Spaces can cause weird behaviour across browsers.

NZ_Kiwis

dalecosp

Bonesnap;10995631 wrote:
Try removing the space in:
" none";
Spaces can cause weird behaviour across browsers.

Dunno if I'd call that "weird" or not ... but apparently the JS in some browsers doesn't do [man]trim/man....

😃

Seriously, thanks for the pointer.

Bonesnap

dalecosp;10995892 wrote:
Dunno if I'd call that "weird" or not ... but apparently the JS in some browsers doesn't do [man]trim/man....

😃

Seriously, thanks for the pointer.

No problem. It's why I liked to use jQuery's $.trim() function whenever I need to trim in JavaScript since it works cross-browser.

Weedpacket

dalecosp;10995892 wrote:
Dunno if I'd call that "weird" or not ... but apparently the JS in some browsers doesn't do [man]trim/man....

It was introduced in JavaScript 1.8.1; MDN's manual entry on trim() gives some compatibility information about when different browsers began supporting it:

Firefox 3.5
Chrome (since always)
Opera 10.5
Safari 5
Internet Explorer 9