473,320 Members | 1,828 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,320 software developers and data experts.

Creating a Top-Level Masking DIV?

Hi all,
I'm kind of a javascript newbie here.
I'm just wondering if there is a way to create a toplevel masking DIV?
For example,I have a page that displays a Login hyperlink as well as
some components(buttons,texts, etc,.).
Also,I have a DIV called 'divLogIn' that contains some login inputs and
buttons.I will set this DIV to 'hidden' at first..
When the user clicks the Login hyperlink,I would like to have the
'DivLogIn' visible.This is easy because I can simply set the visibility
attribute to visible.
But what if I would like to populate a full-stretched DIV that lies
right below the 'DivLogIn' and above all other page components so that
this DIV will *mask* the entire page except the 'DivLogIn'?How could I
do this?
Sorry for my poor English.I'm not sure if I have made myself clear.

Any idea is greatly appreciated.
Thanks in advance.

Regards,
QC.

Apr 13 '06 #1
4 2234
Quitchat said the following on 4/13/2006 4:02 AM:
Hi all,
I'm kind of a javascript newbie here.
I'm just wondering if there is a way to create a toplevel masking DIV?
For example,I have a page that displays a Login hyperlink as well as
some components(buttons,texts, etc,.).
Also,I have a DIV called 'divLogIn' that contains some login inputs and
buttons.I will set this DIV to 'hidden' at first..
When the user clicks the Login hyperlink,I would like to have the
'DivLogIn' visible.This is easy because I can simply set the visibility
attribute to visible.
But what if I would like to populate a full-stretched DIV that lies
right below the 'DivLogIn' and above all other page components so that
this DIV will *mask* the entire page except the 'DivLogIn'?How could I
do this?
Sorry for my poor English.I'm not sure if I have made myself clear.


Loop through all DIV elements and set them to hidden and then set the
one you want to visible.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
Apr 13 '06 #2
Hi Randy,
Thank you for your quick reply.
Yes this is a workaround.
But what if I would like all other DIVs *not* disappear, just pupulate
a full-stretched DIV that has an 'opacity' attribute which allows users
to see the content of blocked DIVs,at the same time block all
manipulations(select,copy,set focus, etc,.) on them?

Thank you.

Apr 13 '06 #3
To make things clear,I have a sample here.

http://www.dragonson.com/pic/

When you click on an Image thumbnail,you will see a translucent,
gray-colored panel and that's the effect I would like.

Thank you.

Apr 13 '06 #4
Quitchat said the following on 4/13/2006 9:46 AM:

Please quote what you are replying to.

If you want to post a followup via groups.google.com, don't use the
"Reply" link at the bottom of the article. Click on "show options" at
the top of the article, then click on the "Reply" at the bottom of the
article headers.
<URL: http://www.safalra.com/special/googlegroupsreply/ >
To make things clear,I have a sample here.

http://www.dragonson.com/pic/

When you click on an Image thumbnail,you will see a translucent,
gray-colored panel and that's the effect I would like.


Right Click>View Source.

But, it looks almost identical, in principle, to this page:

<URL: http://www.litotes.demon.co.uk/js_info/pop_ups.html >

And I trust the code in the above page more than the code in dragonson.com

zIndex with an in-window popup which is precisely what Richard did in
the above page.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
Apr 13 '06 #5

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

Similar topics

6
by: Jason Bassford | last post by:
Okay, What I'm trying to do is create two boxes, one on top of the other. The first is a static height, the 2nd, underneath it, should take up the remaining amount of screen space and overflow...
3
by: AJ | last post by:
Hello, I was wondering if it is possible to create a file if it doean't exist. I am using fstream and writing in and out a binary file. I check to see if the file is opened. if it doesn't get...
1
by: Phil | last post by:
Supposedly, the code below should assign the correct value to the 'url' variable. But all I get is a blank 'main' Frame with apparently nowhere to go when I click on the link in the 'menu'...
4
by: Jason M | last post by:
Hi, Im very new to c#, so forgive me if this is a really stupid question. Im trying to create a form for entering purchase requests. For each line item I have a quantity, a description unit cost...
2
by: LIN | last post by:
Hello, Greetings. I am creating a web site which will contain lot of articles. I had been planning to create simple HTML page on the server everytime i posted a article (eg. article12.html )....
1
by: newguy99 | last post by:
hi everyone, i am very new to asp, i have a form page in which i am having issues creating the process page for it, can somone help me create it? here is my form: FORM name=form1...
1
by: wishbone34 | last post by:
Below is a postfix eval. program i have made, it works fine, however my professor wants me to make a header file with the class, and I tried this class StackType { public: void...
1
by: PETERMCHARRIS | last post by:
This code works in IE (pops up the div) but not in firefox, I cannot see why, any ideas? function creatediv(id, html, width, height, left, top) { if (document.getElementById(id) != null) { ...
3
by: susanhouser | last post by:
I am having some difficulty placing a footer on my web page. I want the footer to automatically move down as more content is added. I did this by creating a relative box for the content and placing...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....

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.