nicht angemeldet
xml im Browser ändern
Gunnar BittersmannHallo,
ich habe eine Frage bzgl. XML und XSL die zusammen im Browser gerendert werden:
Ist es möglich eine XML-Struktur im Browser zu laden, sie dann erst via Javascript zu ändern und dann anschließend mit einer XSL direkt im Browser zu rendern? Kennt jemand für sowas ein Beispiel?
Viele Grüße
Michael
Hier mein Code für Firefox bisher (wie kann ich den jetzt noch erweitern, so dass ich der XML-Struktur noch ein Tag <test>txt</test> hinzufügen kann:
Die XML:
<?xml version="1.0" encoding="UTF-16"?>
<!DOCTYPE gruss SYSTEM "browser.dtd">
<BirdInfo>
Blblabla
</BirdInfo>
Die XSL:
<?xml version="1.0" encoding="iso-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<p align="left" style="color:red">
<xsl:value-of select="." />
</p>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Die verarbeitende HTML:
<html>
<head>
<script language="javascript">
//Create an XSLT processor instance
var processor = new XSLTProcessor();
//Create an empty XML document for the XSLT transform
var transform = document.implementation.createDocument("", "", null);
//Load the XSLT
function loadXML(){
transform.onload = loadTransform;
transform.load("browser.xsl");
}
//Triggered once the XSLT document is loaded
function loadTransform(){
//Attach the transform to the processor
processor.importStylesheet(transform);
source = document.implementation.createDocument("", "", null);
source.load("browser.xml");
source.onload = runTransform;
}
//Triggered once the source document is loaded
function runTransform(){
//Run the transform, creating a fragment output subtree that
//can be inserted back into the main page document object (given
//in the second argument)
var frag = processor.transformToFragment(source, document);
//insert the result subtree into the document, using the target element ID
document.getElementById('updateTarget').appendChild(frag);
}
</script>
</head>
<body>
<input type="submit" value = "load" onclick="loadXML();">
<p><div id="updateTarget"/></p>
</body>
</html>
-
@@Michael:
Von deinem Problem abgesehen, einige Fehler:
Die XML:
<?xml version="1.0" encoding="UTF-16"?>
<!DOCTYPE gruss SYSTEM "browser.dtd">Invalid: „Der Name in der Dokumenttyp-Deklaration muss mit dem Elementtyp des Wurzel-Elements übereinstimmen.“ [XML §2.8]
Die verarbeitende HTML:
<html>
<head>
<script language="javascript">Invalid: <http://de.selfhtml.org/javascript/intro.htm#javascriptbereiche@title='type'-Attribut fehlt.> Die Dokumenttyp-Deklaration sollte auch vorhanden sein.
</script></head>
Invalid: 'title'-Element fehlt.
Live long and prosper,
Gunnar--
Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)-
Hallo Gunnar, Danke, ich weiss (ich habe die Dateien extra gekürzt um sie hier zu posten + die DTD ist egal bzgl. meiner Frage, denke ich).
@@Michael:
Von deinem Problem abgesehen, einige Fehler:
-