Made with ♥ by homepage.eu

Mario & Luigis wunderbare Welt

Startseite | Charaktere | Spiele | Konsolen | Nintendo | Javascripts | Webdesign | Links | Pagerank | Awards | Newsarchiv | Gästebuch | Impressum

Desktop-Version | Mobile Version

Periodensystem

Beschreibung

Das ist ein Teil des Periodensystems, ohne Nebengruppen, Lanthanoide und Actinoide. Bei einem Klick auf einen Element-Button erscheinen die Informationen über das jeweilige Element in dem oberen Textfeld. Die Siede- und Schmelztemperaturen und die Ordnungszahlen sind gerundet. Zudem erleichtert ein Farbmuster das Erkennen der unterschiedlichen Elementtypen und Aggregarzustände.

Weil das Periodensystem breiter als die Boxen von Mario & Luigis wunderbare Welt ist, wird es in einer iframe angezeigt. Über einen Link unterhalb der Frame kann das Javascript auch in einem neuen Fenster angezeigt werden.

Technische Details

Mindestvoraussetzungen

CSS:
1.0
Javascript:
1.0
Netscape:
2.0
Internet Explorer:
3.0
Firefox:
1.0
Opera:
5.12
Chrome:
1.0
Safari:
1.0
Konqueror:
3.1

Verwendete intrinsische Funktionen

Methoden

charAt()
unescape()

Eigenschaften

value

Vorschau

Javascript-Frame

Ihr Browser unterstützt keine iframes

Klicke hier, um das Javascript in einem neuen Fenster zu öffnen

Javascript einbinden

HTML-Code

