IT MANAGEMENT
CIO Update
Datamation
eSecurity Planet
ITSMWatch
Intranet Journal
IT Career Planet
Project Manager Planet
Semantic Web
NETWORKING
EnterpriseNetworkingPlanet
InstantMessagingPlanet
EnterpriseStorageForum
PracticallyNetworked
WEB DEVELOPMENT
HTML Goodies
Javascripts.com
HARDWARE & SYSTEMS
EarthWeb Hardware
SysOpt
Virtual Dr.
WorkstationPlanet
SOFTWARE DEVELOPMENT
CodeGuru
Developer
jGuru.com
JARS
Gamelan
EARTHWEBNEWS.COM
Business
Developer
Ecommerce
Enterprise
Networking
Security
Special Reports
Storage
Opinion
Mobility
xSP
Stats
IT MANAGEMENT
NETWORKING
WEB DEVELOPMENT
HARDWARE & SYSTEMS
SOFTWARE DEVELOPMENT
IT NEWS
Events
Jobs
Premium Services
Media Kit
Network Map
E-mail Offers
Vendor Solutions
Webcasts
subjects:
HTML
Javascript
Add a Javascript
Background
Banners
Business
Cookies
Forms
Games
Image
Mathematics
Messages
Multimedia
Music
Navigation
Security
Sound
Statistics
Timedate
Utilities
Technology Jobs
Search EarthWeb Network
internet.commerce
Be a Commerce Partner
Web Development
:
JavaScripts
Find a Javascript
:
FREE Tech Newsletters
Instant Messaging Planet HTML
CIO Update
CodeGuru Update
Enterprise Networking Planet
Practically Networked HTML
Enterprise Storage Forum HTML
Optically Networked HTML
Intranet Journal Update
Datamation IT Management Careers
Datamation IT Management Update
Developer.com Update
Gamelan Java Update
Goodies to Go
Javascript Weekly HTML
JARS Java Update
OpenSource Update
SysOpt Tech Notes
Grid Computing Planet HTML
E-Security Planet HTML
Virtual Dr. Text
Source code for Matts Bar Graphs:
<html> <head> <title> Matts Bar Graphs </title> <style> A:link {text-decoration: none; color: blue;} A:visited {text-decoration: none; color: blue;} A:hover {text-decoration: underline; color: darkblue;} </style> </head> <body bgcolor="#FFFFFF"> <center> <table border=1 bordercolor=black cellpadding=5 cellspacing=0 width=560> <tr><td valign=center align=center style="height:40px; background:#888888; color:#ffffff;"> <b>Matts Bar Graphs</b> </td></tr> <tr><td valign=center align=center style="height:40px;"> <a href="#author">Author's Notes</a> | <a href="#features">Features</a> | <a href="#examples">Examples</a> | <a href="#getscript">Get Script</a> </td></tr> <tr><td valign=center align=center style="height:30px; background:#dedede;"> <a name="author"> Author's Notes </td></tr> <tr><td valign=top align=left> This script was written completely by: <br><dd>Matthew Tong <br><dd><a href="mailto: phreeeky@hotmail.com">phreeeky@hotmail.com</a> <br><dd><a href="http://phreeeky.dk3.com" target=_blank>http://phreeeky.dk3.com</a> <br><br> Written on: <br><dd>31st July, 2002 <p align=right><a href="#"><small>TOP</small></a> </td></tr> <tr><td valign=center align=center style="height:30px; background:#dedede;"> <a name="features"> Features </td></tr> <tr><td valign=top align=left> <ul> <li style="list-style-type: circle"> As many catagories as you like. <li style="list-style-type: circle"> Changable title and catagory names. <li style="list-style-type: circle"> Can display the percentage and/or the total for each catagory. <br><br> <li style="list-style-type: disc"> Colors: <ul> <li style="list-style-type: circle"> All colors are easily changable. <li style="list-style-type: circle"> Each catagory can have a color set for it or it can be random. <br><small> (Take a look at the examples: bars 2 & 5 have set colours - Try refreshing each.) </small> <li style="list-style-type: circle"> Accepts plain text and hex color codes. </ul><br> <li style="list-style-type: disc"> Sizes: <ul> <li style="list-style-type: circle"> Adjustable width and height of entire graph. <li style="list-style-type: circle"> Label and title widths and heights may be altered. <li style="list-style-type: circle"> All bar sizes automatically calculated. <li style="list-style-type: circle"> There may be an adjustable gap between bars. </ul><br> <li style="list-style-type: disc"> Alignment: <ul> <li style="list-style-type: circle"> Bars can easily be made vertical or horizontal by placing a "v" or an "h". <li style="list-style-type: circle"> Graph can be placed anywhere including within <center> tags or table cells. </ul> </ul> <p align=right><a href="#"><small>TOP</small></a> </td></tr> <tr><td valign=center align=center style="height:30px; background:#dedede;"> <a name="examples"> Examples </td></tr> <tr><td valign=center align=center style="height:40px;"> <br> These examples use the same data and colours as each <br> other but are simply different bar alignments: <br><br> <a href="hbargraph.html">Horizontal Example</a> | <a href="vbargraph.html">Vertical Example</a> <p align=right><a href="#"><small>TOP</small></a> </td></tr> <tr><td valign=center align=center style="height:30px; background:#dedede;"> <a name="getscript"> Get Script </td></tr> <tr><td valign=center align=center style="height:60px;"> <br><br><a href="bargraph.zip">Download All Files Needed</a> <p align=right><a href="#"><small>TOP</small></a> </td></tr> <tr><td valign=center align=center style="height:30px; background:#dedede;"> © Matthew Tong 2002 </td></tr> </table> <br><br><br><br><br><br><br><br><br><br> </body> </html>
*JavaScript is a registered trademark of Sun Microsystems, Inc.
Events
Jobs
Premium Services
Media Kit
Network Map
E-mail Offers
Vendor Solutions
Webcasts
