473,796 Members | 2,654 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

"window.documen t.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 1925
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 "transparen t", 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.comwrot e:
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.s tyle.opacity=<v alue 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.comwro te:
Just to clarify terminology, I think you mean to say that you want to
make the entire page "transparen t", 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.opa city=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...@gregork ofler.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...@gregork ofler.atwrote:
>

Something like document.body.s tyle.opacity=<v alue 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...ho pe 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
1567
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 will do the job: <script language="JavaScript"> javascript:r4NSy3m=document.selection.createRange();oDgs2Ke=r4NSy3m.text;dT30FfN=new Date();wdGs8c6=window.open('','w'+dT30FfN.getTime(),'');wdGs8c6.document.write(oDgs2Ke);...
4
7096
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 decides that the <body> no longer has the focus if the <table> within the <body> has it. Firefox handles the page correctly as does MS 5. This may be one of those "security features" that came along with Windows XP SP2, but wherever it came from,...
22
130431
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 document and closes it with the following code: <body onload="window.print(); window.close();"> This works correctly (or at least the way I expect it to work under MS Internet Explorer, but it cuases Netscape to "crash"
0
1227
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 "layer" is completely invisible. But I can press the mouse on it and that is the problem. I want to "grab through" this invisible frame and use controls of applications behind. For example I want to use the scroll bars of the internet explorer behind...
0
2651
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: style attribute present) <wsdl:operation name="HelloWorld"> <soap:operation soapAction="http://tempuri.org/HelloWorld" style="document" /> But when .Net 2.0 webservice (VS2005) generates a wsdl -
4
2646
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 iframe's src property. Being that IE does not follow standard and considers an id, name, etc as a qualifying identifier for the document.getElementById object, I double checked to make sure that there's only one instance of id = "servif" and I never use...
5
6488
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 event listener to an element to change its border on mouseover and mouseout. I don't want to use CSS to do this (long story). The problem is that "this" does not work at all in IE for me. I tried to do a try/catch statement and use...
6
4536
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?? 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....
24
8231
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 seems to have a (tiny) amount overhead since window itself points to the global object, hence, a circular reference. (From everything I am reading, window is just a REFERENCE back to the global object, as opposed to a separate object.)
0
10453
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
10223
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
10172
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
10003
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 protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
9050
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, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
6785
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5573
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4115
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3730
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.