Silverlight/XAML – Learning by Coding
1: <?xml version="1.0" encoding="UTF-8"?>
2: <!-- coded by Thomas Meinike 02/08 -->
3: <Canvas xmlns="http://schemas.microsoft.com/client/2007"
4: xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5: Loaded="InitPSE">
6:
7: <!-- Portierung der SVG-Variante by Thomas Meinike 09/03
8: http://svglbc.datenverdrahten.de/?code=periodensystem&znr=on -->
9:
10: <TextBlock FontFamily="Arial" Canvas.Left="15" Canvas.Top="15" Foreground="#000" FontSize="24">
11: Periodensystem der Elemente mit Online-Datenabfrage</TextBlock>
12:
13: <!-- Gruppennummern -->
14: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="45" Canvas.Top="60">Hauptgruppe</TextBlock>
15: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="58" Canvas.Top="80">I</TextBlock>
16: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="88" Canvas.Top="80">II</TextBlock>
17: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="220" Canvas.Top="150">Nebengruppe</TextBlock>
18: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="118" Canvas.Top="170">III</TextBlock>
19: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="148" Canvas.Top="170">IV</TextBlock>
20: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="178" Canvas.Top="170">V</TextBlock>
21: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="208" Canvas.Top="170">VI</TextBlock>
22: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="238" Canvas.Top="170">VII</TextBlock>
23: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="298" Canvas.Top="170">VIII</TextBlock>
24: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="358" Canvas.Top="170">I</TextBlock>
25: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="388" Canvas.Top="170">II</TextBlock>
26: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="470" Canvas.Top="60">Hauptgruppe</TextBlock>
27: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="418" Canvas.Top="80">III</TextBlock>
28: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="448" Canvas.Top="80">IV</TextBlock>
29: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="478" Canvas.Top="80">V</TextBlock>
30: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="508" Canvas.Top="80">VI</TextBlock>
31: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="538" Canvas.Top="80">VII</TextBlock>
32: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="568" Canvas.Top="80">VIII</TextBlock>
33:
34: <!-- Periodennummern -->
35: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="45" Canvas.Top="70" Text="Periode">
36: <TextBlock.RenderTransform>
37: <TransformGroup>
38: <RotateTransform Angle="-90" CenterX="0" CenterY="0"></RotateTransform>
39: <TranslateTransform X="-35" Y="150"></TranslateTransform>
40: </TransformGroup>
41: </TextBlock.RenderTransform>
42: </TextBlock>
43: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="35" Canvas.Top="108">1</TextBlock>
44: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="35" Canvas.Top="138">2</TextBlock>
45: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="35" Canvas.Top="168">3</TextBlock>
46: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="35" Canvas.Top="198">4</TextBlock>
47: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="35" Canvas.Top="228">5</TextBlock>
48: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="35" Canvas.Top="258">6</TextBlock>
49: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="35" Canvas.Top="288">7</TextBlock>
50:
51: <!-- Lanthanoide/Actinoide -->
52: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="35" Canvas.Top="338">Lanthanoide</TextBlock>
53: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="35" Canvas.Top="378">Actinoide</TextBlock>
54:
55: <!-- Legende der Farben -->
56: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="35" Canvas.Top="435">Zuordung der Farben:</TextBlock>
57: <Rectangle Fill="#FCC" Stroke="#000" StrokeThickness="0.8" Canvas.Left="35" Canvas.Top="455" Width="10" Height="10"/>
58: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="50" Canvas.Top="454">> Nichtmetalle</TextBlock>
59: <Rectangle Fill="#3C3" Stroke="#000" StrokeThickness="0.8" Canvas.Left="35" Canvas.Top="470" Width="10" Height="10"/>
60: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="50" Canvas.Top="469">> Halbmetalle</TextBlock>
61: <Rectangle Fill="#0CF" Stroke="#000" StrokeThickness="0.8" Canvas.Left="35" Canvas.Top="485" Width="10" Height="10"/>
62: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="50" Canvas.Top="484">> Hauptgruppen-Metalle</TextBlock>
63: <Rectangle Fill="#9FF" Stroke="#000" StrokeThickness="0.8" Canvas.Left="35" Canvas.Top="500" Width="10" Height="10"/>
64: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="50" Canvas.Top="499">> Nebengruppen-Metalle</TextBlock>
65: <Rectangle Fill="#FF0" Stroke="#000" StrokeThickness="0.8" Canvas.Left="35" Canvas.Top="515" Width="10" Height="10"/>
66: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="50" Canvas.Top="514">> Aktuelles Element</TextBlock>
67:
68: <!-- Umrandungslinien -->
69: <Polygon Points="50,100 50,310 410,310 410,280 590,280 590,100 560,100 560,130 410,130
70: 410,190 110,190 110,130 80,130 80,100" Stroke="#000" StrokeThickness="2"/>
71: <Polygon Points="110,330 530,330 530,360 110,360" Stroke="#000" StrokeThickness="2"/>
72: <Polygon Points="110,370 530,370 530,400 110,400" Stroke="#000" StrokeThickness="2"/>
73:
74: <!-- 1. Hauptgruppe -->
75: <Canvas Tag="Hydrogen">
76: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#FCC" Canvas.Left="50" Canvas.Top="100" Width="30" Height="30"/>
77: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="58" Canvas.Top="108">H</TextBlock>
78: </Canvas>
79: <Canvas Tag="Lithium">
80: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#0CF" Canvas.Left="50" Canvas.Top="130" Width="30" Height="30"/>
81: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="58" Canvas.Top="138">Li</TextBlock>
82: </Canvas>
83: <Canvas Tag="Sodium">
84: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#0CF" Canvas.Left="50" Canvas.Top="160" Width="30" Height="30"/>
85: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="58" Canvas.Top="168">Na</TextBlock>
86: </Canvas>
87: <Canvas Tag="Potassium">
88: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#0CF" Canvas.Left="50" Canvas.Top="190" Width="30" Height="30"/>
89: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="58" Canvas.Top="198">K</TextBlock>
90: </Canvas>
91: <Canvas Tag="Rubidium">
92: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#0CF" Canvas.Left="50" Canvas.Top="220" Width="30" Height="30"/>
93: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="58" Canvas.Top="228">Rb</TextBlock>
94: </Canvas>
95: <Canvas Tag="Cesium">
96: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#0CF" Canvas.Left="50" Canvas.Top="250" Width="30" Height="30"/>
97: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="58" Canvas.Top="258">Cs</TextBlock>
98: </Canvas>
99: <Canvas Tag="Francium">
100: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#0CF" Canvas.Left="50" Canvas.Top="280" Width="30" Height="30"/>
101: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="58" Canvas.Top="288">Fr</TextBlock>
102: </Canvas>
103:
104: <!-- 2. Hauptgruppe -->
105: <Canvas Tag="Beryllium">
106: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#0CF" Canvas.Left="80" Canvas.Top="130" Width="30" Height="30"/>
107: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="88" Canvas.Top="138">Be</TextBlock>
108: </Canvas>
109: <Canvas Tag="Magnesium">
110: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#0CF" Canvas.Left="80" Canvas.Top="160" Width="30" Height="30"/>
111: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="88" Canvas.Top="168">Mg</TextBlock>
112: </Canvas>
113: <Canvas Tag="Calcium">
114: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#0CF" Canvas.Left="80" Canvas.Top="190" Width="30" Height="30"/>
115: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="88" Canvas.Top="198">Ca</TextBlock>
116: </Canvas>
117: <Canvas Tag="Strontium">
118: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#0CF" Canvas.Left="80" Canvas.Top="220" Width="30" Height="30"/>
119: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="88" Canvas.Top="228">Sr</TextBlock>
120: </Canvas>
121: <Canvas Tag="Barium">
122: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#0CF" Canvas.Left="80" Canvas.Top="250" Width="30" Height="30"/>
123: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="88" Canvas.Top="258">Ba</TextBlock>
124: </Canvas>
125: <Canvas Tag="Radium">
126: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#0CF" Canvas.Left="80" Canvas.Top="280" Width="30" Height="30"/>
127: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="88" Canvas.Top="288">Ra</TextBlock>
128: </Canvas>
129:
130: <!-- 3. Nebengruppe -->
131: <Canvas Tag="Scandium">
132: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="110" Canvas.Top="190" Width="30" Height="30"/>
133: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="118" Canvas.Top="198">Sc</TextBlock>
134: </Canvas>
135: <Canvas Tag="Yttrium">
136: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="110" Canvas.Top="220" Width="30" Height="30"/>
137: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="118" Canvas.Top="228">Y</TextBlock>
138: </Canvas>
139: <Canvas Tag="Lanthanum">
140: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="110" Canvas.Top="250" Width="30" Height="30"/>
141: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="118" Canvas.Top="258">La</TextBlock>
142: </Canvas>
143: <Canvas Tag="Actinium">
144: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="110" Canvas.Top="280" Width="30" Height="30"/>
145: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="118" Canvas.Top="288">Ac</TextBlock>
146: </Canvas>
147:
148: <!-- 4. Nebengruppe -->
149: <Canvas Tag="Titanium">
150: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="140" Canvas.Top="190" Width="30" Height="30"/>
151: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="148" Canvas.Top="198">Ti</TextBlock>
152: </Canvas>
153:
154: <Canvas Tag="Zirconium">
155: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="140" Canvas.Top="220" Width="30" Height="30"/>
156: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="148" Canvas.Top="228">Zr</TextBlock>
157: </Canvas>
158: <Canvas Tag="Hafnium">
159: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="140" Canvas.Top="250" Width="30" Height="30"/>
160: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="148" Canvas.Top="258">Hf</TextBlock>
161: </Canvas>
162: <Canvas Tag="Curcigtonium">
163: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="140" Canvas.Top="280" Width="30" Height="30"/>
164: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="148" Canvas.Top="288">Ku</TextBlock>
165: </Canvas>
166:
167: <!-- 5. Nebengruppe -->
168: <Canvas Tag="Vanadium">
169: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="170" Canvas.Top="190" Width="30" Height="30"/>
170: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="178" Canvas.Top="198">V</TextBlock>
171: </Canvas>
172: <Canvas Tag="Niobium">
173: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="170" Canvas.Top="220" Width="30" Height="30"/>
174: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="178" Canvas.Top="228">Nb</TextBlock>
175: </Canvas>
176: <Canvas Tag="Tantalum">
177: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="170" Canvas.Top="250" Width="30" Height="30"/>
178: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="178" Canvas.Top="258">Ta</TextBlock>
179: </Canvas>
180: <Canvas Tag="Hahnium">
181: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="170" Canvas.Top="280" Width="30" Height="30"/>
182: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="178" Canvas.Top="288">Ha</TextBlock>
183: </Canvas>
184:
185: <!-- 6. Nebengruppe -->
186: <Canvas Tag="Chromium">
187: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="200" Canvas.Top="190" Width="30" Height="30"/>
188: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="208" Canvas.Top="198">Cr</TextBlock>
189: </Canvas>
190: <Canvas Tag="Molybdenum">
191: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="200" Canvas.Top="220" Width="30" Height="30"/>
192: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="208" Canvas.Top="228">Mo</TextBlock>
193: </Canvas>
194: <Canvas Tag="Tungsten">
195: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="200" Canvas.Top="250" Width="30" Height="30"/>
196: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="208" Canvas.Top="258">W</TextBlock>
197: </Canvas>
198: <Canvas Tag="Seaborgium">
199: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="200" Canvas.Top="280" Width="30" Height="30"/>
200: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="208" Canvas.Top="288">Sg</TextBlock>
201: </Canvas>
202:
203: <!-- 7. Nebengruppe -->
204: <Canvas Tag="Manganese">
205: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="230" Canvas.Top="190" Width="30" Height="30"/>
206: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="238" Canvas.Top="198">Mn</TextBlock>
207: </Canvas>
208: <Canvas Tag="Technetium">
209: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="230" Canvas.Top="220" Width="30" Height="30"/>
210: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="238" Canvas.Top="228">Tc</TextBlock>
211: </Canvas>
212: <Canvas Tag="Rhenium">
213: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="230" Canvas.Top="250" Width="30" Height="30"/>
214: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="238" Canvas.Top="258">Re</TextBlock>
215: </Canvas>
216: <Canvas Tag="Bohrium">
217: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="230" Canvas.Top="280" Width="30" Height="30"/>
218: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="238" Canvas.Top="288">Bh</TextBlock>
219: </Canvas>
220:
221: <!-- 8. Nebengruppe -->
222: <Canvas Tag="Iron">
223: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="260" Canvas.Top="190" Width="30" Height="30"/>
224: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="268" Canvas.Top="198">Fe</TextBlock>
225: </Canvas>
226: <Canvas Tag="Ruthenium">
227: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="260" Canvas.Top="220" Width="30" Height="30"/>
228: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="268" Canvas.Top="228">Ru</TextBlock>
229: </Canvas>
230: <Canvas Tag="Osmium">
231: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="260" Canvas.Top="250" Width="30" Height="30"/>
232: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="268" Canvas.Top="258">Os</TextBlock>
233: </Canvas>
234: <Canvas Tag="Hassium">
235: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="260" Canvas.Top="280" Width="30" Height="30"/>
236: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="268" Canvas.Top="288">Hs</TextBlock>
237: </Canvas>
238: <Canvas Tag="Cobalt">
239: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="290" Canvas.Top="190" Width="30" Height="30"/>
240: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="298" Canvas.Top="198">Co</TextBlock>
241: </Canvas>
242: <Canvas Tag="Rhodium">
243: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="290" Canvas.Top="220" Width="30" Height="30"/>
244: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="298" Canvas.Top="228">Rh</TextBlock>
245: </Canvas>
246: <Canvas Tag="Iridium">
247: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="290" Canvas.Top="250" Width="30" Height="30"/>
248: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="298" Canvas.Top="258">Ir</TextBlock>
249: </Canvas>
250: <Canvas Tag="Meitnerium">
251: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="290" Canvas.Top="280" Width="30" Height="30"/>
252: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="298" Canvas.Top="288">Mt</TextBlock>
253: </Canvas>
254: <Canvas Tag="Nickel">
255: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="320" Canvas.Top="190" Width="30" Height="30"/>
256: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="328" Canvas.Top="198">Ni</TextBlock>
257: </Canvas>
258: <Canvas Tag="Palladium">
259: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="320" Canvas.Top="220" Width="30" Height="30"/>
260: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="328" Canvas.Top="228">Pd</TextBlock>
261: </Canvas>
262: <Canvas Tag="Platinum">
263: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="320" Canvas.Top="250" Width="30" Height="30"/>
264: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="328" Canvas.Top="258">Pt</TextBlock>
265: </Canvas>
266: <Canvas Tag="Ununnilium">
267: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="320" Canvas.Top="280" Width="30" Height="30"/>
268: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="325" Canvas.Top="288">Uun</TextBlock>
269: </Canvas>
270:
271: <!-- 1. Nebengruppe -->
272: <Canvas Tag="Copper">
273: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="350" Canvas.Top="190" Width="30" Height="30"/>
274: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="358" Canvas.Top="198">Cu</TextBlock>
275: </Canvas>
276: <Canvas Tag="Silver">
277: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="350" Canvas.Top="220" Width="30" Height="30"/>
278: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="358" Canvas.Top="228">Ag</TextBlock>
279: </Canvas>
280: <Canvas Tag="Gold">
281: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="350" Canvas.Top="250" Width="30" Height="30"/>
282: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="358" Canvas.Top="258">Au</TextBlock>
283: </Canvas>
284: <Canvas Tag="Unununium">
285: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="350" Canvas.Top="280" Width="30" Height="30"/>
286: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="355" Canvas.Top="288">Uuu</TextBlock>
287: </Canvas>
288:
289: <!-- 2. Nebengruppe -->
290: <Canvas Tag="Zinc">
291: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="380" Canvas.Top="190" Width="30" Height="30"/>
292: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="388" Canvas.Top="198">Zn</TextBlock>
293: </Canvas>
294: <Canvas Tag="Cadmium">
295: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="380" Canvas.Top="220" Width="30" Height="30"/>
296: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="388" Canvas.Top="228">Cd</TextBlock>
297: </Canvas>
298: <Canvas Tag="Mercury">
299: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="380" Canvas.Top="250" Width="30" Height="30"/>
300: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="388" Canvas.Top="258">Hg</TextBlock>
301: </Canvas>
302: <Canvas Tag="Ununbium">
303: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="380" Canvas.Top="280" Width="30" Height="30"/>
304: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="385" Canvas.Top="288">Uub</TextBlock>
305: </Canvas>
306:
307: <!-- 3. Hauptgruppe -->
308: <Canvas Tag="Boron">
309: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#3C3" Canvas.Left="410" Canvas.Top="130" Width="30" Height="30"/>
310: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="418" Canvas.Top="138">B</TextBlock>
311: </Canvas>
312: <Canvas Tag="Aluminium">
313: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#0CF" Canvas.Left="410" Canvas.Top="160" Width="30" Height="30"/>
314: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="418" Canvas.Top="168">Al</TextBlock>
315: </Canvas>
316: <Canvas Tag="Gallium">
317: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#0CF" Canvas.Left="410" Canvas.Top="190" Width="30" Height="30"/>
318: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="418" Canvas.Top="198">Ga</TextBlock>
319: </Canvas>
320: <Canvas Tag="Indium">
321: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#0CF" Canvas.Left="410" Canvas.Top="220" Width="30" Height="30"/>
322: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="418" Canvas.Top="228">In</TextBlock>
323: </Canvas>
324: <Canvas Tag="Thallium">
325: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#0CF" Canvas.Left="410" Canvas.Top="250" Width="30" Height="30"/>
326: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="418" Canvas.Top="258">Tl</TextBlock>
327: </Canvas>
328:
329: <!-- 4. Hauptgruppe -->
330: <Canvas Tag="Carbon">
331: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#FCC" Canvas.Left="440" Canvas.Top="130" Width="30" Height="30"/>
332: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="448" Canvas.Top="138">C</TextBlock>
333: </Canvas>
334: <Canvas Tag="Silicon">
335: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#3C3" Canvas.Left="440" Canvas.Top="160" Width="30" Height="30"/>
336: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="448" Canvas.Top="168">Si</TextBlock>
337: </Canvas>
338: <Canvas Tag="Germanium">
339: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#3C3" Canvas.Left="440" Canvas.Top="190" Width="30" Height="30"/>
340: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="448" Canvas.Top="198">Ge</TextBlock>
341: </Canvas>
342: <Canvas Tag="Tin">
343: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#0CF" Canvas.Left="440" Canvas.Top="220" Width="30" Height="30"/>
344: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="448" Canvas.Top="228">Sn</TextBlock>
345: </Canvas>
346: <Canvas Tag="Lead">
347: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#0CF" Canvas.Left="440" Canvas.Top="250" Width="30" Height="30"/>
348: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="448" Canvas.Top="258">Pb</TextBlock>
349: </Canvas>
350:
351: <!-- 5. Hauptgruppe -->
352: <Canvas Tag="Nitrogen">
353: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#FCC" Canvas.Left="470" Canvas.Top="130" Width="30" Height="30"/>
354: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="478" Canvas.Top="138">N</TextBlock>
355: </Canvas>
356: <Canvas Tag="Phosphorous">
357: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#FCC" Canvas.Left="470" Canvas.Top="160" Width="30" Height="30"/>
358: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="478" Canvas.Top="168">P</TextBlock>
359: </Canvas>
360: <Canvas Tag="Arsenic">
361: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#3C3" Canvas.Left="470" Canvas.Top="190" Width="30" Height="30"/>
362: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="478" Canvas.Top="198">As</TextBlock>
363: </Canvas>
364: <Canvas Tag="Antimony">
365: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#3C3" Canvas.Left="470" Canvas.Top="220" Width="30" Height="30"/>
366: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="478" Canvas.Top="228">Sb</TextBlock>
367: </Canvas>
368: <Canvas Tag="Bismuth">
369: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#0CF" Canvas.Left="470" Canvas.Top="250" Width="30" Height="30"/>
370: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="478" Canvas.Top="258">Bi</TextBlock>
371: </Canvas>
372:
373: <!-- 6. Hauptgruppe -->
374: <Canvas Tag="Oxygen">
375: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#FCC" Canvas.Left="500" Canvas.Top="130" Width="30" Height="30"/>
376: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="508" Canvas.Top="138">O</TextBlock>
377: </Canvas>
378: <Canvas Tag="Sulphur">
379: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#FCC" Canvas.Left="500" Canvas.Top="160" Width="30" Height="30"/>
380: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="508" Canvas.Top="168">S</TextBlock>
381: </Canvas>
382: <Canvas Tag="Selenium">
383: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#FCC" Canvas.Left="500" Canvas.Top="190" Width="30" Height="30"/>
384: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="508" Canvas.Top="198">Se</TextBlock>
385: </Canvas>
386: <Canvas Tag="Telurium">
387: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#3C3" Canvas.Left="500" Canvas.Top="220" Width="30" Height="30"/>
388: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="508" Canvas.Top="228">Te</TextBlock>
389: </Canvas>
390: <Canvas Tag="Polonium">
391: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#3C3" Canvas.Left="500" Canvas.Top="250" Width="30" Height="30"/>
392: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="508" Canvas.Top="258">Po</TextBlock>
393: </Canvas>
394:
395: <!-- 7. Hauptgruppe -->
396: <Canvas Tag="Flourine">
397: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#FCC" Canvas.Left="530" Canvas.Top="130" Width="30" Height="30"/>
398: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="538" Canvas.Top="138">F</TextBlock>
399: </Canvas>
400: <Canvas Tag="Chlorine">
401: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#FCC" Canvas.Left="530" Canvas.Top="160" Width="30" Height="30"/>
402: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="538" Canvas.Top="168">Cl</TextBlock>
403: </Canvas>
404: <Canvas Tag="Bromine">
405: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#FCC" Canvas.Left="530" Canvas.Top="190" Width="30" Height="30"/>
406: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="538" Canvas.Top="198">Br</TextBlock>
407: </Canvas>
408: <Canvas Tag="Iodine">
409: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#FCC" Canvas.Left="530" Canvas.Top="220" Width="30" Height="30"/>
410: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="538" Canvas.Top="228">I</TextBlock>
411: </Canvas>
412: <Canvas Tag="Astatine">
413: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#3C3" Canvas.Left="530" Canvas.Top="250" Width="30" Height="30"/>
414: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="538" Canvas.Top="258">At</TextBlock>
415: </Canvas>
416:
417: <!-- 8. Hauptgruppe -->
418: <Canvas Tag="Helium">
419: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#FCC" Canvas.Left="560" Canvas.Top="100" Width="30" Height="30"/>
420: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="568" Canvas.Top="108">He</TextBlock>
421: </Canvas>
422: <Canvas Tag="Neon">
423: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#FCC" Canvas.Left="560" Canvas.Top="130" Width="30" Height="30"/>
424: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="568" Canvas.Top="138">Ne</TextBlock>
425: </Canvas>
426: <Canvas Tag="Argon">
427: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#FCC" Canvas.Left="560" Canvas.Top="160" Width="30" Height="30"/>
428: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="568" Canvas.Top="168">Ar</TextBlock>
429: </Canvas>
430: <Canvas Tag="Krypton">
431: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#FCC" Canvas.Left="560" Canvas.Top="190" Width="30" Height="30"/>
432: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="568" Canvas.Top="198">Kr</TextBlock>
433: </Canvas>
434: <Canvas Tag="Xenon">
435: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#FCC" Canvas.Left="560" Canvas.Top="220" Width="30" Height="30"/>
436: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="568" Canvas.Top="228">Xe</TextBlock>
437: </Canvas>
438: <Canvas Tag="Radon">
439: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#FCC" Canvas.Left="560" Canvas.Top="250" Width="30" Height="30"/>
440: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="568" Canvas.Top="258">Rn</TextBlock>
441: </Canvas>
442:
443: <!-- 3. Nebengruppe - Lanthanoide -->
444: <Canvas Tag="Cerium">
445: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="110" Canvas.Top="330" Width="30" Height="30"/>
446: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="118" Canvas.Top="338">Ce</TextBlock>
447: </Canvas>
448: <Canvas Tag="Praseodymium">
449: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="140" Canvas.Top="330" Width="30" Height="30"/>
450: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="148" Canvas.Top="338">Pr</TextBlock>
451: </Canvas>
452: <Canvas Tag="Neodymium">
453: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="170" Canvas.Top="330" Width="30" Height="30"/>
454: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="178" Canvas.Top="338">Nd</TextBlock>
455: </Canvas>
456: <Canvas Tag="Promethium">
457: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="200" Canvas.Top="330" Width="30" Height="30"/>
458: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="208" Canvas.Top="338">Pm</TextBlock>
459: </Canvas>
460: <Canvas Tag="Samarium">
461: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="230" Canvas.Top="330" Width="30" Height="30"/>
462: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="238" Canvas.Top="338">Sm</TextBlock>
463: </Canvas>
464: <Canvas Tag="Europium">
465: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="260" Canvas.Top="330" Width="30" Height="30"/>
466: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="268" Canvas.Top="338">Eu</TextBlock>
467: </Canvas>
468: <Canvas Tag="Gadolinium">
469: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="290" Canvas.Top="330" Width="30" Height="30"/>
470: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="298" Canvas.Top="338">Gd</TextBlock>
471: </Canvas>
472: <Canvas Tag="Terbium">
473: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="320" Canvas.Top="330" Width="30" Height="30"/>
474: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="328" Canvas.Top="338">Tb</TextBlock>
475: </Canvas>
476: <Canvas Tag="Dysprosium">
477: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="350" Canvas.Top="330" Width="30" Height="30"/>
478: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="358" Canvas.Top="338">Dy</TextBlock>
479: </Canvas>
480: <Canvas Tag="Holmium">
481: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="380" Canvas.Top="330" Width="30" Height="30"/>
482: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="388" Canvas.Top="338">Ho</TextBlock>
483: </Canvas>
484: <Canvas Tag="Erbium">
485: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="410" Canvas.Top="330" Width="30" Height="30"/>
486: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="418" Canvas.Top="338">Er</TextBlock>
487: </Canvas>
488: <Canvas Tag="Thulium">
489: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="440" Canvas.Top="330" Width="30" Height="30"/>
490: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="448" Canvas.Top="338">Tm</TextBlock>
491: </Canvas>
492: <Canvas Tag="Ytterbium">
493: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="470" Canvas.Top="330" Width="30" Height="30"/>
494: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="478" Canvas.Top="338">Yb</TextBlock>
495: </Canvas>
496: <Canvas Tag="Lutetium">
497: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="500" Canvas.Top="330" Width="30" Height="30"/>
498: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="508" Canvas.Top="338">Lu</TextBlock>
499: </Canvas>
500:
501: <!-- Markierungslinien fuer Lanthanoide -->
502: <Line Stroke="#F00" StrokeThickness="2" X1="140" Y1="251" X2="140" Y2="279"/>
503: <Line Stroke="#F00" StrokeThickness="2" X1="110" Y1="331" X2="110" Y2="359"/>
504: <Line Stroke="#F00" StrokeThickness="2" X1="530" Y1="331" X2="530" Y2="359"/>
505:
506: <!-- 3. Nebengruppe - Actinoide -->
507: <Canvas Tag="Thorium">
508: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="110" Canvas.Top="370" Width="30" Height="30"/>
509: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="118" Canvas.Top="378">Th</TextBlock>
510: </Canvas>
511: <Canvas Tag="Protactinium">
512: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="140" Canvas.Top="370" Width="30" Height="30"/>
513: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="148" Canvas.Top="378">Pa</TextBlock>
514: </Canvas>
515: <Canvas Tag="Uranium">
516: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="170" Canvas.Top="370" Width="30" Height="30"/>
517: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="178" Canvas.Top="378">U</TextBlock>
518: </Canvas>
519: <Canvas Tag="Neptunium">
520: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="200" Canvas.Top="370" Width="30" Height="30"/>
521: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="208" Canvas.Top="378">Np</TextBlock>
522: </Canvas>
523: <Canvas Tag="Plutonium">
524: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="230" Canvas.Top="370" Width="30" Height="30"/>
525: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="238" Canvas.Top="378">Pu</TextBlock>
526: </Canvas>
527: <Canvas Tag="Americium">
528: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="260" Canvas.Top="370" Width="30" Height="30"/>
529: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="268" Canvas.Top="378">Am</TextBlock>
530: </Canvas>
531: <Canvas Tag="Curium">
532: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="290" Canvas.Top="370" Width="30" Height="30"/>
533: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="298" Canvas.Top="378">Cm</TextBlock>
534: </Canvas>
535: <Canvas Tag="Berkelium">
536: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="320" Canvas.Top="370" Width="30" Height="30"/>
537: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="328" Canvas.Top="378">Bk</TextBlock>
538: </Canvas>
539: <Canvas Tag="Californium">
540: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="350" Canvas.Top="370" Width="30" Height="30"/>
541: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="358" Canvas.Top="378">Cf</TextBlock>
542: </Canvas>
543: <Canvas Tag="Einsteinium">
544: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="380" Canvas.Top="370" Width="30" Height="30"/>
545: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="388" Canvas.Top="378">Es</TextBlock>
546: </Canvas>
547: <Canvas Tag="Fermium">
548: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="410" Canvas.Top="370" Width="30" Height="30"/>
549: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="418" Canvas.Top="378">Fm</TextBlock>
550: </Canvas>
551: <Canvas Tag="Mendelevium">
552: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="440" Canvas.Top="370" Width="30" Height="30"/>
553: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="448" Canvas.Top="378">Md</TextBlock>
554: </Canvas>
555: <Canvas Tag="Nobelium">
556: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="470" Canvas.Top="370" Width="30" Height="30"/>
557: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="478" Canvas.Top="378">No</TextBlock>
558: </Canvas>
559: <Canvas Tag="Lawrencium">
560: <Rectangle Stroke="#000" StrokeThickness="1" Fill="#9FF" Canvas.Left="500" Canvas.Top="370" Width="30" Height="30"/>
561: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="508" Canvas.Top="378">Lr</TextBlock>
562: </Canvas>
563:
564: <!-- Markierungslinien fuer Actinoide -->
565: <Line Stroke="#00C" StrokeThickness="2" X1="140" Y1="281" X2="140" Y2="309"/>
566: <Line Stroke="#00C" StrokeThickness="2" X1="110" Y1="371" X2="110" Y2="399"/>
567: <Line Stroke="#00C" StrokeThickness="2" X1="530" Y1="371" X2="530" Y2="399"/>
568:
569: <!-- Ausgabe-Box mit statischen und dynamischen Inhalten -->
570: <Rectangle Canvas.Left="200" Canvas.Top="435" RadiusX="5" RadiusY="5" Width="390" Height="100" Stroke="#000" StrokeThickness="0.8"/>
571: <TextBlock FontFamily="Arial" Canvas.Left="315" Canvas.Top="437" Foreground="#00C" FontSize="12"
572: Tag="http://www.webservicex.net/wcf/ServiceDetails.aspx?SID=37" MouseEnter="TextOver"
573: MouseLeave="TextOut" MouseLeftButtonDown="HyperLink">Daten von WebserviceX.NET</TextBlock>
574:
575: <!-- dynamische Daten - Beschreibungen -->
576: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="205" Canvas.Top="455" Foreground="#00C">Symbol:</TextBlock>
577: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="205" Canvas.Top="470" Foreground="#00C">ElementName:</TextBlock>
578: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="205" Canvas.Top="485" Foreground="#00C">AtomicNumber:</TextBlock>
579: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="205" Canvas.Top="500" Foreground="#00C">AtomicWeight:</TextBlock>
580: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="205" Canvas.Top="515" Foreground="#00C">AtomicRadius:</TextBlock>
581: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="380" Canvas.Top="455" Foreground="#00C">Density:</TextBlock>
582: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="380" Canvas.Top="470" Foreground="#00C">MeltingPoint:</TextBlock>
583: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="380" Canvas.Top="485" Foreground="#00C">BoilingPoint:</TextBlock>
584: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="380" Canvas.Top="500" Foreground="#00C">ElectroNegativity:</TextBlock>
585: <TextBlock FontFamily="Arial" FontSize="12" Canvas.Left="380" Canvas.Top="515" Foreground="#00C">IonisationPotential:</TextBlock>
586:
587: <!-- dynamische Daten - Platzhalter -->
588: <TextBlock FontFamily="Arial" FontSize="12" x:Name="SYout" Canvas.Left="290" Canvas.Top="455" Foreground="#F00"> </TextBlock>
589: <TextBlock FontFamily="Arial" FontSize="12" x:Name="ENout" Canvas.Left="290" Canvas.Top="470" Foreground="#F00"> </TextBlock>
590: <TextBlock FontFamily="Arial" FontSize="12" x:Name="ANout" Canvas.Left="290" Canvas.Top="485" Foreground="#F00"> </TextBlock>
591: <TextBlock FontFamily="Arial" FontSize="12" x:Name="AWout" Canvas.Left="290" Canvas.Top="500" Foreground="#F00"> </TextBlock>
592: <TextBlock FontFamily="Arial" FontSize="12" x:Name="ARout" Canvas.Left="290" Canvas.Top="515" Foreground="#F00"> </TextBlock>
593: <TextBlock FontFamily="Arial" FontSize="12" x:Name="DEout" Canvas.Left="485" Canvas.Top="455" Foreground="#F00"> </TextBlock>
594: <TextBlock FontFamily="Arial" FontSize="12" x:Name="MPout" Canvas.Left="485" Canvas.Top="470" Foreground="#F00"> </TextBlock>
595: <TextBlock FontFamily="Arial" FontSize="12" x:Name="BPout" Canvas.Left="485" Canvas.Top="485" Foreground="#F00"> </TextBlock>
596: <TextBlock FontFamily="Arial" FontSize="12" x:Name="EYout" Canvas.Left="485" Canvas.Top="500" Foreground="#F00"> </TextBlock>
597: <TextBlock FontFamily="Arial" FontSize="12" x:Name="IPout" Canvas.Left="485" Canvas.Top="515" Foreground="#F00"> </TextBlock>
598:
599: <TextBlock x:Name="fehler" FontFamily="Arial" FontSize="12" Canvas.Left="315" Canvas.Top="540" Foreground="#F00" Text=""/>
600:
601: <TextBlock x:Name="fullscr" FontFamily="Arial" FontSize="12" Canvas.Left="35" Canvas.Top="540" Foreground="#00C"
602: Text="Vollbild an/aus" MouseEnter="TextOver" MouseLeave="TextOut" MouseLeftButtonDown="FScreen"/>
603:
604: <Canvas.RenderTransform><ScaleTransform x:Name="sc" ScaleX="1" ScaleY="1"/></Canvas.RenderTransform>
605:
606:
607: <!-- // zusätzlich verwendeter JavaScript-Code:
608:
609: function InitPSE(sender,eventArgs)
610: {
611: for(var i=0;i<sender.children.count;i++)
612: {
613: if(sender.children.getItem(i)=="Canvas")
614: {
615: sender.children.getItem(i).addEventListener("MouseEnter",ElementOverOut);
616: sender.children.getItem(i).addEventListener("MouseLeave",ElementOverOut);
617: sender.children.getItem(i).addEventListener("MouseLeftButtonDown",ElementClick);
618: }
619: }
620:
621: sender.getHost().content.onFullScreenChange=ScreenChanged;
622: }
623:
624:
625: function ElementOverOut(sender,eventArgs)
626: {
627: var op=sender.opacity;
628:
629: if(op==1.0)sender.opacity=0.5;
630: else sender.opacity=1.0;
631: }
632:
633:
634: var old_elem,old_color; // global
635:
636: function ElementClick(sender,eventArgs)
637: {
638: var EName=sender.tag;
639: var ElementData=false;
640: var fehler=sender.findName("fehler");
641: fehler.text="";
642:
643: if(old_elem)old_elem.children.getItem(0).fill=old_color;
644: old_color=getFillColor(sender.children.getItem(0).fill.color);
645:
646: sender.findName("ANout").text="";
647: sender.findName("ENout").text="";
648: sender.findName("SYout").text="";
649: sender.findName("AWout").text="";
650: sender.findName("BPout").text="";
651: sender.findName("IPout").text="";
652: sender.findName("EYout").text="";
653: sender.findName("ARout").text="";
654: sender.findName("MPout").text="";
655: sender.findName("DEout").text="";
656:
657: var dl=sender.getHost().createObject("downloader");
658:
659: dl.addEventListener("DownloadFailed",function(sender,eventArgs)
660: {
661: fehler.text="Fehler bei der Datenabfrage!";
662: });
663:
664: dl.addEventListener("Completed",function(sender,eventArgs)
665: {
666: if(sender.status==200)
667: {
668: var json_str=sender.responseText;
669:
670: /*
671: Die vom Webservice gelieferten XML-Daten werden in einen JSON-String
672: umgeschrieben und nachfolgend verarbeitet - Beispiel Element Silber:
673: {
674: 'AtomicNumber' : '47',
675: 'ElementName' : 'Silver',
676: 'Symbol' : 'Ag',
677: 'AtomicWeight' : '107.87',
678: 'BoilingPoint' : '2485',
679: 'IonisationPotential' : '7.58',
680: 'ElectroNegativity' : '1.42',
681: 'AtomicRadius' : '1.34',
682: 'MeltingPoint' : '1235',
683: 'Density' : '10490'
684: }
685: */
686:
687: if(json_str!="Error!")ElementData=eval("(" + json_str + ")");
688: else fehler.text="Fehler bei der Datenabfrage!";
689:
690: if((typeof ElementData)=="object")
691: {
692: if(ElementData.AtomicNumber && ElementData.AtomicNumber!="")
693: sender.findName("ANout").text=ElementData.AtomicNumber;
694: if(ElementData.ElementName && ElementData.ElementName!="")
695: sender.findName("ENout").text=ElementData.ElementName;
696: if(ElementData.Symbol && ElementData.Symbol!="")
697: sender.findName("SYout").text=ElementData.Symbol;
698: if(ElementData.AtomicWeight && ElementData.AtomicWeight!="")
699: sender.findName("AWout").text=parseFloat(ElementData.AtomicWeight).toFixed(6)+" u";
700: if(ElementData.BoilingPoint && ElementData.BoilingPoint!="")
701: sender.findName("BPout").text=parseFloat(ElementData.BoilingPoint).toFixed(6)+" K";
702: if(ElementData.IonisationPotential && ElementData.IonisationPotential!="")
703: sender.findName("IPout").text=parseFloat(ElementData.IonisationPotential).toFixed(6)+" eV";
704: if(ElementData.ElectroNegativity && ElementData.ElectroNegativity!="")
705: sender.findName("EYout").text=parseFloat(ElementData.ElectroNegativity).toFixed(6);
706: if(ElementData.AtomicRadius && ElementData.AtomicRadius!="")
707: sender.findName("ARout").text=parseFloat(ElementData.AtomicRadius).toFixed(6)+" "+String.fromCharCode(197);
708: if(ElementData.MeltingPoint && ElementData.MeltingPoint!="")
709: sender.findName("MPout").text=parseFloat(ElementData.MeltingPoint).toFixed(6)+" K";
710: if(ElementData.Density && ElementData.Density!="")
711: sender.findName("DEout").text=ElementData.Density+" kg/m"+String.fromCharCode(179);
712: }
713: }
714: else fehler.text="Fehler bei der Datenabfrage!";
715: });
716:
717: dl.open("GET","ptable.php?EName="+EName);
718: dl.send();
719:
720: sender.children.getItem(0).fill="#FF0";
721: old_elem=sender;
722: }
723:
724:
725: function FScreen(sender,eventArgs)
726: {
727: sender.getHost().content.fullScreen=!sender.getHost().content.fullScreen;
728: }
729:
730:
731: function ScreenChanged(sender,eventArgs)
732: {
733: if(sender.getHost().content.fullScreen)
734: {
735: sender.findName("sc").ScaleX=screen.width/620;
736: sender.findName("sc").ScaleY=screen.height/560;
737: }
738: else
739: {
740: sender.findName("sc").ScaleX=1;
741: sender.findName("sc").ScaleY=1;
742: }
743: }
744:
745:
746: function getFillColor(color)
747: {
748: /* Original Source: http://silverlight.net/forums/t/4710.aspx */
749: var fill = color;
750:
751: if (fill<0)fill=(16777216+parseInt(fill));
752: fill=fill.toString(16);
753: if(fill.length>6)fill=fill.substr(fill.length-6);
754: while(fill.length<6)fill="0"+fill;
755: fill="#ff"+fill;
756: return fill;
757: }
758:
759: -->
760:
761: </Canvas>
[zum Anfang]