Mesaj Penceresi Kodu

<style type="text/css">

<!--

td.top {

  background-color: #000080;

  text-align: right;

}



td.bottom {

  background-color: #ffe38c;

  padding: 15px;

}

-->

</style>  <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>  <br />

<div style="position: absolute; left: 200px; width: 410px; height: 10px; visibility: hidden;" id="layer1">

<table cellspacing="0" cellpadding="3" border="0">

    <tbody>

        <tr>

            <td class="top"><a style="text-decoration: none;"
href="javascript:hideIt()"><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>

    </tbody>

</table>

</div>

<form>

    <input type="button" value="Buraya tıkladığınızda mesaj penceresi açılacaktır." onClick="showIt()" />

</form>