Home
Über mich
Blog
Veröffentlichungen
IT-Trainings
Impressum


Browserseitige Transformation XML und CSS

Ganz analog funktioniert der Browseraufruf bei der Kombination von XML und CSS. Durch die Processing-Instruction wird ein externes CSS-Dokument eingebunden, der Browser stellt das XML-Dokument nun entsprechend dar.

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet 
      type="text/css" 
      href="Abfrageergebnis.css" ?>
<ROOT>
  <DS nr="1">
    <ID>5</ID>
    <Vorname>Willi</Vorname>
    <Nachname>Wasistlos</Nachname>
    <Wohnort>Kapstadt</Wohnort>
    <Artikel>Hemd</Artikel>
    <anzahl>44</anzahl>
    <EP>12,99</EP>
    <NETTO>571,56</NETTO>
  </DS>
  <DS nr="2">
    <ID>9</ID>
    <Vorname>Stefan</Vorname>
    <Nachname>Sprachlos</Nachname>
    <Wohnort>Neustadt</Wohnort>
    <Artikel>Hemd</Artikel>
    <anzahl>33</anzahl>
    <EP>12,99</EP>
    <NETTO>428,67</NETTO>
  </DS>
<ROOT>

pic/XML_CSS.jpg

Die dazu passende CSS-Datei lautet:

ROOT
 { position:absolute;
   top:45px;
   left:45px;
   background-color:#C0C0C0;
   padding:90px;
 }
DS
 { position:relative;
   display:block;
   width:600px;
   background-color:#FFFF80;
   color:#000000;
   font-family:Tahoma,Arial,Helvetica,sans-serif;
   font-size:12pt;
   padding:2px;
   vertical-align:top;
 }
ID,Vorname,Nachname
 { position:relative;
   width:70px;
 }
Wohnort
 { position:relative;
   color:#000FFF;
   width:360px;
 }
Artikel, anzahl, EP, NETTO
 { font-weight:bold;
   color:0000E0;
 }

qrpic/processinginstructions2.jpg

wg / 14. Oktober 2017




Fragen? Anmerkungen? Tips?

Bitte nehmen Sie Kontakt zu mir auf (info10@wilfried-grupe.de).



Vielen Dank für Ihr Interesse an meiner Arbeit.


V.i.S.d.P.: Wilfried Grupe * Klus 6 * 37643 Negenborn

Mobil: 0151. 750 360 61 * eMail: info10@wilfried-grupe.de