Win a copy of Svelte and Sapper in Action this week in the JavaScript forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Ron McLeod
  • Paul Clapham
  • Bear Bibeault
  • Junilu Lacar
Sheriffs:
  • Jeanne Boyarsky
  • Tim Cooke
  • Henry Wong
Saloon Keepers:
  • Tim Moores
  • Stephan van Hulst
  • Tim Holloway
  • salvin francis
  • Frits Walraven
Bartenders:
  • Scott Selikoff
  • Piet Souris
  • Carey Brown

Html glass pane

 
Saloon Keeper
Posts: 2669
130
Google Web Toolkit Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi,
I want to make a glass-pane that disables the rest of my screen kind of like a lightbox.
There are plenty of scripts out there, but i didnt find any one sharing the source code or giving out the solutions, rather they insist on using thier own libraries...

here is what i attempted:


Code seems to work fine, however if you scroll down, you will discover that the rest of the page is still accessible in all browsers.

I guess that i could also take care of that by putting the entire page in a div and setting its overflow to auto with width and height as 100%,
but i dont think its a good solution,

Does any one have better ideas ?
 
salvin francis
Saloon Keeper
Posts: 2669
130
Google Web Toolkit Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Well, got it to work finally,



Hope this benefits someone ....
 
Ranch Hand
Posts: 15304
6
Mac OS X IntelliJ IDE Chrome
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
You're code looks like it might only work in IE. Is this the case?
 
salvin francis
Saloon Keeper
Posts: 2669
130
Google Web Toolkit Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Tested to work fine in
IE7, FF3.0,chrome5.0,safari4

I would really like to know if it renders fine on opera.
 
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
The tab key is fun! Try it!

Eric
 
salvin francis
Saloon Keeper
Posts: 2669
130
Google Web Toolkit Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator

Damn you testers !!!


Hey but i tried pressing tab, it didnt focus the select box...
in IE and FF


good bug btw


guess i will have to run a loop to disable all elements when showning the glass plane
 
Eric Pascarello
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
No need to test, just common sense.

Eric
 
salvin francis
Saloon Keeper
Posts: 2669
130
Google Web Toolkit Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
So, is it a bug ?
"works for me"
 
Bring out your dead! Or a tiny ad:
the value of filler advertising in 2020
https://coderanch.com/t/730886/filler-advertising
    Bookmark Topic Watch Topic
  • New Topic