Popup Contact Form With Javascript

by kompiajaib

HTML

<div onclick="$('.box-contact,.ct-overlay').toggle(400);">Contact
    </div>
<script type="text/javascript">
//<![CDATA[
function ct(e){document.write('<iframe src="http://contactkompiajaib.blogspot.com');document.write(e);document.write('" frameborder="no" allowfullscreen="allowfullscreen" scrolling="no"></iframe>')}
//]]>
</script>
<div class="box-contact">
<div class="boxcontact-iframe">
    <script type="text/javascript">ct("/");</script>    
</div>
    </div>
<div class="ct-overlay" onclick="$('.box-contact,.ct-overlay').toggle();"></div>

CSS

.box-contact{
    width:300px;
    height:360px;
    overflow:hidden;
    position:fixed;
    margin:20px auto;
    border:15px solid #ddd;
    z-index:100000;
    background:#fff;
    display:none;
    top:50%;
    margin-top:-205px;
    left:50%;
    margin-left:-165px;
}
.boxcontact-iframe{
    width:100%;
    height:380px;
    overflow:hidden;
    position:relative;
    margin:0 auto;
}
.boxcontact-iframe iframe{
    position:absolute;
    width:90%;
    height:100%;
    top:0;
    left:0;
    padding:10px
}
.ct-overlay{background:rgba(0,0,0,.7);position:fixed;top:0;left:0;bottom:0;right:0;z-index:99999;display:none}