File: example.html

Recommend this page to a friend!
  Classes of Gianluca Zanferrari   mssgBox   example.html   Download  
File: example.html
Role: Example script
Content type: text/plain
Description: example file
Class: mssgBox
Show messages that disappear after a while
Author: By
Last change:
Date: 14 years ago
Size: 2,129 bytes
 

Contents

Class file image Download
<!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> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>mssgBox</title> <script language="javascript" type="text/javascript" src="mssgBox.js"></script> <script language="javascript" type="text/javascript"> var obj = new mssgBox(); </script> </head> <body onload="obj.divMsgAutohide('Relax, it will disappear in 2 seconds', 'ok')"> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p><a href="javascript: void(0);" onclick="obj.divMsgAutohide('This is the ALERT message to be shown...Hurry up!', 'err')">Show message with autohide (alert colored)</a><br /> called with: obj.divMsgAutohide('This is the ALERT message to be shown...Hurry up!', 'err')<br /> </p> <p><a href="javascript: void(0);" onclick="obj.divMsgWait('This is the ALERT message to be shown...Hurry up!', 'err')">Show persistent message (alert colored)</a><br /> called with: obj.divMsgWait('This is the ALERT message to be shown...Hurry up!', 'err')</p> <p><a href="javascript: void(0);" onclick="obj.divMsgAutohide('This is the OK message to be shown...Relax!', 'ok')">Show message with autohide (green colored)</a><br /> called with: obj.divMsgAutohide('This is the OK message to be shown...Relax!', 'ok')</p> <p><a href="javascript: void(0);" onclick="obj.divMsgWait('This is the OK message to be shown...Relax!', 'ok')">Show persistent message (green colored)</a><br /> called with: obj.divMsgWait('This is the OK message to be shown...Relax!', 'ok')</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> </body> </html>