<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<title>Web Development, JavaScripts for Download</title>
<link rel="stylesheet" type="text/css" href="newwalterzorn.css">
<script type="text/javascript" src="scripts/wz_jsgraphics.js"></script>
</head>
<body bgcolor="#ffffff">
<script type="text/javascript" src="scripts/wz_dragdrop.js"></script>
<script type="text/javascript" src="scripts/wz_tooltip.js"></script>
<script type="text/javascript">
<!--
with(config)
{
Shadow = true;
}
//-->
</script>
<a name="top"> </a>
<a href="http://www.walterzorn.de/index.htm" target="_top"><img src="images/germany.gif" align="middle" border="0" alt="German version" width="22" height="15"></a> <small><a href="http://www.walterzorn.de/index.htm" target="_top">German version</a></small>
<center>
<table>
<tr>
<td align="center">
<img name="logo" src="images/logo.gif" alt="" width="278" height="30">
</td>
<td>
<br>
</td>
<td>
<br>
</td>
</tr>
<tr>
<td align="center">
<noscript><b>Your Browser doesn't support JavaScript or DHTML.</b><br> <br></noscript>
<br>
<table bgcolor="#000099" border="0" cellpadding="0" cellspacing="0" width="600">
<tr>
<td>
<table border="0" cellpadding="5" cellspacing="1" width="100%">
<tr>
<td align="center" bgcolor="#eeeeee">
<b>Under Development</b>
</td>
</tr>
<tr>
<td bgcolor="#ffffff">
<table cellpadding="10">
<tr>
<td>
<a href="grapher/grapher_app.htm" onmouseover="Tip(' Solution curve of an ODE<br> <br><img src=images/wzg_tooltip_deq.png width=266 height=178>', BGCOLOR, '#ffffff')" onmouseout="UnTip()">WZGrapher Function Graphing and Math Program</a>
<br>
Quick Function Graph Plotter with small footprint.
<br>
Additional features: numerical integration and derivation,
numerical solution of ordinary differential equations (ODE) up to the fifth order.
Scrolling and zooming the displayed range,
copying graphs into other applications,
saving your work as WZG files.
The most important actions can even be done with Mouse Gestures.
Built-in function calculator and numerical differential equation ( ODE ) solver which can generate value tables including the first derivative values.
<small><br> <br></small>
Despite these and more features, the size of WZGrapher is just ~220 KB, download size 127 KB.
Written in C language.<br>
<img align="left" name="new2" src="images/new_e.gif" width="37" height="17" alt="">
<b>4. 11. 2007</b>: Version 0.95 available.
<a href="grapher/grapher_app.htm" onmouseover="Tip('<img src=images/wzg_tooltip_fnc.png width=289 height=208>', BGCOLOR, '#ffffff', LEFT, true)" onmouseout="UnTip()">Free Download</a>
<br>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" bgcolor="#eeeeee">
<b>Web Development: Advanced DHTML, JavaScript</b>
</td>
</tr>
<tr>
<td bgcolor="#ffffff">
<table cellpadding="10">
<tr>
<td>
<a onmouseover="Tip('The dark blue ellipse on the right is not an image file.<br>It has been dynamically drawn with the drawEllipse()<br>function of the JavaScript Vectorgraphics Library.');" onmouseout="UnTip()" href="jsgraphics/jsgraphics_e.htm" target="_top">JavaScript Vectorgraphics Library</a>
<br>
Graphics capabilities for JavaScript. Routines to draw inclined (oblique) lines, ellipses, circles, rectangles, polylines, polygons.
Elements which actually aren't available through HTML.<br>
Get a demonstration on this page.<br>
</td>
</tr>
<tr>
<td>
<a onmouseover="Tip('There are several draggable elements on this start page...')" onmouseout="UnTip()" href="dragdrop/dragdrop_e.htm" target="_top">Drag'nDrop & DHTML Library</a>
<br>
A DHTML JavaScript Library with extended yet easily understandable DHTML API.
Provides also Drag & Drop functionality for <span id="lyr" style="position:relative;background:#d3e6ff;" onmouseover="Tip('A draggable &lt;SPAN&gt; element..')" onmouseout="UnTip()">layers</span> and images, as will be demonstrated on this page.
wz_dragdrop.js provides extended DHTML abilities.
</td>
</tr>
<tr>
<td>
<a onmouseover="Tip(' <img src=images/tooltip/koala.jpg align=right width=75 height=100> The width of this tooltip has been restricted to 200 px. Tooltips may also contain HTML, e.g. images...', WIDTH, 200)" onmouseout="UnTip()" href="tooltip/tooltip_e.htm" target="_top">Tooltips with JavaScript</a> <br>
A cross-browser JavaScript to create tooltips (popup information boxes over HTML elements).
The appearance and behaviour of these tooltips can be customized in multiple ways (color, border, shadow, balloon style, fadein/out etc.).
The tooltips may contain plain text as well as HTML, for instance images etc.
</td>
</tr>
<tr>
<td>
<a onmouseover="Tip('See why efficient clientside image rotation with JavaScript is impossible with current browser technology', WIDTH, 250)" onmouseout="UnTip()" href="rotate_img/rotate_img.htm" target="_top">Rotate Image</a>
<br>
An experimental JavaScript Library to rotate images dynamically by arbitrary angles.
Just a demonstration - it's strictly advised against using this JavaScript experiment on a website!!<br>
</td>
</tr>
<tr>
<td>
I've put these four JavaScript libraries under the <b>LGPL</b> (Lesser General Public License, http://www.gnu.org/copyleft/lesser.html ).
You may use them for free under the terms of the LGPL and of my copyright.
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" bgcolor="#eeeeee">
<b>Online JavaScript Tools</b>
</td>
</tr>
<tr>
<td bgcolor="#ffffff">
<table cellpadding="10">
<tr>
<td>
<a onmouseover="Tip('Online Function Grapher<br> <br><img src=images/grapher.gif width=210 height=175>', BGCOLOR, '#ffffff')" onmouseout="UnTip()" href="grapher/grapher_e.htm" target="_top">Online Function Grapher</a>
<br>
Written in JavaScript.
Draws function graphs directly into the browser window - no download, no plugins required.
<br>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" bgcolor="#eeeeee">
<b>Links</b>
</td>
</tr>
<tr>
<td bgcolor="#ffffff">
<table cellpadding="10">
<tr>
<td>
<b>Copyright YES, Software patents (minefields to developers and smaller innovative companies) NO</b><br>
<table cellpadding="2">
<tr>
<td valign="top"><b>·</b></td>
<td><a href="http://en.wikipedia.org/wiki/Software_patent_debate" onmouseover="Tip(this.href)" onmouseout="UnTip()">Wikipedia: Software patent debate</a>
(good collection of pro/contra arguments, including essential arguments against software patents)</td>
</tr>
<tr>
<td valign="top"><b>·</b></td>
<td><a href="http://www.ffii.org/" onmouseover="Tip(this.href)" onmouseout="UnTip()">FFII</a> (important)</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<a href="http://www.kreuzotter.de/english/eindex.htm" target="_top" onmouseover="Tip('<img src=\'images/ko5obersoech.jpg\' width=180 height=115>', PADDING, 0, SHADOWCOLOR, '#bbbbbb')" onmouseout="UnTip()">www.kreuzotter.de</a>
<small><br> <br></small>
<img name="ko5" src="images/kreuzot.jpg" alt="kreuzot.jpg, 66kB" title="Kreuzotter Recumbent Bicycle" border="0" height="233" width="444">
<small><br>
<i>The Kreuzotter, homebuilt (teamwork) Carbon recumbent lowracer</i></small>
<small><br> <br></small>
Online bicycle calculators and simulators, written in JavaScript and Java:<br>
<table cellpadding="2">
<tr>
<td valign="top"><b>·</b></td>
<td>Speed and Power Calculator, comparing different types of bicycles,<br>
taking into account also slope of road, air density via barometric formula, wind speed, weight of bike and rider, rider's body height, etc.
</td>
</tr>
<tr>
<td valign="top"><b>·</b></td>
<td>Steering Geometry Calculator.<br>Geometrical relation between head tube angle, trail and fork rake.</td>
</tr>
<tr>
<td valign="top"><b>·</b></td>
<td>Spoke Length Calculator.</td>
</tr>
<tr>
<td valign="top"><b>·</b></td>
<td>Interactive Graphical Rear-Wheel Suspension Simulator, calculates pogo-effect and pedal-kickback.</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<a href="#top"><img border="0" src="images/topOfPage.gif" alt="Top of Page" title="Top of Page" width="21" height="20"></a>
</td>
<td width="20">
<br>
</td>
<td width="120" valign="top">
<br> <br> <br> <br>
<br> <br> <br> <br> <br> <br> <br> <br>
</td>
</tr>
</table>
</center>
<center>
<p>
<br>
<small>Last modified by Walter Zorn: 7. 10. 2008
<br><a href="http://www.kreuzotter.de/impressum.htm">Impressum and about this page</a></small>
</p>
<p>
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br></p>
</center>
<script type="text/javascript">
<!--
var jg = new jsGraphics(document);
function DRAW()
{
jg.setColor("#000099");
jg.drawOval(((window.innerWidth? innerWidth : (dd.db && dd.db.clientWidth)? dd.db.clientWidth : 800)>>1)+20, 240, 210, 340);
jg.paint();
}
DRAW();
SET_DHTML(CURSOR_MOVE, RESIZABLE, SCROLL, TRANSPARENT, "ko5", "lyr", "logo", "new", "new2", "swpatents", "counter");
//-->
</script>
</body>
</html>