homepage Welcome to WebmasterWorld Guest from 54.234.2.88
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
Forum Library, Charter, Moderator: open

JavaScript and AJAX Forum

    
autoload lightbox
KevinC




msg:4423257
 9:13 pm on Feb 29, 2012 (gmt 0)

I've searched a lot and what I find is lots of people asking the question but not many reliable answers.


anyway I have
<style>
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
padding: 16px;
border: 16px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
}
</style>
</head>
<body>
<p>This is the main content. To display a lightbox click <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" id="link">here</a></p>
<div id="light" class="white_content">This is the lightbox content. <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>
<div id="fade" class="black_overlay"></div>



But I'd like the lightbox to load when the page loads, without requiring the user to click anything. I know its dead simple for someone with more knowledge.

any help?

 

Marshall




msg:4423291
 10:00 pm on Feb 29, 2012 (gmt 0)

<body onload= "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" id="link">

Marshall

KevinC




msg:4423315
 10:33 pm on Feb 29, 2012 (gmt 0)

thanks Marshall - works like a charm.

Marshall




msg:4423377
 12:55 am on Mar 1, 2012 (gmt 0)

You're welcome.

Marshall

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved