mark110384 Posted August 29, 2008 Share Posted August 29, 2008 Is there any way that u can set a google map to transparent like what you would use for Flash wmode. My aim is to allow the user to select a log in opition this then open a hidden DIV that expands to fill the whole browser with a log in box centered, however the google maps API looks as though it is layered above the hidden div? Thanks Link to comment https://forums.phpfreaks.com/topic/121860-questionhelp-regarding-a-div-and-google-maps/ Share on other sites More sharing options...
Bricktop Posted August 29, 2008 Share Posted August 29, 2008 Not sure if this would work, but how about: Put the following just below the <BODY> tag: <div id='LoginPage'> <div id='LoginText'> Stick the form code in here and all the associated blurb. </div> </div> Use the following css code: #LoginPage { position: absolute; z-index: 100; background-color: #000; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; top: 0%; left: 0; height: 100%; width: 100%; text-align: center; line-height: 0; display: none; } #LoginText { position: relative; font-family: Verdana, Arial; font-size: 12px; top: 50%; color: #fff; text-align: center; } Then, edit the login link to be: <a href="#" onclick="document.getElementById('LoginPage').style.display = 'block';">Login Link</a> The above will cause the entire page to go an opaque black colour and have the login content in the middle of the window. I'm no Javascript expert but this works on a simple HTML page, obviously you will need to try it and modify it to suit your needs. Hope it helps. Link to comment https://forums.phpfreaks.com/topic/121860-questionhelp-regarding-a-div-and-google-maps/#findComment-628719 Share on other sites More sharing options...
mark110384 Posted August 29, 2008 Author Share Posted August 29, 2008 How would you close the DIV? Link to comment https://forums.phpfreaks.com/topic/121860-questionhelp-regarding-a-div-and-google-maps/#findComment-628754 Share on other sites More sharing options...
mark110384 Posted August 29, 2008 Author Share Posted August 29, 2008 Got it! Thanks I'll have to have real good look at it next week and integrate it into my site. Thanks again <a href="#" onclick="document.getElementById('LoginPage').style.display = 'none';"> Link to comment https://forums.phpfreaks.com/topic/121860-questionhelp-regarding-a-div-and-google-maps/#findComment-628763 Share on other sites More sharing options...
Bricktop Posted August 29, 2008 Share Posted August 29, 2008 No problem! Link to comment https://forums.phpfreaks.com/topic/121860-questionhelp-regarding-a-div-and-google-maps/#findComment-628769 Share on other sites More sharing options...
mark110384 Posted September 1, 2008 Author Share Posted September 1, 2008 Would anyone know how to make the DIV fully extend and to fill the whole browser window, for example when a user scrolls down there is a gap at the bottom of the page, it seems to work fine in FF but not in IE Link to comment https://forums.phpfreaks.com/topic/121860-questionhelp-regarding-a-div-and-google-maps/#findComment-631042 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.