javascript - Continue button does not close the box -


so have site im creating , has box in center of when push continue in bottom right hand corner box disappear , display site behind it.

how can this? not strong coder, little guidance it. thank in advance help.

i attached pic in case explanation wasnt good.( guess dont have enough of reputation so) :( not sure if put question in right forum...

-sa!

here's 1 way might describing:

you'll need div id attribute, , button id also:

<div id='overlay'><button type='button' id='btncontinue'>continue</button></div> 

you can style css (maybe):

#overlay {     background:black;     height:100%;     left:0;     position:absolute;     top:0;     width:100%;     z-index:1000; } 

you can toggle overlay this:

document.getelementbyid('btncontinue').onclick = function() {     document.getelementbyid('overlay').style.display = 'none'; } 

just kicks, interesting alternative way width 100% , height 100% is:

#overlay {     background:black;     bottom:0;     left:0;     position:absolute;     right:0;     top:0;     z-index:1000; } 

Comments

Popular posts from this blog

SPSS keyboard combination alters encoding -

Add new record to the table by click on the button in Microsoft Access -

CSS3 Transition to highlight new elements created in JQuery -