Dies ist eine alte Version des Dokuments!
Figure. line chart example
<HTML>
<body onload=„onInit()“>
<section> <h1>Feld einer bewegten Punktladung</h1> <table>
<tr>
<th>Feldstärke E<sub>x</sub>/E<sub>1ab</sub></th>
<th>Feldstärke E<sub>y</sub>/E<sub>1ab</sub></th>
</tr>
<tr>
<td width="420px"><div id="exBox" class="jxgbox" style="width:300px; height:300px;"></div></td>
<td><div id="eyBox" class="jxgbox" style="width:300px; height:300px;"></div></td>
</tr>
</table> <table>
<tr>
<td width="320px">
<b>Oben:</b> Verlauf der Feldstärke für ein bewegtes Elektron und einen festen
Beobachtungspunkt<br><br>
<b>Rechts:</b> Linien konstanter Feldstärke für ein gleichförmig bewegtes Elektron.
Dargestellt sind Isolinien für die Feldstärken in Abständen von ein bis view Bohr-Radien
bezüglich des ruhenden Elektrons.<br><br><br>
Geschwindigkeit β: <span id="betaVal"></span> <span id="betaOut"></span><br><br>
<input id="betaSlider" type="range" min="0.0" max="0.99"
step="0.01" style="width:250px" oninput="onBetaChanged()"> </td>
<td><div id="etotBox" class="jxgbox" style="width:300px; height:400px;"></div></td>
</tr>
</table> <p>Buch Abb. 7.1 und 7.2.</p> </section> </body> </HTML>
<HTML> <svg width=„500“ height=„100“>
<circle id="circle1" cx="20" cy="20" r="10"
style="stroke: none; fill: #ff0000;"/>
</svg> </HTML>
<HTML> </br> <input type=„button“ value=„Start Animation“ onclick=„startAnimation();“> <input type=„button“ value=„Stop Animation“ onclick=„stopAnimation();“> </HTML>
<HTML> <svg width=„200“ height=„250“ version=„1.1“ xmlns=„http://www.w3.org/2000/svg“> <rect x=„10“ y=„10“ width=„30“ height=„30“ stroke=„black“ fill=„transparent“ stroke-width=„5“/> <rect x=„60“ y=„10“ rx=„10“ ry=„10“ width=„30“ height=„30“ stroke=„black“ fill=„transparent“ stroke-width=„5“/> <circle cx=„25“ cy=„75“ r=„20“ stroke=„red“ fill=„transparent“ stroke-width=„5“/> <ellipse cx=„75“ cy=„75“ rx=„20“ ry=„5“ stroke=„red“ fill=„transparent“ stroke-width=„5“/> <line x1=„10“ x2=„50“ y1=„110“ y2=„150“ stroke=„orange“ stroke-width=„5“/> <polyline points=„60 110 65 120 70 115 75 130 80 125 85 140 90 135 95 150 100 145“ stroke=„orange“ fill=„transparent“ stroke-width=„5“/><polygon points=„50 160 55 180 70 180 60 190 65 205 50 195 35 205 40 190 30 180 45 180“ stroke=„green“ fill=„transparent“ stroke-width=„5“/><path d=„M20,230 Q40,205 50,230 T90,230“ fill=„none“ stroke=„blue“ stroke-width=„5“/></svg>' </HTML>