Diese Website wird vorübergehend in einer einfachen Ansicht angezeigt.
Periodensystem - Mario & Luigis wunderbare Welt
Desktop-Version | Mobile Version
Deutsch | English
Navigation
Startseite
Charaktere
Spiele
Konsolen
Nintendo
Javascripts
Webdesign
Links
Pagerank
Awards
Newsarchiv
Gästebuch
Impressum
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
BoxtitelAchtung: 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
Klicke hier, um das Javascript in einem neuen Fenster zu öffnen
Javascript einbinden
HTML-Code
<script type="text/javascript">
<!--
/*
© Valentin Hammer
Das ist ein kleiner Ausschnitt
des Periodensystems. Ordnungszahl,
Kernladungszahl, Siede- und
Schmelztemperatur sind gerundet.
Originalversion auf http://www.supermario.homepage.eu
*/
var Zustaende4 = new Array("fest","flüssig","gasförmig");
var Typen4 = new Array("Alkalimetall","Erdalkalimetall","Erdmetall","Kohlenstoffgruppe","Stickstoffgruppe","Erzbildner","Halogen","Edelgas");
var Schalen4 = "KLMNOPQ";
function Details4(Name4,Typ4,Zustand4,Symbol4,Massenzahl4,Ordnungszahl4,Periode4,Schmelzen4,Sieden4,Radioaktiv4)
{
document.Periodensystem.Daten.value = unescape(Name4+":%0A%0ATyp: "+Typen4[Typ4]+"%0AAggregatzustand: "+Zustaende4[Zustand4]+"%0Achemisches Symbol: "+Symbol4+"%0AAtommassenzahl: "+Massenzahl4+"%0AOrdnungszahl: "+Ordnungszahl4+"%0AAußenelektronen: "+(Typ4+1)+"%0APeriode: "+(Periode4+1)+"%0ASchale: "+Schalen4.charAt(Periode4)+"%0ASchmelztemperatur: "+Schmelzen4+"%0ASiedetemperatur: "+Sieden4+(Radioaktiv4 ? "%0ARadioaktiv":""));
}
//-->
</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
Zum Anzeigen der Feiertage muss Javascript im Browser aktiviert sein.
Tools
Zum Verwenden der Seitentools muss Javascript im Browser aktiviert sein.
Toplisten
LINKS2000.DE Webkatalog & Handy Fun
Top18
top18.de
Besucher
Zum Anzeigen der Besucherzahlen muss Javascript im Browser aktiviert sein.
Copyright Valentin Hammer
Zuletzt geändert am 6. Januar 2020