Periodensystem Javascript

Periodensystem

( 412 Bewertungen, 3.95 Punkte von 5 )

Damit die Bildung nicht zu kurz kommt haben wir hier wieder ein lehrreiches Javascript für euch.

Dieses von unserem User Valentin eingeschickte Javascript zeigt einen kleinen Ausschnitt aus dem Periodensystem der Elemente. Kernladungszahl, Siede- und Schmelztemperatur sind dabei gerundet.

Sobald ihr einen Element-Button anklickt seht ihr die entsprechend zugehörigen Werte oben in dem Textfeld.

Viel Spass damit :-)

Periodensystem

Metalle: blau Halbmetalle: grün Nichtmetalle: gelb Edelgase: orange

fest flüssig gasförmig

Die besten Deals in Deiner Stadt - bis zu 70% günstiger.

<script type='text/javascript'>  </script> <p align="center"> <font face="Arial" size="4"><strong style="text-decoration: underline;">Periodensystem</strong></font></p> <p align="center"> <font face="Arial" size="3"> <textarea name="Daten" id="PSDaten" cols="30" rows="15" wrap="virtual"></textarea> </font> </p> <p align="center"> <font face="Arial" size="3">Metalle: <font color="#000080"><strong>blau</strong></font> Halbmetalle: <font color="#008000"><strong>grün</strong></font> Nichtmetalle: <font color="#FFCC00"><strong>gelb</strong></font> Edelgase: <font color="#FF6600"><strong>orange</strong></font></font></p> <p align="center"> <font face="Arial" size="3"><font color="#000000">fest</font> <font color="#003300;">flüssig</font> <font color="#FF0000">gasförmig</font></font></p> <p align="center"></p> <table border="0" width="32%"> <tr> <td width="13%" align="center"><p align="center"> <font face="Arial" size="3"> <input type="button" value="Wasserstoff" onclick="document.getElementById('PSDaten').value = H" style="background-color: #FFFF00; color: #FF0000" /> </font> </p></td> <td width="13%" align="center"> </td> <td width="13%" align="center"> </td> <td width="13%" align="center"> </td> <td width="12%" align="center"> </td> <td width="12%" align="center"> </td> <td width="12%" align="center"> </td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Helium " onclick="document.getElementById('PSDaten').value = He" style="background-color: #FF9933; color: #FF0000" /> </font> </p></td> </tr> <tr> <td width="13%" align="center"><p align="center"> <font face="Arial" size="3"> <input type="button" value=" Lithium " onclick="document.getElementById('PSDaten').value = Li" style="background-color: #0066CC; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"> <font face="Arial" size="3"> <input type="button" value=" Beryllium " onclick="document.getElementById('PSDaten').value = Be" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"> <font face="Arial" size="3"> <input type="button" value=" Bor " onclick="document.getElementById('PSDaten').value = B" style="background-color: #33CC33; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"> <font face="Arial" size="3"> <input type="button" value=" Kohlenstoff " onclick="document.getElementById('PSDaten').value = C" style="background-color: #FFFF00; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"> <font face="Arial" size="3"> <input type="button" value=" Stickstoff " onclick="document.getElementById('PSDaten').value = N" style="background-color: #FFFF00; color: #FF0000" /> </font> </p></td> <td width="12%" align="center"><p align="center"> <font face="Arial" size="3"> <input type="button" value=" Sauerstoff " onclick="document.getElementById('PSDaten').value = O" style="background-color: #FFFF00; color: #FF0000" /> </font> </p></td> <td width="12%" align="center"><p align="center"> <font face="Arial" size="3"> <input type="button" value=" Fluor " onclick="document.getElementById('PSDaten').value = F" style="background-color: #FFFF00; color: #FF0000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Neon " onclick="document.getElementById('PSDaten').value = Ne" style="background-color: #FF9933; color: #FF0000" /> </font> </p></td> </tr> <tr> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Natrium " onclick="document.getElementById('PSDaten').value = Na" style="background-color: #0066CC; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value="Magnesium" onclick="document.getElementById('PSDaten').value = Mg" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Aluminium " onclick="document.getElementById('PSDaten').value = Al" style="background-color: #0066FF; color: #000000" /> </font></p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Silicium " onclick="document.getElementById('PSDaten').value = Si" style="background-color: #33CC33; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Phosphor " onclick="document.getElementById('PSDaten').value = P" style="background-color: #FFFF00; color: #000000" /> </font></p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Schwefel " onclick="document.getElementById('PSDaten').value = S" style="background-color: #FFFF00; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Chlor " onclick="document.getElementById('PSDaten').value = Cl" style="background-color: #FFFF00; color: #FF0000" /> </font></p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Argon " onclick="document.getElementById('PSDaten').value = Ar" style="background-color: #FF9933; color: #FF0000" /> </font> </p></td> </tr> <tr> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Kalium " onclick="document.getElementById('PSDaten').value = K" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Calcium " onclick="document.getElementById('PSDaten').value = Ca" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Gallium " onclick="document.getElementById('PSDaten').value = Ga" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value="Germanium" onclick="document.getElementById('PSDaten').value = Ge" style="background-color: #33CC33; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Arsen " onclick="document.getElementById('PSDaten').value = As" style="background-color: #33CC33; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Selen " onclick="document.getElementById('PSDaten').value = Se" style="background-color: #33CC33; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Brom " onclick="document.getElementById('PSDaten').value = Br" style="background-color: #FFFF00; color: #003300" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Krypton " onclick="document.getElementById('PSDaten').value = Kr" style="background-color: #FF9933; color: #FF0000" /> </font> </p></td> </tr> <tr> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Rubidium " onclick="document.getElementById('PSDaten').value = Rb" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Strontium " onclick="document.getElementById('PSDaten').value = Sr" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Indium " onclick="document.getElementById('PSDaten').value = In" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Zinn " onclick="document.getElementById('PSDaten').value = Sn" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Antimon " onclick="document.getElementById('PSDaten').value = Sb" style="background-color: #33CC33; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Tellur " onclick="document.getElementById('PSDaten').value = Te" style="background-color: #33CC33; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Iod " onclick="document.getElementById('PSDaten').value = I" style="background-color: #FFFF00; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Xenon " onclick="document.getElementById('PSDaten').value = Xe" style="background-color: #FF9933; color: #FF0000" /> </font> </p></td> </tr> <tr> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Cäsium " onclick="document.getElementById('PSDaten').value = Cs" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Barium " onclick="document.getElementById('PSDaten').value = Ba" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Thallium " onclick="document.getElementById('PSDaten').value = Tl" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Blei " onclick="document.getElementById('PSDaten').value = Pb" style="background-color: #0066FF; color: #000000" /> </font></p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Bismut " onclick="document.getElementById('PSDaten').value = Bi" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Polonium * " onclick="document.getElementById('PSDaten').value = Po" style="background-color: #0066FF; color: #000000" /> </font></p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Astat * " onclick="document.getElementById('PSDaten').value = At" style="background-color: #33CC33; color: #000000" /> </font> </p></td> <td width="12%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Radon * " onclick="document.getElementById('PSDaten').value = Rn" style="background-color: #FF9933; color: #FF0000" /> </font></p></td> </tr> <tr> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Francium * " onclick="document.getElementById('PSDaten').value = Fr" style="background-color: #0066FF; color: #000000" /> </font> </p></td> <td width="13%" align="center"><p align="center"><font face="Arial" size="3"> <input type="button" value=" Radium * " onclick="document.getElementById('PSDaten').value = Ra" style="background-color: #0066FF; color: #000000" /> </font></p></td> <td width="13%" align="center"> </td> <td width="13%" align="center"> </td> <td width="12%" align="center"> </td> <td width="12%" align="center"> </td> <td width="12%" align="center"> </td> <td width="12%" align="center"> </td> </tr> </table> <br />  <div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/handy-prepaid-vergleich.html" title="Prepaid Vergleich" target="_blank">Prepaid Vergleich</a></div> <br />

