topical media & game development
graphic-javascript-vector-impact.htm / htm
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Impact Chart</title>
<script src="graphic-javascript-vector-raphael.js" type="text/javascript" charset="utf-8"></script>
<script src="graphic-javascript-vector-jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="graphic-javascript-vector-alt-impact.js" type="text/javascript" charset="utf-8"></script>
<script src="graphic-javascript-vector-impact-code.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
</script>
<style type="text/css" media="screen">
body {
background: #000;
color: #fff;
margin: 20px 100px;
font: 100.1% Helvetica, Arial, sans-serif;
line-height: 1.3;
}
#chart {
width: 100%;
_width: 500px;
overflow: auto;
clear: left;
}
.invisible {
visibility: hidden;
}
.hidden {
display: none;
}
#legend,
#legend2 {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
width: 1em;
height: 1em;
border: solid 1px #000;
margin-right: .3em;
line-height: 1;
}
#name,
#name2 {
float: left;
clear: left;
}
#name div,
#name2 div {
float: left;
}
#placeholder {
clear: left;
color: #999;
}
#loader {
position: absolute;
top: 50%;
left: 50%;
margin: -16px 0 0 -16px;
}
em {
color: #666;
font-style: normal;
}
form {
margin: 0;
padding: 0;
}
fieldset {
margin: 0;
padding: 0;
border: none;
}
</style>
</head>
<body>
<!-- <form action="#">
<fieldset>
<input type="text" name="un" value="toolmantim" id="un">
<input type="text" name="pn" value="webjam" id="pn">
<input type="submit" value="Update" id="submit">
</fieldset>
</form> -->
<div id="name2" class="hidden">
<div id="legend2"> </div>
<div id="username2">legend</div>
</div>
<div id="placeholder">mouse over the graph for more details</div>
<div id="chart"></div>
<!-- <img src="ajax-loader.gif" width="32" height="32" alt="Ajax Loader" id="loader"> -->
</body>
</html>
(C) Æliens
20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.