Butona tıkladıgınızda Popup pencere acar
Kod:
<script type="text/javascript">
var y1 = 20; // change the # on the left to adjuct the Y co-ordinate
(document.getElementById) ? dom = true : dom = false;
function hideIt() {
if (dom) {document.getElementById("layer1").style.visibility='hidden';}
if (document.layers) {document.layers["layer1"].visibility='hide';} }
function showIt() {
if (dom) {document.getElementById("layer1").style.visibility='visible';}
if (document.layers) {document.layers["layer1"].visibility='show';} }
function placeIt() {
if (dom && !document.all) {document.getElementById("layer1").style.top = window.pageYOffset + (window.innerHeight - (window.innerHeight-y1))}
if (document.layers) {document.layers["layer1"].top = window.pageYOffset + (window.innerHeight - (window.innerHeight-y1))}
if (document.all) {document.all["layer1"].style.top = document.body.scrollTop + (document.body.clientHeight - (document.body.clientHeight-y1));}
window.setTimeout("placeIt()", 10); }
window.onload=placeIt;
onResize="window.location.href = window.location.href"
</script>
<style>
td.top {
background-color: #000080;
text-align: right;
}
td.bottom {
background-color: #ffe38c;
padding: 15px;
}
</style>
<div id="layer1" style="position:absolute; left:20px; width:410px; height:10px; visibility:hidden;">
<table border="0" cellspacing="0" cellpadding="3">
<tr>
<td class="top">
<a href="javascript:hideIt()" style="text-decoration: none"><font color="#ffffff"><b>X</b></font></a>
</td>
</tr>
<tr>
<td class="bottom">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci.
<br><br>
[<em>You can close the layer by clicking the <strong>X</strong> at the top right of this layer.</em>]
</td>
</tr>
</table>
</font>
</div>
<form>
<input type="button" value="Open popup" onClick="showIt()">
</form>