Made with ♥ by homepage.eu

Desktop-Version | Mobile Version

Deutsch | English

Navigation

Anzeige

Waluigis HomepageSuper Marios Cousin hat seine eigene, inoffizielle Webseite, wo er sich vorstellt und von sich erzählt. Besuche jetzt Waluigis Webseite und erfahre alles über Waluigi.Seite besuchen

Anzeige

NintendoNintendo gilt zu den welweit größten Firmen in Sachen Spiele- und Konsolenherstellung. Besuche die offizielle Webseite, um immer auf dem Laufenden zu bleiben.Seite besuchen

Boxtitel

Achtung: In deinem Browser ist Javascript deaktiviert! Aus diesem Grund kann die Desktop-Version der Seite nur mit festen Breiten angezeigt werden.

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>

Feiertage

Tools

Toplisten

Besucher

Copyright Valentin Hammer

Zuletzt geändert am 6. Januar 2020