Forum Moderators: not2easy
What I'm wanting to achieve is the splash screen having the main business logo, and an "enter" button.
once enter is clicked on - the div adjusts so that it is negative off the top of the screen, relieving the page.
The difficulty I'v hit is having the button object on top of the .swf that is embedded.
Hopefully you can follow that
body, div, ul, li, dl, dt, table, dl, dt, dd, fieldset, form, label, img{padding:0; margin:0; border:none;}
#ContactWrapper_NC {
position:relative;
width:710px;
height:500px;
margin-left:auto;
margin-right:auto;
top:0;
background-color: #ffffff;
}
#enter {
position:absolute;
bottom:110px;
left:295px;
z-index: 4001;
}
#splash {
position:absolute;
margin-left:auto;
margin-right:auto;
top:0;
width:710px;
height:500
z-index: 4000;
}
#section{
background-color: #000000
}
#main_content{
position:relative;
margin-left:auto;
margin-right:auto;
top:-500px;
width:710px;
height:500px;
}
#evvs_banner{
width:710px;
margin-left:auto;
margin-right:auto;
}
/* ------------------------------------------------------------------------------Form styles--------------------------------------------------------------------------------------*/
.submitbutton{
background-color:#c5d29b;
color:#3c4b0b;
border:none;
width:120px;
font-size:10px;
font-weight:bold;
padding:5px 0 5px 0;
z-index: 2;
}
.submitbutton:hover{background-color:#e8f7b6;}
<body id="section">
<!--scripts and such-->
<script type="text/javascript" src="./scripts/utilities.js">
</script>
<link href="./scripts/contact.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var buttonvar = 0;
function swapbutton(){
if (buttonvar==0){ //turn off
document.getElementById('theswap').src="./off.jpg";
document.getElementById('subscribe').value="Off";
buttonvar=1;
}else{
document.getElementById('theswap').src="./on.jpg";
document.getElementById('subscribe').value="On";
buttonvar=0;}}
var currentnumber = 0;
var FeatureTween;
var FeatureTween_Close;
function initOpenAux2()
{
if (currentnumber==0){
var initpath = document.getElementById("ContactWrapper_NC");
initpath.style.left="0px"
initpath.style.top="0px"
FeatureTween = new JSTween("FeatureTween","ContactWrapper_NC",7);
FeatureTween.Move(-500,0);
currentnumber=1;
}else{
var initpath = document.getElementById("ContactWrapper_NC");
FeatureTween_Close = new JSTween("FeatureTween_Close","ContactWrapper_NC",7);
FeatureTween_Close.Move(-500,0);
currentnumber=0;}}
</script>
<div id="ContactWrapper_NC">
<div id="splash">
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
id="Exclusive"
width="710" height="500"
align="l"
>
<param name="movie" value="./media/exclusive.swf">
<param name="bgcolor" value="#000000">
<param name="quality" value="high">
<param name="align" value="l">
<param name="allowscriptaccess" value="samedomain">
<embed
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
name="Exclusive"
width="710" height="500"
src="./media/exclusive.swf"
bgcolor="#000000"
quality="high"
align="l"
allowscriptaccess="samedomain"
>
<noembed>
</noembed>
</embed>
</object>
<div id="enter">
<input type="button" id="SUBBUTTON" value="ENTER" onclick="initOpenAux2()" class="submitbutton" />
</div>
</div>
</div>
<div id="main_content">
<div id:"evvs_banner">
<img src="./media/evvs_banner.jpg" alt="Exclusive Vehicle Valet Specialists" />
</div>
</div>
</body>
</html>