<script type="text/javascript">  </script> <form name="Periodensystem" action=""> <center> <table border="0"> <tr> <td width="100%" align="center" colspan="8"><font face="Arial" size="3"><b><u>Periodensystem</u></b></font></td> </tr> <tr> <td width="100%" colspan="8"> </td> </tr> <tr> <td width="100%" align="center" colspan="8"><textarea name="Daten" cols="30" rows="15" readonly></textarea></td> </tr> <tr> <td width="100%" align="center" colspan="8"> <table border="0" width="600"> <tr> <td width="25%" align="center"><font face="Arial" size="3">Metalle: <font color="#000080">blau</font></font></td> <td width="25%" align="center"><font face="Arial" size="3">Halbmetalle: <font color="#008000">grün</font></font></td> <td width="25%" align="center"><font face="Arial" size="3">Nichtmetalle: <font color="#FFCC00">gelb</font></font></td> <td width="25%" align="center"><font face="Arial" size="3">Edelgase: <font color="#FF6600">orange</font></font></td> </tr> </table> </td> </tr> <tr> <td width="100%" align="center" colspan="8"> <table border="0" width="300"> <tr> <td width="33%" align="center"><font face="Arial" size="3" color="#000000">fest</font></td> <td width="34%" align="center"><font face="Arial" size="3" color="#009900">flüssig</font></td> <td width="33%" align="center"><font face="Arial" size="3" color="#FF0000">gasförmig</font></td> </tr> </table> </td> </tr> <tr> <td width="12%" align="center"><input type="button" value="Wasserstoff" onclick="Details4('Wasserstoff',0,2,'H',1,1,0,-259,-252)" style="width: 100px; color: #FF0000; background-color: #FFFF00"></td> <td width="75%" colspan="6"> </td> <td width="13%" align="center"><input type="button" value="Helium" onclick="Details4('Helium',7,2,'He',4,2,0,-272,-268)" style="width: 100px; color: #FF0000; background-color: #FF9933"></td> </tr> <tr> <td width="12%" align="center"><input type="button" value="Lithium" onclick="Details4('Lithium',0,0,'Li',7,3,1,180,1347)" style="width: 100px; color: #000000; background-color: #0066CC"></td> <td width="13%" align="center"><input type="button" value="Beryllium" onclick="Details4('Beryllium',1,0,'Be',9,4,1,1278,2970)" style="width: 100px; color: #000000; background-color: #0066FF"></td> <td width="12%" align="center"><input type="button" value="Bor" onclick="Details4('Bor',2,0,'B',11,5,1,2079,2550)" style="width: 100px; color: #000000; background-color: #33CC33"></td> <td width="13%" align="center"><input type="button" value="Kohlenstoff" onclick="Details4('Kohlenstoff',3,0,'C',12,6,1,3367,4827)" style="width: 100px; color: #000000; background-color: #FFFF00"></td> <td width="12%" align="center"><input type="button" value="Stickstoff" onclick="Details4('Stickstoff',4,2,'N',14,7,1,-209,-195)" style="width: 100px; color: #FF0000; background-color: #FFFF00"></td> <td width="13%" align="center"><input type="button" value="Sauerstoff" onclick="Details4('Sauerstoff',5,2,'O',16,8,1,-218,-183)" style="width: 100px; color: #FF0000; background-color: #FFFF00"></td> <td width="12%" align="center"><input type="button" value="Fluor" onclick="Details4('Fluor',6,2,'F',19,9,1,-220,-188)" style="width: 100px; color: #FF0000; background-color: #FFFF00"></td> <td width="13%" align="center"><input type="button" value="Neon" onclick="Details4('Neon',7,2,'Ne',20,10,1,-249,-246)" style="width: 100px; color: #FF0000; background-color: #FF9933"></td> </tr> <tr> <td width="12%" align="center"><input type="button" value="Natrium" onclick="Details4('Natrium',0,0,'Na',23,11,2,98,883)" style="width: 100px; color: #000000; background-color: #0066CC"></td> <td width="13%" align="center"><input type="button" value="Magnesium" onclick="Details4('Magnesium',1,0,'Mg',24,12,2,649,1090)" style="width: 100px; color: #000000; background-color: #0066FF"></td> <td width="12%" align="center"><input type="button" value="Aluminium" onclick="Details4('Aluminium',2,0,'Al',27,13,2,660,2467)" style="width: 100px; color: #000000; background-color: #0066FF"></td> <td width="13%" align="center"><input type="button" value="Silicium" onclick="Details4('Silicium',3,0,'Si',28,14,2,1410,2355)" style="width: 100px; color: #000000; background-color: #33CC33"></td> <td width="12%" align="center"><input type="button" value="Phosphor" onclick="Details4('Phosphor',4,0,'P',31,15,2,44,280)" style="width: 100px; color: #000000; background-color: #FFFF00"></td> <td width="13%" align="center"><input type="button" value="Schwefel" onclick="Details4('Schwefel',5,0,'S',32,16,2,113,445)" style="width: 100px; color: #000000; background-color: #FFFF00"></td> <td width="12%" align="center"><input type="button" value="Chlor" onclick="Details4('Chlor',6,2,'Cl',35,17,2,-101,-35)" style="width: 100px; color: #FF0000; background-color: #FFFF00"></td> <td width="13%" align="center"><input type="button" value="Argon" onclick="Details4('Argon',7,2,'Ar',40,18,2,-189,186)" style="width: 100px; color: #FF0000; background-color: #FF9933"></td> </tr> <tr> <td width="12%" align="center"><input type="button" value="Kalium" onclick="Details4('Kalium',0,0,'K',39,19,3,64,774)" style="width: 100px; color: #000000; background-color: #0066FF"></td> <td width="13%" align="center"><input type="button" value="Calcium" onclick="Details4('Calcium',1,0,'Ca',40,20,3,839,1484)" style="width: 100px; color: #000000; background-color: #0066FF"></td> <td width="12%" align="center"><input type="button" value="Gallium" onclick="Details4('Gallium',2,0,'Ga',70,31,3,30,2403)" style="width: 100px; color: #000000; background-color: #0066FF"></td> <td width="13%" align="center"><input type="button" value="Germanium" onclick="Details4('Germanium',3,0,'Ge',73,32,3,937,2830)" style="width: 100px; color: #000000; background-color: #33CC33"></td> <td width="12%" align="center"><input type="button" value="Arsen" onclick="Details4('Arsen',4,0,'As',75,33,3,817,613)" style="width: 100px; color: #000000; background-color: #33CC33"></td> <td width="13%" align="center"><input type="button" value="Selen" onclick="Details4('Selen',5,0,'Se',79,34,3,217,685)" style="width: 100px; color: #000000; background-color: #33CC33"></td> <td width="12%" align="center"><input type="button" value="Brom" onclick="Details4('Brom',6,1,'Br',80,35,3,-7,59)" style="width: 100px; color: #009900; background-color: #FFFF00"></td> <td width="13%" align="center"><input type="button" value="Krypton" onclick="Details4('Krypton',7,2,'Kr',84,36,3,-157,-152)" style="width: 100px; color: #FF0000; background-color: #FF9933"></td> </tr> <tr> <td width="12%" align="center"><input type="button" value="Rubidium" onclick="Details4('Rubidium',0,0,'Rb',85,37,4,39,688)" style="width: 100px; color: #000000; background-color: #0066FF"></td> <td width="13%" align="center"><input type="button" value="Strontium" onclick="Details4('Strontium',1,0,'Sr',88,38,4,769,1384)" style="width: 100px; color: #000000; background-color: #0066FF"></td> <td width="12%" align="center"><input type="button" value="Indium" onclick="Details4('Indium',2,0,'In',115,49,4,157,2080)" style="width: 100px; color: #000000; background-color: #0066FF"></td> <td width="13%" align="center"><input type="button" value="Zinn" onclick="Details4('Zinn',3,0,'Sn',119,50,4,232,2270)" style="width: 100px; color: #000000; background-color: #0066FF"></td> <td width="12%" align="center"><input type="button" value="Antimon" onclick="Details4('Antimon',4,0,'Sb',122,51,4,631,1750)" style="width: 100px; color: #000000; background-color: #33CC33"></td> <td width="13%" align="center"><input type="button" value="Tellur" onclick="Details4('Tellur',5,0,'Te',128,52,4,450,990)" style="width: 100px; color: #000000; background-color: #33CC33"></td> <td width="12%" align="center"><input type="button" value="Iod" onclick="Details4('Iod',6,0,'I',127,53,4,114,184)" style="width: 100px; color: #000000; background-color: #FFFF00"></td> <td width="13%" align="center"><input type="button" value="Xenon" onclick="Details4('Xenon',7,2,'Xe',131,54,4,112,107)" style="width: 100px; color: #FF0000; background-color: #FF9933"></td> </tr> <tr> <td width="12%" align="center"><input type="button" value="Cäsium" onclick="Details4('Cäsium',0,0,'Cs',133,55,5,28,678)" style="width: 100px; color: #000000; background-color: #0066FF"></td> <td width="13%" align="center"><input type="button" value="Barium" onclick="Details4('Barium',1,0,'Ba',137,56,5,44,280)" style="width: 100px; color: #000000; background-color: #0066FF"></td> <td width="12%" align="center"><input type="button" value="Thallium" onclick="Details4('Thallium',2,0,'Tl',204,81,5,304,1457)" style="width: 100px; color: #000000; background-color: #0066FF"></td> <td width="13%" align="center"><input type="button" value="Blei" onclick="Details4('Blei',3,0,'Pb',207,82,5,328,1740)" style="width: 100px; color: #000000; background-color: #0066FF"></td> <td width="12%" align="center"><input type="button" value="Bismut" onclick="Details4('Bismut',4,0,'Bi',209,83,5,271,1560)" style="width: 100px; color: #000000; background-color: #0066FF"></td> <td width="13%" align="center"><input type="button" value="Polonium *" onclick="Details4('Polonium',5,0,'Po',210,84,5,254,962,1)" style="width: 100px; color: #000000; background-color: #0066FF"></td> <td width="12%" align="center"><input type="button" value="Astat *" onclick="Details4('Astat',6,0,'At',210,85,5,302,337,1)" style="width: 100px; color: #000000; background-color: #33CC33"></td> <td width="13%" align="center"><input type="button" value="Radon *" onclick="Details4('Radon',7,2,'Rn',222,86,5,-71,-62,1)" style="width: 100px; color: #FF0000; background-color: #FF9933"></td> </tr> <tr> <td width="12%" align="center"><input type="button" value="Francium *" onclick="Details4('Francium',0,0,'Fr',223,87,6,27,677,1)" style="width: 100px; color: #000000; background-color: #0066FF"></td> <td width="13%" align="center"><input type="button" value="Radium *" onclick="Details4('Radium',1,0,'Ra',226,88,6,700,1140,1)" style="width: 100px; color: #000000; background-color: #0066FF"></td> <td width="75%" colspan="6"> </td> </tr> </table> </center> </form>

Statistik

Copyright Valentin Hammer
Zuletzt geändert am 6. Januar 2020