SVG – Learning by Coding

[ file_infos.svg --> Grafik anzeigen ]

 1: <?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>
 2: <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
 3:   "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
 4:   <!ATTLIST svg xmlns:xlink CDATA #FIXED "http://www.w3.org/1999/xlink">
 5: ]>
 6: 
 7: <!-- SVG Learning by Coding http://www.datenverdrahten.de/svglbc/ -->
 8: <!--    AuthorDrThomas Meinike 10/04 thomas@handmadecode.de     -->
 9: 
10: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
11:   onload="SVGFileInfos(evt)">
12: 
13:   <title>SVG Learning by Coding</title>
14:   <desc>SVG-Spezifikation in Beispielen</desc>
15: 
16:   <defs>
17: 
18:     <style type="text/css">
19:       <![CDATA[
20: 
21:       *
22:       {
23:         font-familysans-serif;
24:         font-size12px;
25:       }
26: 
27:       ]]>
28:     </style>
29: 
30:     <script xlink:href="file_infos.php" type="text/javascript"></script>
31: 
32:   </defs>
33: 
34:   <text x="20" y="30" style="fill: #000; font-size: 24px">
35:     Dateiinformationen (PHP-Script als JavaScript-Quelle)
36:   </text>
37: 
38:   <text x="30" y="50" style="fill: #00C; font-family: monospace;
39:     font-size18px; font-weightbold" xml:space="preserve">
40:     <tspan id="name" x="30" dy="1.2em">Dateiname:  </tspan>
41:     <tspan id="size" x="30" dy="1.2em">Dateigröße: </tspan>
42:     <tspan id="last" x="30" dy="1.2em">Geändert:   </tspan>
43:   </text>
44: 
45:   <a xlink:href="file_infos_php.txt" target="_top">
46:     <text x="30" y="150" style="fill: #000; font-size: 11px; pointer-events: visible">
47:       PHP-Script zur Datenabfrage
48:       <set attributeName="fill" attributeType="CSS" to="#F00" begin="mouseover"/>
49:       <set attributeName="text-decoration" attributeType="CSS" to="underline"
50:         begin="mouseover"/>
51:       <set attributeName="fill" attributeType="CSS" to="#000" begin="mouseout"/>
52:       <set attributeName="text-decoration" attributeType="CSS" to="none"
53:         begin="mouseout"/>
54:     </text>
55:   </a>
56: 	
57: </svg>

[zum Anfang]