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
Post a Comment