jaymc Posted October 17, 2007 Share Posted October 17, 2007 I have a page on my website with a video link, when a user clicks the video it loads in the same page floating on top of the page content I use position:absolute for that It works fine however I want the background content to be invisible. currently I have the video loaded in a table which is 100% x 100% with a background colour of white That does what I want, I essentually get a white page with just the video even though there has been no page reload and original content is hiding away behind the floating table However, the page height is around 2000px in total, 100% x 100% only stretches to the current available page view, so if I scroll down you can see the original content What is the best way to totally hide everything on a page, like putting a sheet over the top of it.. Quote Link to comment Share on other sites More sharing options...
ToonMariner Posted October 17, 2007 Share Posted October 17, 2007 quickest would be to open in a new page but as this is a doc effect you'll be using javascritp to show hide this table... if so just disable scrolling on the page until the vid is closed/hidden. Quote Link to comment Share on other sites More sharing options...
jaymc Posted October 17, 2007 Author Share Posted October 17, 2007 quickest would be to open in a new page but as this is a doc effect you'll be using javascritp to show hide this table... if so just disable scrolling on the page until the vid is closed/hidden. Is there no way to place a position:absolute 'sheet' over the entire area? I suppose I could use javascript to detect scrollable area and set a px height rather than a % height But I want to avoid using javascript, I thought there would be something in HTML & CSS that would work well.. Quote Link to comment Share on other sites More sharing options...
ToonMariner Posted October 17, 2007 Share Posted October 17, 2007 easiest implementation would be to just call another page! Quote Link to comment Share on other sites More sharing options...
jaymc Posted October 17, 2007 Author Share Posted October 17, 2007 Its Ajax... the new way forward I need this veil Quote Link to comment Share on other sites More sharing options...
ToonMariner Posted October 17, 2007 Share Posted October 17, 2007 well that needs javascript so just disable scrolling! Quote Link to comment Share on other sites More sharing options...
jaymc Posted October 17, 2007 Author Share Posted October 17, 2007 Ok cool, cheers Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.