Post-It-Note Help
You can view this script here: www.Habbo-Tech.com/Message/message.htm
The actual script is working fine, but I would like some help adding to this script.
I would like that little movable window to not already be there when the page loads but to only pop-up when link is clicked.
Here is the code for the JS part of the script:
JS Code I have posted below becuase of the 10,000 character limit!Code:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>New Page 1</title> </head> <body onload="MM_preloadImages('images/close_hover.gif','images/back_hover.gif','images/refresh_hover.gif')" oncontextmenu="return false" onselectstart="return false" ondragstart="return false" tlink="#000033" link="#000033" vlink="#000033"> <script language="JavaScript" src="v4.js"></script><div id="dropmenudiv" style="visibility: hidden; width: 114px; background-color: rgb(203, 138, 47);" onmouseover="clearhidemenu()" onmouseout="dynamichide(event)"></div> <div id="message" style="width: 454px; height: 175px; left: 295px; position: absolute; top: 212px; border-collapse: collapse; z-index: 3;"> <div class="handle" onmousedown="dragStart(event, 'message')"> <table border="0" cellpadding="0" cellspacing="0" height="35" width="454"> <tbody><tr> <td style="background-image: url(images/top-corner-left.gif);" height="35" width="15"></td> <td style="background-image: url(images/top-cell.png);" align="right" valign="top"> <img src="blank.gif" height="7" width="1"><br><a href="javascript:HideContent('message');"> <img src="close.PNG" border="0"></a></td> <td style="background-image: url(images/top-corner-right.gif);" height="35" width="17"></td> </tr> </tbody></table> </div> <div> <table border="0" cellpadding="0" cellspacing="0" width="454"> <tbody><tr> <td style="background-image: url(images/cell-left.png);" width="15"></td> <td align="center" bgcolor="#efefef" valign="center"><font face="Verdana" size="1"> Testing The Fab Window I Decided To Make!<br>It is just, so, fantastic!<br><br><br>And Look! You can just keep going down!<br>OMG, Finished Testing!</font></td> <td style="background-image: url(images/cell-right.png);" width="17"></td> </tr> <tr> <td style="background-image: url(images/cell-left.png);" width="15"></td> <td style="padding: 6px;" align="center" bgcolor="#efefef" valign="middle"><font face="Tahoma" size="2"><a href="javascript:HideContent('message');" onmouseover="document.image1.src='images/close_hover.gif'" onmouseout="document.image1.src='images/close_normal.gif'"> <img src="close_normal.gif" name="image1" border="0" height="25" width="56"></a></font></td> <td style="background-image: url(images/cell-right.png);" width="17"></td> </tr> <tr> <td style="background-image: url(images/bottom-corner-left.gif);" height="17" width="15"></td> <td style="background-image: url(images/bottom-cell.png);" height="17"></td> <td style="background-image: url(images/bottom-corner-right.gif);" height="17" width="17"></td> </tr> </tbody></table> </div> </div> </body> </html>
CSS Codes
Reply With Quote
Bookmarks