473,396 Members | 1,707 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

"window.document.style.opacity=0.4"??


Okay, no such thing, apparently, in the DOM....

How am I supposed to tell JavaScript "turn the whole page opaque"?

Is there a "JavaScript/CSS dictionary" and a "JavaScript/CSS grammar"
about??

I've looked at several books but so far they're not exactly
"rulebooks," which is what I'd need...I need a rulebook that helps me
parse English into JavaScript/CSS....

A great part of my problem lies in not knowing what's even possible
("scope and depth"), and I hope the book "DOM Scripting" that's on its
way to me will soon shed light on DOM "grammar" and "vocabulary," but
it's not a rulebook as such, either.

Any rule or lawbooks on DOM/JavaScript/CSS??

And, for now, just how am I supposed to tell JavaScript/CSS to make
the *whole* page opaque? I can see how getElementById can work for
images and such -- but how about the whole page??

And then, on top of that, I need to be able to write "on top" of
what's been veiled by the opacity...and then return to the normal
webpage again....

Basically, I'm trying to accomplish what a simple JavaScript
alert("info info info") would do, only with my own visual effect and
style.

Is such a thing even possible??? (Again, I just don't know "scope"
and "depth" of JavaScript-CSS-DOM nexus....)

Here's what I'm looking to do:

1) Make whole page opaque onClick

2) Write on top of the page (not as an "addition" at bottom, but on
top, similar to a dialog pop-up box)

3) Return to normal page status onClick
During Stage 2, the page is not accessible to the visitor, in the
manner of a simple alert() pop-up.

Any way, hope that makes sense (and again, this is a *technical*
question, concerning what's possible, not an "aesthetic" one about
what's advisable in terms of design and usability, etc. -- thanks!)....
Jun 27 '08 #1
6 4517
Prisoner at War meinte:
Okay, no such thing, apparently, in the DOM....

How am I supposed to tell JavaScript "turn the whole page opaque"?
To see what underneath?

Gregor
--
http://photo.gregorkofler.at ::: Landschafts- und Reisefotografie
http://web.gregorkofler.com ::: meine JS-Spielwiese
http://www.image2d.com ::: Bildagentur für den alpinen Raum
Jun 27 '08 #2
Just to clarify terminology, I think you mean to say that you want to
make the entire page "transparent", not "opaque". Look up the word.
It's amazing how often these terms are reversed in common usage.

On Apr 30, 9:25 am, Prisoner at War <prisoner_at_...@yahoo.comwrote:
Okay, no such thing, apparently, in the DOM....

How am I supposed to tell JavaScript "turn the whole page opaque"?

Is there a "JavaScript/CSS dictionary" and a "JavaScript/CSS grammar"
about??

I've looked at several books but so far they're not exactly
"rulebooks," which is what I'd need...I need a rulebook that helps me
parse English into JavaScript/CSS....

A great part of my problem lies in not knowing what's even possible
("scope and depth"), and I hope the book "DOM Scripting" that's on its
way to me will soon shed light on DOM "grammar" and "vocabulary," but
it's not a rulebook as such, either.

Any rule or lawbooks on DOM/JavaScript/CSS??

And, for now, just how am I supposed to tell JavaScript/CSS to make
the *whole* page opaque? I can see how getElementById can work for
images and such -- but how about the whole page??

And then, on top of that, I need to be able to write "on top" of
what's been veiled by the opacity...and then return to the normal
webpage again....

Basically, I'm trying to accomplish what a simple JavaScript
alert("info info info") would do, only with my own visual effect and
style.

Is such a thing even possible??? (Again, I just don't know "scope"
and "depth" of JavaScript-CSS-DOM nexus....)

Here's what I'm looking to do:

1) Make whole page opaque onClick

2) Write on top of the page (not as an "addition" at bottom, but on
top, similar to a dialog pop-up box)

3) Return to normal page status onClick

During Stage 2, the page is not accessible to the visitor, in the
manner of a simple alert() pop-up.

Any way, hope that makes sense (and again, this is a *technical*
question, concerning what's possible, not an "aesthetic" one about
what's advisable in terms of design and usability, etc. -- thanks!)....
Jun 27 '08 #3
Prisoner at War meinte:
Okay, no such thing, apparently, in the DOM....

How am I supposed to tell JavaScript "turn the whole page opaque"?
Something like document.body.style.opacity=<value between 0 and 1>?
Is there a "JavaScript/CSS dictionary" and a "JavaScript/CSS grammar"
about??
Plenty. Mozilla. MSDN. W3C.

http://www.mozilla.org/docs/dom/
http://msdn.microsoft.com/en-us/library/ms533043.aspx
http://www.w3.org/DOM/

Maybe it helps to with your terminology, too.

I've looked at several books but so far they're not exactly
"rulebooks," which is what I'd need...I need a rulebook that helps me
parse English into JavaScript/CSS....
Er... What?
Any rule or lawbooks on DOM/JavaScript/CSS??
What's a "lawbook"?
And, for now, just how am I supposed to tell JavaScript/CSS to make
the *whole* page opaque? I can see how getElementById can work for
images and such -- but how about the whole page??
See above. Will work in contemporary "W3C-browsers".
Basically, I'm trying to accomplish what a simple JavaScript
alert("info info info") would do, only with my own visual effect and
style.
Yes.

Here's what I'm looking to do:

1) Make whole page opaque onClick

2) Write on top of the page (not as an "addition" at bottom, but on
top, similar to a dialog pop-up box)

3) Return to normal page status onClick
Easy. A "javascript modal window". Google is your friend.

