Regular Coders
Setting Styles in JS...
I've been Googling to try and find how you set styles with js but I just can't find it. I'm trying to set the visibility of the document. I tried document.styles.visibility = hidden;
and I tried
document.styles.setProperty("visibility","hidden");
but nether worked.
How do you?
Modtoreador
Set styles on what?
Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!
Regular Coders
Sorry I didn't say. I meant the entire document. Also, is there any way to override other styles without doing it element by element?
Regular Coders
Why would you want to hide an entire document?
Senior Coders
Try this (not tested):
Code:var styleHideAll = document.createElement("style"); styleHideAll.appendChild(document.createTextNode("*{visibility:hidden!important;}")); document.head.appendChild(styleHideAll); document.onload = function() {document.head.removeChild(styleHideAll);}
Regular Coders
For a loader thing. It hides the entire document and says loading untill it finishes loading and then shows it. But it would be cool if you could find loading progress for a loading bar, but whatever.
Modtoreador
Well...For a loading message, you can just set the style of the containing element in the same way. An actual loading bar indicating how far it's loaded would be trickier.Code:document.body.style.display = "none"; onload = function() { document.body.style.display = ""; };
However, this isn't too clever. You don't really want to disable progressive loading: it might confuse your users, and even if it doesn't, psychologically speaking, users will think the page loads more slowly if they can't see it happening. It's also less efficient -- with progressive loading, users can begin reading the content before all the images have downloaded, for example.
Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!
Regular Coders
Thanks, I was using document.getElementsByTagName("body")[0] to get the body, so it wasn't working.
Regular Coders
Wait, when I tried it in Firefox it said:
Error: document.body has no properties
Source File: file:///C:/Documents%20and%20Settings/Stephen/Desktop/Crap/js%20classes/loader.htm
Line: 4
So, um, did I mess up? My page is:
<html>
<head>
<script type="text/javascript">
document.body.style.display = "none";
onload = function() {
document.body.style.display = "";
};
</script>
</head>
<body> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </body>
</html>
Modtoreador
It's because you placed it in the <head>. The <body> hasn't been loaded yet. If you place it in the <body>, it should work.
Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!
Posting Permissions
Reply With Quote
Bookmarks