Ähnliche Javascripts:

Kommentare

#11 27.11.2008 15:07

Wasserstoff ist kein Alkalimetall, sondern ein Nichtmetall, die Platzierung vom Periodensystem, in die Alkalimetall-Gruppe ist falsch.

Siehe Wikipedia-Eintrag.

#10 24.07.2008 11:12

bei mir wird es nicht vollständig angezeigt...die hälfte ist rechts verschwunden

#9 17.10.2007 17:48

Oja, er fällt unter die Gruppe der Alkalimetalle, Wasserstoff ist nur so klein, dass er gasförmig ist!

#8 04.10.2007 20:29

Wasserstoff ist doch kein Alkalimetall !!!

#7 29.06.2007 15:58

Zu Mabie:
Nein, haben sie nicht! Fest ist schwarz und flüssig ist dunkelgrün!

#6 11.06.2007 17:00

Fest und flüssig haben die selbe Farbe.

#5 23.05.2007 15:29

Zu Blacky007
Also, ich hab das für Leute gemacht, die beispielweise eine Homepage über Chemie oder Physik haben und ein Periodensystem benötigen. Anstatt Textseiten, die ein Element erklären, wenn man daraufklickt, wird die Erklärung in das Textfeld ganz oben geschrieben.

#4 22.05.2007 14:08

Kompliment und Hochachtung für diese Arbeit. Coole und sinnvolle Idee.

#3 22.05.2007 14:07

Das is ja mal ne coole Sache. Ich hab Chemie immer gehasst, was wohl auch am Periodensystem lag.^^
Kompliment und Hochachtung für diese Arbeit!!!!

#2 15.05.2007 17:48

okay und was nützt das bitte

#1 01.10.2006 21:26

voll crass!!

Kommentare aktualisieren
RSS feed für die Kommentare bei diesem Javascript.

Kommentare

Login