Gregor
--
http://photo.gregorkofler.at ::: Landschafts- und Reisefotografie
http://web.gregorkofler.com ::: meine JS-Spielwiese
http://www.image2d.com ::: Bildagentur für den alpinen Raum
Jun 27 '08 #4
On Apr 30, 12:47 pm, "david.karr" <davidmichaelk...@gmail.comwrote:
Just to clarify terminology, I think you mean to say that you want to
make the entire page "transparent", not "opaque". Look up the word.
It's amazing how often these terms are reversed in common usage.
Hmmm...well, the degree something is transparent is the degree to
which it is not opaque, and vice-versa, so it can be easy to trip up
terms, yes....

CSS uses an "opacity" property, so I guess I'm going along with
that...but yeah, I like for something to be transparent *over* my
webpage...AFAIK, it involves setting an opacity property...so, is
there even an opacity property to the whole page? Can the whole page
itself be addressed as an object? I know how to do it with images,
using "this.style.opacity=0.4" but is there a way to address the page
as a whole?
Jun 27 '08 #5
On Apr 30, 12:23 pm, Gregor Kofler <use...@gregorkofler.atwrote:
>

To see what underneath?

Gregor
To see the webpage itself...a textbox would appear, onClick, over the
webpage. During this time, the page would be inaccessible, in the
manner of an alert() pop-up. With another onClick, the textbox
disappears and the page (previously) "underneath" resumes its normal
character (scrollable, etc.).

Is there a way to address the page as a whole in the DOM? Is there a
way to write "on top" of the page, as opposed to only "adding to"
what's already there?

Is there, in effect, a way of "layering" the webpage, like with an
onion or Photoshop image??
Jun 27 '08 #6
On Apr 30, 12:53 pm, Gregor Kofler <use...@gregorkofler.atwrote:
>

Something like document.body.style.opacity=<value between 0 and 1>?
OMG!! That's it -- BODY!! LOL!!!
Plenty. Mozilla. MSDN. W3C.

http://www.mozilla.org/docs/dom/http...ww.w3.org/DOM/

Maybe it helps to with your terminology, too.
Oh wow, thanks! Yeah, I'm going to learn a lot from these
references...hope I can piece it all together mentally...that's the
trick...but first I need the grammar and vocabulary -- thanks!
Er... What?
Exactly my feelings! ;-)
What's a "lawbook"?
Well, you know how if you want to start a business, you gotta go to a
lawyer who consults his lawbooks and tells you what you can and cannot
do (for example, prostitution is legal in Rhode Island if it's done
*indoors*! [?!])...or if you're playing "Dungeons and Dragons" and
the DM says that according to Rules 3.2.12 you can't use your +25
Crystal Sword of Death against a Level 99 Super Cleric from
Hell...well, same thing with JavaScript -- I was wondering if there
are "rulebooks" or "lawbooks" which dictate the "depth" and "scope" of
what's possible....
See above. Will work in contemporary "W3C-browsers".
So kewl! Hmmm...I can already see my next few assignments: what to do
with any older/non-JavaScript-enabled browsers!!
Yes.

Easy. A "javascript modal window".
Ah! A modal window! That's what that is!! Yes, "VK" had referenced
just such a thingamajig in another thread -- http://www.subimage.com/dhtml/subModal
-- but only now am I able to really appreciate it!

Thanks sooooo MUCH!! Maybe I can create a font or animated cursor and
dedicate it to you people here! ;-)
Google is your friend.
Actually, I wouldn't even have known the keyword...and while it's
better than the buy.com search engine (where you could enter the exact
title of a book and still not find it!), it still turns up a lot of
garbage for me (then again, I sometimes look for "hard stuff" with no
easy keyword matches)....
Jun 27 '08 #7

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: melvynm | last post by:
Currently I'm trying to make a plugin for my browser (Maxthon/IE6) which allows me to select any text on the current page and press the plugin button to create a new tab with the selection. This...
4
by: Peter Pagé | last post by:
Hi, I've got a window with a "<body onBlur="window.close()"> tag that keeps closing prematurely. It happens when the user clicks on text inside a table in the same window. Apparently IE...
3
by: JohnEGee | last post by:
Hello, all, and TIA for any help you can offer. I've searched the Internet for answers and have finally come here. I've created a page (several, actually) with a link that opens a pop-up...
22
by: stephen | last post by:
I have created an order form that users javascript to create a new html document when the customers clicks the "print page" button. Once the new document has been created it then prints the...
0
by: harkon | last post by:
Hi everybody! I'm just wondering what it would take to make the following: I have an invisible C# frame (opacity 0%) topmost placed, with no control boxes and even no border. Therefore this...
0
by: =?Utf-8?B?QXR1bA==?= | last post by:
When .Net 1.0 webservice (VS2003) generates a wsdl - <wsdl:binding name="TestSoap" type="tns:TestSoap"> <soap:binding transport="http://schemas.xmlsoap.org/soap/http" style="document"/(note:...
4
by: dr1ft3r | last post by:
Hey guys, I'm building a site for a landscaping business down the street and can't seem to get part of the code functioning correctly. The code fails on line 68 where I make a reference to an...
5
by: anEchteTrilingue | last post by:
Hi everybody. Thank you for reading my post. I am having trouble getting "this" to work in all versions of IE (it's fine in Firefox, opera, konqueror, etc). What I would like to do is add an...
6
by: Prisoner at War | last post by:
Okay, no such thing, apparently, in the DOM.... How am I supposed to tell JavaScript "turn the whole page opaque"? Is there a "JavaScript/CSS dictionary" and a "JavaScript/CSS grammar" about??...
24
by: Jeremy J Starcher | last post by:
While reading c.l.j, I've noticed that some people prefer and indeed even recommend the use of "window.alert()" over "alert()". I can't find any technical reason to make this distinction, and...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.