Tip Window

Introduction

The "Tip Window" gives users of your site the the functionability of a help file/page in a single panel. Supports images, tables, forms, and all other basic HTML tags. (<b>, <i>, <u>, <font>, <a>, <br>, <hr>, <h1>, <h2>, <h3>, etc.)

Demonstration

Code

<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Tip Window</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body> <script language="JavaScript" type="text/javascript"> // // Tip Window 2.0 // Some Rights Reserved // http://webdeveloper.50webs.com // var setRandom = "off"; // Makes default message random whne set to on ("on" | "off") var numberMSG = 5; // Number of messages below var message= new Array(numberMSG) message[1] = "EDIT ME - MSG1" //Default message message[2] = "EDIT ME - MSG2"; message[3] = "EDIT ME - MSG3"; message[4] = "EDIT ME - MSG4"; message[5] = "EDIT ME - MSG5"; // Do not edit past this point var currentMSG = ""; //Do not assign a value function DYK_back() { currentMSG = currentMSG - 1 if (currentMSG < 0) {currentMSG = (numberMSG + 1) + currentMSG} if (message[currentMSG] == undefined) {currentMSG = numberMSG}; document.getElementById('didyouknow').innerHTML = message[currentMSG]; } function DYK_forward() { currentMSG = currentMSG + 1 if (currentMSG > numberMSG) {currentMSG = 1} if (message[currentMSG] == undefined) {currentMSG = 1}; document.getElementById('didyouknow').innerHTML = message[currentMSG]; } function DYK_default() { if (setRandom == "on") {currentMSG = (Math.floor(Math.random()*(numberMSG))) + 1;} if (setRandom == "off") {currentMSG = 1} document.getElementById('didyouknow').innerHTML = message[currentMSG]; } </script> <table width="250" border="0" cellpadding="1" cellspacing="5" bgcolor="#9FB8FF"> <tr> <td bgcolor="#9FB8FF" align="center"><b><a href="javascript:DYK_back();" style="text-decoration:none;"><font size="4" color="#FFFFFF">«««</font></a></b></td> <td bgcolor="#9FB8FF" align="center"><b><font size="4" color="#FFFFFF">Did You Know?</font></b></td> <td bgcolor="#9FB8FF" align="center"><b><a href="javascript:DYK_forward();" style="text-decoration:none;"><font size="4" color="#FFFFFF">»»»</font></a></b></td> </tr> <tr> <td colspan="3" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td><div id="didyouknow"></div> <script language="JavaScript" type="text/javascript">DYK_default();</script></td> </tr> </table></td> </tr> </table> </body> </html>

Get and View Page Updates

Report an Error | Return to Top