DIR : /home/kozerus/public_html/cropex/js/wz/wz_intro.html
/home/kozerus/public_html/cropex/js/wz
<html>
<head>
<!--
<meta http-equiv="content-type" content="text/html; charset=windows-1252"><meta name="viewport" content="width=device-width">
<title>http://www.walterzorn.de/en/</title><link rel="stylesheet" type="text/css" href="resource://content-accessible/viewsource.css">
-->
</head>
<body bgcolor=linen id="viewsource" class="highlight" style="tab-size: 4">
<span id="line2"></span></span><span><<span class="start-tag">html</span>></span><span>
<span id="line3"></span></span><span><<span class="start-tag">head</span>></span><span>
<span id="line4"></span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">http-equiv</span>="<a class="attribute-value">content-type</a>" <span class="attribute-name">content</span>="<a class="attribute-value">text/html; charset=iso-8859-1</a>"></span><span>
<span id="line5"></span></span><span><<span class="start-tag">META</span> <span class="attribute-name">HTTP-EQUIV</span>="<a class="attribute-value">imagetoolbar</a>" <span class="attribute-name">CONTENT</span>="<a class="attribute-value">no</a>"></span><span>
<span id="line6"></span></span><span><<span class="start-tag">title</span>></span><span>Web Development, JavaScripts for Download</span><span></<span class="end-tag">title</span>></span><span>
<span id="line7"></span></span><span><<span class="start-tag">link</span> <span class="attribute-name">rel</span>="<a class="attribute-value">stylesheet</a>" <span class="attribute-name">type</span>="<a class="attribute-value">text/css</a>" <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/newwalterzorn.css">newwalterzorn.css</a>"></span><span>
<span id="line8"></span></span><span><<span class="start-tag">script</span> <span class="attribute-name">type</span>="<a class="attribute-value">text/javascript</a>" <span class="attribute-name">src</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/scripts/wz_jsgraphics.js">scripts/wz_jsgraphics.js</a>"></span><span></span><span></<span class="end-tag">script</span>></span><span>
<span id="line9"></span></span><span></<span class="end-tag">head</span>></span><span>
<span id="line10"></span></span><span><<span class="start-tag">body</span> <span class="attribute-name">bgcolor</span>="<a class="attribute-value">#ffffff</a>"></span><span>
<span id="line11"></span></span><span><<span class="start-tag">script</span> <span class="attribute-name">type</span>="<a class="attribute-value">text/javascript</a>" <span class="attribute-name">src</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/scripts/wz_dragdrop.js">scripts/wz_dragdrop.js</a>"></span><span></span><span></<span class="end-tag">script</span>></span><span>
<span id="line12"></span></span><span><<span class="start-tag">script</span> <span class="attribute-name">type</span>="<a class="attribute-value">text/javascript</a>" <span class="attribute-name">src</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/scripts/wz_tooltip.js">scripts/wz_tooltip.js</a>"></span><span></span><span></<span class="end-tag">script</span>></span><span>
<span id="line13"></span></span><span><<span class="start-tag">script</span> <span class="attribute-name">type</span>="<a class="attribute-value">text/javascript</a>"></span><span>
<span id="line14"></span></span><span><!</span><span>--
<span id="line15"></span>with(config)
<span id="line16"></span>{
<span id="line17"></span> Shadow = true;
<span id="line18"></span>}
<span id="line19"></span>//-->
<span id="line20"></span></span><span></<span class="end-tag">script</span>></span><span>
<span id="line21"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">name</span>="<a class="attribute-value">top</a>"></span><span> </span><span></<span class="end-tag">a</span>></span><span>
<span id="line22"></span> <span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/index.htm">http://www.walterzorn.de/index.htm</a>" <span class="attribute-name">target</span>="<a class="attribute-value">_top</a>"></span><span></span><span><<span class="start-tag">img</span> <span class="attribute-name">src</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/images/germany.gif">images/germany.gif</a>" <span class="attribute-name">align</span>="<a class="attribute-value">middle</a>" <span class="attribute-name">border</span>="<a class="attribute-value">0</a>" <span class="attribute-name">alt</span>="<a class="attribute-value">German version</a>" <span class="attribute-name">width</span>="<a class="attribute-value">22</a>" <span class="attribute-name">height</span>="<a class="attribute-value">15</a>"></span><span></span><span></<span class="end-tag">a</span>></span><span> </span><span><<span class="start-tag">small</span>></span><span></span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/index.htm">http://www.walterzorn.de/index.htm</a>" <span class="attribute-name">target</span>="<a class="attribute-value">_top</a>"></span><span>German version</span><span></<span class="end-tag">a</span>></span><span></span><span></<span class="end-tag">small</span>></span><span>
<span id="line23"></span> </span><span><<span class="start-tag">center</span>></span><span>
<span id="line24"></span> </span><span><<span class="start-tag">table</span>></span><span>
<span id="line25"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line26"></span> </span><span><<span class="start-tag">td</span> <span class="attribute-name">align</span>="<a class="attribute-value">center</a>"></span><span>
<span id="line27"></span> </span><span><<span class="start-tag">img</span> <span class="attribute-name">name</span>="<a class="attribute-value">logo</a>" <span class="attribute-name">src</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/images/logo.gif">images/logo.gif</a>" <span class="attribute-name">alt</span>="<a class="attribute-value"></a>" <span class="attribute-name">width</span>="<a class="attribute-value">278</a>" <span class="attribute-name">height</span>="<a class="attribute-value">30</a>"></span><span>
<span id="line28"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line29"></span> </span><span><<span class="start-tag">td</span>></span><span>
<span id="line30"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line31"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line32"></span> </span><span><<span class="start-tag">td</span>></span><span>
<span id="line33"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line34"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line35"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line36"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line37"></span> </span><span><<span class="start-tag">td</span> <span class="attribute-name">align</span>="<a class="attribute-value">center</a>"></span><span>
<span id="line38"></span> </span><span><<span class="start-tag">noscript</span>></span><span></span><span><</span><span>b>Your Browser doesn't support JavaScript or DHTML.</span><span></<span></span>b</span><span>></span><span><</span><span>br>&nbsp;</span><span><</span><span>br></span><span></<span class="end-tag">noscript</span>></span><span>
<span id="line39"></span> <span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span>
<span id="line40"></span> </span><span><<span class="start-tag">table</span> <span class="attribute-name">bgcolor</span>="<a class="attribute-value">#000099</a>" <span class="attribute-name">border</span>="<a class="attribute-value">0</a>" <span class="attribute-name">cellpadding</span>="<a class="attribute-value">0</a>" <span class="attribute-name">cellspacing</span>="<a class="attribute-value">0</a>" <span class="attribute-name">width</span>="<a class="attribute-value">600</a>"></span><span>
<span id="line41"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line42"></span> </span><span><<span class="start-tag">td</span>></span><span>
<span id="line43"></span> </span><span><<span class="start-tag">table</span> <span class="attribute-name">border</span>="<a class="attribute-value">0</a>" <span class="attribute-name">cellpadding</span>="<a class="attribute-value">5</a>" <span class="attribute-name">cellspacing</span>="<a class="attribute-value">1</a>" <span class="attribute-name">width</span>="<a class="attribute-value">100%</a>"></span><span>
<span id="line44"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line45"></span> </span><span><<span class="start-tag">td</span> <span class="attribute-name">align</span>="<a class="attribute-value">center</a>" <span class="attribute-name">bgcolor</span>="<a class="attribute-value">#eeeeee</a>"></span><span>
<span id="line46"></span> </span><span><<span class="start-tag">b</span>></span><span>Under Development</span><span></<span class="end-tag">b</span>></span><span>
<span id="line47"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line48"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line49"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line50"></span> </span><span><<span class="start-tag">td</span> <span class="attribute-name">bgcolor</span>="<a class="attribute-value">#ffffff</a>"></span><span>
<span id="line51"></span> </span><span><<span class="start-tag">table</span> <span class="attribute-name">cellpadding</span>="<a class="attribute-value">10</a>"></span><span>
<span id="line52"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line53"></span> </span><span><<span class="start-tag">td</span>></span><span>
<span id="line54"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/grapher/grapher_app.htm">grapher/grapher_app.htm</a>" <span class="attribute-name">onmouseover</span>="<a class="attribute-value">Tip('<span class="entity"><span>&</span>nbsp;</span>Solution curve of an ODE<br><span class="entity"><span>&</span>nbsp;</span><br><img src=images/wzg_tooltip_deq.png width=266 height=178>', BGCOLOR, '#ffffff')</a>" <span class="attribute-name">onmouseout</span>="<a class="attribute-value">UnTip()</a>"></span><span>WZGrapher Function Graphing and Math Program</span><span></<span class="end-tag">a</span>></span><span>
<span id="line55"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line56"></span> Quick Function Graph Plotter with small footprint.
<span id="line57"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line58"></span> </span><span class="comment"><!--img align="right" src="images/wzg_tooltip_fnc.png" width="235" height="169"--></span><span>
<span id="line59"></span> Additional features: numerical integration and derivation,
<span id="line60"></span> numerical solution of ordinary differential equations (ODE) up to the fifth order.
<span id="line61"></span> Scrolling and zooming the displayed range,
<span id="line62"></span> copying graphs into other applications,
<span id="line63"></span> saving your work as WZG files.
<span id="line64"></span> The most important actions can even be done with Mouse<span class="entity"><span>&</span>nbsp;</span>Gestures.
<span id="line65"></span> Built-in function calculator and numerical differential equation (<span class="entity"><span>&</span>nbsp;</span>ODE<span class="entity"><span>&</span>nbsp;</span>) solver which can generate value tables including the first derivative values.
<span id="line66"></span> </span><span><<span class="start-tag">small</span>></span><span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span></span><span></<span class="end-tag">small</span>></span><span>
<span id="line67"></span> Despite these and more features, the size of WZGrapher is just ~220 KB, download size 127 KB.
<span id="line68"></span> Written in C language.</span><span><<span class="start-tag">br</span>></span><span>
<span id="line69"></span> </span><span><<span class="start-tag">img</span> <span class="attribute-name">align</span>="<a class="attribute-value">left</a>" <span class="attribute-name">name</span>="<a class="attribute-value">new2</a>" <span class="attribute-name">src</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/images/new_e.gif">images/new_e.gif</a>" <span class="attribute-name">width</span>="<a class="attribute-value">37</a>" <span class="attribute-name">height</span>="<a class="attribute-value">17</a>" <span class="attribute-name">alt</span>="<a class="attribute-value"></a>"></span><span>
<span id="line70"></span> </span><span><<span class="start-tag">b</span>></span><span>4. 11. 2007</span><span></<span class="end-tag">b</span>></span><span>: Version 0.95 available.
<span id="line71"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/grapher/grapher_app.htm">grapher/grapher_app.htm</a>" <span class="attribute-name">onmouseover</span>="<a class="attribute-value">Tip('<img src=images/wzg_tooltip_fnc.png width=289 height=208>', BGCOLOR, '#ffffff', LEFT, true)</a>" <span class="attribute-name">onmouseout</span>="<a class="attribute-value">UnTip()</a>"></span><span>Free Download</span><span></<span class="end-tag">a</span>></span><span>
<span id="line72"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line73"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line74"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line75"></span> </span><span></<span class="end-tag">table</span>></span><span>
<span id="line76"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line77"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line78"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line79"></span> </span><span><<span class="start-tag">td</span> <span class="attribute-name">align</span>="<a class="attribute-value">center</a>" <span class="attribute-name">bgcolor</span>="<a class="attribute-value">#eeeeee</a>"></span><span>
<span id="line80"></span> </span><span><<span class="start-tag">b</span>></span><span>Web Development: Advanced DHTML, JavaScript</span><span></<span class="end-tag">b</span>></span><span>
<span id="line81"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line82"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line83"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line84"></span> </span><span><<span class="start-tag">td</span> <span class="attribute-name">bgcolor</span>="<a class="attribute-value">#ffffff</a>"></span><span>
<span id="line85"></span> </span><span><<span class="start-tag">table</span> <span class="attribute-name">cellpadding</span>="<a class="attribute-value">10</a>"></span><span>
<span id="line86"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line87"></span> </span><span><<span class="start-tag">td</span>></span><span>
<span id="line88"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">onmouseover</span>="<a class="attribute-value">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.');</a>" <span class="attribute-name">onmouseout</span>="<a class="attribute-value">UnTip()</a>" <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/jsgraphics/jsgraphics_e.htm">jsgraphics/jsgraphics_e.htm</a>" <span class="attribute-name">target</span>="<a class="attribute-value">_top</a>"></span><span>JavaScript Vectorgraphics Library</span><span></<span class="end-tag">a</span>></span><span>
<span id="line89"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line90"></span> Graphics capabilities for JavaScript. Routines to draw inclined (oblique) lines, ellipses, circles, rectangles, polylines, polygons.
<span id="line91"></span> Elements which actually aren't available through HTML.</span><span><<span class="start-tag">br</span>></span><span>
<span id="line92"></span> Get a demonstration on this page.</span><span><<span class="start-tag">br</span>></span><span>
<span id="line93"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line94"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line95"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line96"></span> </span><span><<span class="start-tag">td</span>></span><span>
<span id="line97"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">onmouseover</span>="<a class="attribute-value">Tip('There are several draggable elements on this start page...')</a>" <span class="attribute-name">onmouseout</span>="<a class="attribute-value">UnTip()</a>" <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/dragdrop/dragdrop_e.htm">dragdrop/dragdrop_e.htm</a>" <span class="attribute-name">target</span>="<a class="attribute-value">_top</a>"></span><span>Drag'nDrop <span class="entity"><span>&</span>amp;</span> DHTML Library</span><span></<span class="end-tag">a</span>></span><span>
<span id="line98"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line99"></span> A DHTML JavaScript Library with extended yet easily understandable DHTML API.
<span id="line100"></span> Provides also Drag <span class="entity"><span>&</span>amp;</span> Drop functionality for </span><span><<span class="start-tag">span</span> <span class="attribute-name">id</span>="<a class="attribute-value">lyr</a>" <span class="attribute-name">style</span>="<a class="attribute-value">position:relative;background:#d3e6ff;</a>" <span class="attribute-name">onmouseover</span>="<a class="attribute-value">Tip('A draggable <span class="entity"><span>&</span>amp;</span>lt;SPAN<span class="entity"><span>&</span>amp;</span>gt; element..')</a>" <span class="attribute-name">onmouseout</span>="<a class="attribute-value">UnTip()</a>"></span><span>layers</span><span></<span class="end-tag">span</span>></span><span> and images, as will be demonstrated on this page.
<span id="line101"></span> wz_dragdrop.js provides extended DHTML abilities.
<span id="line102"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line103"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line104"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line105"></span> </span><span><<span class="start-tag">td</span>></span><span>
<span id="line106"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">onmouseover</span>="<a class="attribute-value">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)</a>" <span class="attribute-name">onmouseout</span>="<a class="attribute-value">UnTip()</a>" <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/tooltip/tooltip_e.htm">tooltip/tooltip_e.htm</a>" <span class="attribute-name">target</span>="<a class="attribute-value">_top</a>"></span><span>Tooltips with JavaScript</span><span></<span class="end-tag">a</span>></span><span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line107"></span> A cross-browser JavaScript to create tooltips (popup information boxes over HTML elements).
<span id="line108"></span> The appearance and behaviour of these tooltips can be customized in multiple ways (color, border, shadow, balloon style, fadein/out etc.).
<span id="line109"></span> The tooltips may contain plain text as well as HTML, for instance images etc.
<span id="line110"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line111"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line112"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line113"></span> </span><span><<span class="start-tag">td</span>></span><span>
<span id="line114"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">onmouseover</span>="<a class="attribute-value">Tip('See why efficient clientside image rotation with JavaScript is impossible with current browser technology', WIDTH, 250)</a>" <span class="attribute-name">onmouseout</span>="<a class="attribute-value">UnTip()</a>" <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/rotate_img/rotate_img.htm">rotate_img/rotate_img.htm</a>" <span class="attribute-name">target</span>="<a class="attribute-value">_top</a>"></span><span>Rotate Image</span><span></<span class="end-tag">a</span>></span><span>
<span id="line115"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line116"></span> An experimental JavaScript Library to rotate images dynamically by arbitrary angles.
<span id="line117"></span> Just a demonstration - it's strictly advised against using this JavaScript experiment on a website!!</span><span><<span class="start-tag">br</span>></span><span>
<span id="line118"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line119"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line120"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line121"></span> </span><span><<span class="start-tag">td</span>></span><span>
<span id="line122"></span> I've put these four JavaScript libraries under the </span><span><<span class="start-tag">b</span>></span><span>LGPL</span><span></<span class="end-tag">b</span>></span><span> (Lesser General Public License, http://www.gnu.org/copyleft/lesser.html<span class="entity"><span>&</span>nbsp;</span>).
<span id="line123"></span> You may use them for free under the terms of the LGPL and of my copyright.
<span id="line124"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line125"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line126"></span> </span><span></<span class="end-tag">table</span>></span><span>
<span id="line127"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line128"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line129"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line130"></span> </span><span><<span class="start-tag">td</span> <span class="attribute-name">align</span>="<a class="attribute-value">center</a>" <span class="attribute-name">bgcolor</span>="<a class="attribute-value">#eeeeee</a>"></span><span>
<span id="line131"></span> </span><span><<span class="start-tag">b</span>></span><span>Online JavaScript Tools</span><span></<span class="end-tag">b</span>></span><span>
<span id="line132"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line133"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line134"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line135"></span> </span><span><<span class="start-tag">td</span> <span class="attribute-name">bgcolor</span>="<a class="attribute-value">#ffffff</a>"></span><span>
<span id="line136"></span> </span><span><<span class="start-tag">table</span> <span class="attribute-name">cellpadding</span>="<a class="attribute-value">10</a>"></span><span>
<span id="line137"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line138"></span> </span><span><<span class="start-tag">td</span>></span><span>
<span id="line139"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">onmouseover</span>="<a class="attribute-value">Tip('Online Function Grapher<br><span class="entity"><span>&</span>nbsp;</span><br><img src=images/grapher.gif width=210 height=175>', BGCOLOR, '#ffffff')</a>" <span class="attribute-name">onmouseout</span>="<a class="attribute-value">UnTip()</a>" <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/grapher/grapher_e.htm">grapher/grapher_e.htm</a>" <span class="attribute-name">target</span>="<a class="attribute-value">_top</a>"></span><span>Online Function Grapher</span><span></<span class="end-tag">a</span>></span><span>
<span id="line140"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line141"></span> Written in JavaScript.
<span id="line142"></span> Draws function graphs directly into the browser window - no download, no plugins required.
<span id="line143"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line144"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line145"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line146"></span> </span><span></<span class="end-tag">table</span>></span><span>
<span id="line147"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line148"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line149"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line150"></span> </span><span><<span class="start-tag">td</span> <span class="attribute-name">align</span>="<a class="attribute-value">center</a>" <span class="attribute-name">bgcolor</span>="<a class="attribute-value">#eeeeee</a>"></span><span>
<span id="line151"></span> </span><span><<span class="start-tag">b</span>></span><span>Links</span><span></<span class="end-tag">b</span>></span><span>
<span id="line152"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line153"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line154"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line155"></span> </span><span><<span class="start-tag">td</span> <span class="attribute-name">bgcolor</span>="<a class="attribute-value">#ffffff</a>"></span><span>
<span id="line156"></span> </span><span><<span class="start-tag">table</span> <span class="attribute-name">cellpadding</span>="<a class="attribute-value">10</a>"></span><span>
<span id="line157"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line158"></span> </span><span><<span class="start-tag">td</span>></span><span>
<span id="line159"></span> </span><span><<span class="start-tag">b</span>></span><span>Copyright YES, Software patents (minefields to developers and smaller innovative companies) NO</span><span></<span class="end-tag">b</span>></span><span></span><span><<span class="start-tag">br</span>></span><span>
<span id="line160"></span> </span><span><<span class="start-tag">table</span> <span class="attribute-name">cellpadding</span>="<a class="attribute-value">2</a>"></span><span>
<span id="line161"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line162"></span> </span><span><<span class="start-tag">td</span> <span class="attribute-name">valign</span>="<a class="attribute-value">top</a>"></span><span></span><span><<span class="start-tag">b</span>></span><span><span class="entity"><span>&</span>middot;</span></span><span></<span class="end-tag">b</span>></span><span></span><span></<span class="end-tag">td</span>></span><span>
<span id="line163"></span> </span><span><<span class="start-tag">td</span>></span><span></span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://en.wikipedia.org/wiki/Software_patent_debate">http://en.wikipedia.org/wiki/Software_patent_debate</a>" <span class="attribute-name">onmouseover</span>="<a class="attribute-value">Tip(this.href)</a>" <span class="attribute-name">onmouseout</span>="<a class="attribute-value">UnTip()</a>"></span><span>Wikipedia: Software patent debate</span><span></<span class="end-tag">a</span>></span><span>
<span id="line164"></span> (good collection of pro/contra arguments, including essential arguments against software patents)</span><span></<span class="end-tag">td</span>></span><span>
<span id="line165"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line166"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line167"></span> </span><span><<span class="start-tag">td</span> <span class="attribute-name">valign</span>="<a class="attribute-value">top</a>"></span><span></span><span><<span class="start-tag">b</span>></span><span><span class="entity"><span>&</span>middot;</span></span><span></<span class="end-tag">b</span>></span><span></span><span></<span class="end-tag">td</span>></span><span>
<span id="line168"></span> </span><span><<span class="start-tag">td</span>></span><span></span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.ffii.org/">http://www.ffii.org/</a>" <span class="attribute-name">onmouseover</span>="<a class="attribute-value">Tip(this.href)</a>" <span class="attribute-name">onmouseout</span>="<a class="attribute-value">UnTip()</a>"></span><span>FFII</span><span></<span class="end-tag">a</span>></span><span> (important)</span><span></<span class="end-tag">td</span>></span><span>
<span id="line169"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line170"></span> </span><span></<span class="end-tag">table</span>></span><span>
<span id="line171"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line172"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line173"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line174"></span> </span><span><<span class="start-tag">td</span>></span><span>
<span id="line175"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.kreuzotter.de/english/eindex.htm">http://www.kreuzotter.de/english/eindex.htm</a>" <span class="attribute-name">target</span>="<a class="attribute-value">_top</a>" <span class="attribute-name">onmouseover</span>="<a class="attribute-value">Tip('<img src=\'images/ko5obersoech.jpg\' width=180 height=115>', PADDING, 0, SHADOWCOLOR, '#bbbbbb')</a>" <span class="attribute-name">onmouseout</span>="<a class="attribute-value">UnTip()</a>"></span><span>www.kreuzotter.de</span><span></<span class="end-tag">a</span>></span><span>
<span id="line176"></span> </span><span><<span class="start-tag">small</span>></span><span></span><span><<span class="start-tag">br</span>></span><span> </span><span><<span class="start-tag">br</span>></span><span></span><span></<span class="end-tag">small</span>></span><span>
<span id="line177"></span> </span><span><<span class="start-tag">img</span> <span class="attribute-name">name</span>="<a class="attribute-value">ko5</a>" <span class="attribute-name">src</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/images/kreuzot.jpg">images/kreuzot.jpg</a>" <span class="attribute-name">alt</span>="<a class="attribute-value">kreuzot.jpg, 66kB</a>" <span class="attribute-name">title</span>="<a class="attribute-value">Kreuzotter Recumbent Bicycle</a>" <span class="attribute-name">border</span>="<a class="attribute-value">0</a>" <span class="attribute-name">height</span>="<a class="attribute-value">233</a>" <span class="attribute-name">width</span>="<a class="attribute-value">444</a>"></span><span>
<span id="line178"></span> </span><span><<span class="start-tag">small</span>></span><span></span><span><<span class="start-tag">br</span>></span><span>
<span id="line179"></span> </span><span><<span class="start-tag">i</span>></span><span>The Kreuzotter, homebuilt (teamwork) Carbon recumbent lowracer</span><span></<span class="end-tag">i</span>></span><span></span><span></<span class="end-tag">small</span>></span><span>
<span id="line180"></span> </span><span><<span class="start-tag">small</span>></span><span></span><span><<span class="start-tag">br</span>></span><span> </span><span><<span class="start-tag">br</span>></span><span></span><span></<span class="end-tag">small</span>></span><span>
<span id="line181"></span> Online bicycle calculators and simulators, written in JavaScript and Java:</span><span><<span class="start-tag">br</span>></span><span>
<span id="line182"></span> </span><span><<span class="start-tag">table</span> <span class="attribute-name">cellpadding</span>="<a class="attribute-value">2</a>"></span><span>
<span id="line183"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line184"></span> </span><span><<span class="start-tag">td</span> <span class="attribute-name">valign</span>="<a class="attribute-value">top</a>"></span><span></span><span><<span class="start-tag">b</span>></span><span><span class="entity"><span>&</span>middot;</span></span><span></<span class="end-tag">b</span>></span><span></span><span></<span class="end-tag">td</span>></span><span>
<span id="line185"></span> </span><span><<span class="start-tag">td</span>></span><span>Speed and Power Calculator, comparing different types of bicycles,</span><span><<span class="start-tag">br</span>></span><span>
<span id="line186"></span> taking into account also slope of road, air density via barometric formula, wind speed, weight of bike and rider, rider's body height, etc.
<span id="line187"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line188"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line189"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line190"></span> </span><span><<span class="start-tag">td</span> <span class="attribute-name">valign</span>="<a class="attribute-value">top</a>"></span><span></span><span><<span class="start-tag">b</span>></span><span><span class="entity"><span>&</span>middot;</span></span><span></<span class="end-tag">b</span>></span><span></span><span></<span class="end-tag">td</span>></span><span>
<span id="line191"></span> </span><span><<span class="start-tag">td</span>></span><span>Steering Geometry Calculator.</span><span><<span class="start-tag">br</span>></span><span>Geometrical relation between head tube angle, trail and fork rake.</span><span></<span class="end-tag">td</span>></span><span>
<span id="line192"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line193"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line194"></span> </span><span><<span class="start-tag">td</span> <span class="attribute-name">valign</span>="<a class="attribute-value">top</a>"></span><span></span><span><<span class="start-tag">b</span>></span><span><span class="entity"><span>&</span>middot;</span></span><span></<span class="end-tag">b</span>></span><span></span><span></<span class="end-tag">td</span>></span><span>
<span id="line195"></span> </span><span><<span class="start-tag">td</span>></span><span>Spoke Length Calculator.</span><span></<span class="end-tag">td</span>></span><span>
<span id="line196"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line197"></span> </span><span><<span class="start-tag">tr</span>></span><span>
<span id="line198"></span> </span><span><<span class="start-tag">td</span> <span class="attribute-name">valign</span>="<a class="attribute-value">top</a>"></span><span></span><span><<span class="start-tag">b</span>></span><span><span class="entity"><span>&</span>middot;</span></span><span></<span class="end-tag">b</span>></span><span></span><span></<span class="end-tag">td</span>></span><span>
<span id="line199"></span> </span><span><<span class="start-tag">td</span>></span><span>Interactive Graphical Rear-Wheel Suspension Simulator, calculates pogo-effect and pedal-kickback.</span><span></<span class="end-tag">td</span>></span><span>
<span id="line200"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line201"></span> </span><span></<span class="end-tag">table</span>></span><span>
<span id="line202"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line203"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line204"></span> </span><span></<span class="end-tag">table</span>></span><span>
<span id="line205"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line206"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line207"></span> </span><span></<span class="end-tag">table</span>></span><span>
<span id="line208"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line209"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line210"></span> </span><span></<span class="end-tag">table</span>></span><span>
<span id="line211"></span>
<span id="line212"></span>
<span id="line213"></span> </span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/#top">#top</a>"></span><span></span><span><<span class="start-tag">img</span> <span class="attribute-name">border</span>="<a class="attribute-value">0</a>" <span class="attribute-name">src</span>="<a class="attribute-value" href="view-source:http://www.walterzorn.de/en/images/topOfPage.gif">images/topOfPage.gif</a>" <span class="attribute-name">alt</span>="<a class="attribute-value">Top of Page</a>" <span class="attribute-name">title</span>="<a class="attribute-value">Top of Page</a>" <span class="attribute-name">width</span>="<a class="attribute-value">21</a>" <span class="attribute-name">height</span>="<a class="attribute-value">20</a>"></span><span></span><span></<span class="end-tag">a</span>></span><span>
<span id="line214"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line215"></span> </span><span><<span class="start-tag">td</span> <span class="attribute-name">width</span>="<a class="attribute-value">20</a>"></span><span>
<span id="line216"></span> </span><span><<span class="start-tag">br</span>></span><span>
<span id="line217"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line218"></span> </span><span><<span class="start-tag">td</span> <span class="attribute-name">width</span>="<a class="attribute-value">120</a>" <span class="attribute-name">valign</span>="<a class="attribute-value">top</a>"></span><span>
<span id="line219"></span> <span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span>
<span id="line220"></span>
<span id="line221"></span>
<span id="line222"></span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span>
<span id="line223"></span>
<span id="line224"></span>
<span id="line225"></span> </span><span></<span class="end-tag">td</span>></span><span>
<span id="line226"></span> </span><span></<span class="end-tag">tr</span>></span><span>
<span id="line227"></span> </span><span></<span class="end-tag">table</span>></span><span>
<span id="line228"></span> </span><span></<span class="end-tag">center</span>></span><span>
<span id="line229"></span> </span><span><<span class="start-tag">center</span>></span><span>
<span id="line230"></span> </span><span><<span class="start-tag">p</span>></span><span>
<span id="line231"></span> <span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span>
<span id="line232"></span> </span><span><<span class="start-tag">small</span>></span><span>Last modified by Walter Zorn: 7. 10. 2008
<span id="line233"></span> </span><span><<span class="start-tag">br</span>></span><span></span><span><<span class="start-tag">a</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://www.kreuzotter.de/impressum.htm">http://www.kreuzotter.de/impressum.htm</a>"></span><span>Impressum and about this page</span><span></<span class="end-tag">a</span>></span><span></span><span></<span class="end-tag">small</span>></span><span>
<span id="line234"></span> </span><span></<span class="end-tag">p</span>></span><span>
<span id="line235"></span> </span><span><<span class="start-tag">p</span>></span><span>
<span id="line236"></span> <span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span><span class="entity"><span>&</span>nbsp;</span></span><span><<span class="start-tag">br</span>></span><span></span><span></<span class="end-tag">p</span>></span><span>
<span id="line237"></span> </span><span></<span class="end-tag">center</span>></span><span>
<span id="line238"></span><span class="entity"><span>&</span>nbsp;</span>
<span id="line239"></span></span><span><<span class="start-tag">script</span> <span class="attribute-name">type</span>="<a class="attribute-value">text/javascript</a>"></span><span>
<span id="line240"></span></span><span><!</span><span>--
<span id="line241"></span>var jg = new jsGraphics(document);
<span id="line242"></span>function DRAW()
<span id="line243"></span>{
<span id="line244"></span> jg.setColor("#000099");
<span id="line245"></span> jg.drawOval(((window.innerWidth? innerWidth : (dd.db && dd.db.clientWidth)? dd.db.clientWidth : 800)>>1)+20, 240, 210, 340);
<span id="line246"></span> jg.paint();
<span id="line247"></span>}
<span id="line248"></span>DRAW();
<span id="line249"></span>
<span id="line250"></span>SET_DHTML(CURSOR_MOVE, RESIZABLE, SCROLL, TRANSPARENT, "ko5", "lyr", "logo", "new", "new2", "swpatents", "counter");
<span id="line251"></span>//-->
<span id="line252"></span></span><span></<span class="end-tag">script</span>></span><span>
<span id="line253"></span></span><span></<span class="end-tag">body</span>></span><span>
<span id="line254"></span></span><span></<span class="end-tag">html</span>></span><span>
<span id="line255"></span></span></pre>
</body>
</html>
//
koh5_pano
Drag mouse to navigate.
Navigation
- Left/Right Mouse drag: Changes camera heading.
- Up/Sown Mouse drag: Changes camera pitch.
- Scroll wheel: Changes camera field of view.
- I-Key: Displays Info panel with canvas size, image size and FPS.
17.Aug.2010, Martin Wengenmayer