Ausdruck ihrer IT-

Heres ein weiteres kleines peice von Javascript Betrügerei, dass ich zu wühlen, weil die Situation commaned es hatte. In einem meiner Web-Sites, hatte ich diese Situation, wo ich "windows.onload" zweimal umsetzen mussten. Das erste, was einem unerfahrenen Geist wie meiner (ich muss ehrlich sagen, dass, seit ich verwendet haben Javascript Frameworks und Bibliotheken, habe ich forgotton, einfache Dinge auf meine eigene ... traurig aber wahr tun) kam wäre, ist die folgende Methode ...

 window.onload = onloadfn1;
 window.onload = onloadfn2;
 window.onload = onloadfn3;
 etc. ..

Es tut uns leid zu sagen, aber, diese nicht funktionieren ... nicht wollen, um die Ausführung von Javascript Wissenschaft viel zu diskutieren ... aber nach meinen jüngsten Erfahrungen, nur die letzte Funktion (onloadfn3) wird krank tatsächlich ausgeführt werden sollen.

In normalen Situationen, im Gegensatz zu mir (was ich über etwas später zu sprechen) ... Sie tun können einen der folgenden Schritte, um mutliple onload-Funktionen ausführen ....

Oder so ähnlich

 Funktion doOnLoad () {
         onloadfn1 ();
         onloadfn2 ();
         onloadfn3 ();
 }
 window.onload = doOnLoad;

Für meine aktuelle Situation, kann ich nicht verwenden entweder der oben ...
Warum muss ich zweimal windows.onload nennen, eher, dass das Aufrufen zwei Funktionen in einem einzigen onload-Funktion? Hier ist kurzer Blick auf mein Problem Aussage ...

"Meine Website Seiten werden wie die WordPress-Theme aufgebaut .... dh es gibt eine gemeinsame header.php und footer.php, die in all den Seiten der Website enthalten wird. Es gibt eine Funktion onload Implementierung in die footer.php, einige gemeinsame onload Funktionen zu tun. Und es gibt einige Seiten, die etwas von ihrem eigenen ONLOAD müssen, abgesehen von den von der gemeinsamen onload-Funktion. Wenn ich Callback-Funktion direkt zuweisen, der window.onload Handler, wird es über-fahren vorher zugewiesene Rückrufe in den footer.php "

.... Ist mein Problem verstanden ?

Na ja! gibt es nur wenige Lösungen, die ich gefunden haben. Sie sind alle sehr ähnlich und vor allem implementions einer Lösung von Simon Willison (gegeben http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Lösung:

Fügen Sie einfach diesen JavaScript-Code, um vor Ort ...

 addLoadEvent Funktion (func) {
     var = oldonload window.onload;
     if (typeof window.onload! = 'Funktion') {
        window.onload = func
     } Else {
        window.onload = function () {
            wenn (oldonload) {
                   oldonload ()
           }
           func ()
        }
    }
 }

Und nennen es statt der üblichen "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * Mehr Code, um beim Laden der Seite ausgeführt werden *
 }); 

Die Vorteile dieses Code-Snippet ...
1. In erster Linie, es lässt Sie haben mehrere windows.onload Ereignisse, genannt von den unterschiedlichen Teilen des Codes, ohne Überschreiben der bisherigen Definition
2. Es ist wirklich unauffällig. Es können in einer Datei mit Ihren anderen Skripten oder in einer eigenen Datei gespeichert werden.
3. Es funktioniert auch, wenn window.onload bereits gesetzt worden.

Problemstellung:
Ich lief in dieses ein Problem in Bezug auf Textareas in XSLs. In einfachen Worten, das Problem, wenn Sie eine leere <textarea> Tag haben entsteht, dann wird es zu <textarea /> zusammenbrechen.
dh wenn Sie etwas wie das folgende in Ihrer XSL und der XML-Daten für die TextArea-Wert hatte, gibt nichts ...

<textarea name='description'> <xsl:value-of select="DESCRIPTION"/> </ textarea>

Als Browser nicht erkennen dies, wird es bewirken, dass der Rest des Formulars, um HTML in den Text-Bereich laufen.

MÖGLICHE LÖSUNGEN:

In der XSL, fügen Sie ein non-breaking-space () nach dem xsl: value tag.BEWARE, um Pflege dieser zusätzlichen Platz nehmen Sie hinzugefügt haben, während der Client-Seite Validierungen von diesem Gebiet.

<textarea name='description'> <xsl:value-of select="DESCRIPTION"/> </ textarea>

Oder
<xsl:value-of select="concat (DESCRIPTION,'')"/>

Oder
Legen Sie eine <xsl:value-of select="@unknown" />-Tag zeigte auf ein unbekanntes Attribut. Dies zwingt den PHP-Parser XSLT, um ein Öffnen und Schließen Textbereich-Tag generieren, auch wenn es nichts dazwischen hat.

Oder
Legen Sie eine <xsl:text> Feld mit einem Platz, um einen Schluss-Tag zu erzwingen.

Allerdings, auch wenn die oben genannten Lösungen scheinen mag, um das Problem zu beheben, bin ich immer noch nicht überzeugt, dass sie Recht haben und besten Möglichkeiten, um es zu beheben. Wenn es eine andere bessere Art der Fixierung dieser Marotte, Bitte lass es uns wissen.

Jedes Mal, wenn ich eine XSL tun: IF oder xsl: when Test, ich gehe zurück zu den Referenz-Bücher haben. Ich scheine nie an sie zu erinnern. Dachte, es würde mehr draußen sein, genau wie ich, die lieber vorziehen, alle von ihnen, möglich sind, an einem Ort, bereit, bei Bedarf genannt werden.

Für diejenigen, die neu sind ... Syntax für xsl: if

<xsl:if test="expression">
<- Inhalt: Template ->
</ Xsl: if>

Das xsl: if / xsl: when Test-Sammlung
Die nachstehenden Bedingungen sind einfach und selbsterklärend. Also ich glaube, es wird nicht viel Erklärung

<xsl:if test="position()=last()-1">
Dies, wenn das vorletzte Element in der Liste!
</ Xsl: if>

<xsl:if test="SALARY> 5000 ">
Das Gehalt dieser Person ist größer als Rs. 5000
</ Xsl: if>

<xsl:if test="count(JOBS)> 3 ">
Es gibt mehr als 3 Arbeitsplätze in dieser Liste!
</ Xsl: if>

<xsl:if test="(@DEPT ='SALES') oder (@JOINYEAR = '1997')">
Diese Person ist von der Vertriebsabteilung oder seinem Eintritt bei 1997 ist
</ Xsl: if>

<xsl:if test="EXPERIENCE">
Diese Person haben atleast eine Erfahrung untergeordnetes Element.
</ Xsl: if>

<xsl:if test="@HOBBY">
Die Person hat ein Hobby-Attribut.
</ Xsl: if>

Wählen Sie / XSL:: Die gleichen Bedingungen Text könnte für XSL verwendet werden, wenn auch

xsl: choose

XSLT xsl: choose-Anweisung ist ähnlich wie xsl: if hat aber ein paar wichtige Unterschiede:
• Eine xsl: choose-Element kann für mehr als eine Bedingung zu testen und fügen verschiedene Knoten zu dem Ergebnis, Baum, auf dem basierend Bedingung wahr ist.
• Eine xsl: choose-Element kann eine Standard-Vorlage, um zu dem Ergebnis, Baum hinzufügen, wenn keine der Bedingungen erfüllt sind, haben. (Vergleichen Sie xsl: if, das hat kein Äquivalent eines "anderen" Zustand.)
• Das xsl: choose-Element hat spezifische Unterelemente, die für sie arbeiten können, während Sie noch wohlgeformte Elemente, die Sie wollen innerhalb eines xsl können setzen: if-Element.

<xsl:choose>
<xsl:when test="boolean-expression">
Tun Sie etwas, wenn dieses boolean-expression ist TURE
</ Xsl: when>
<xsl:otherwise> Mach etwas anderes </ xsl: otherwise>
</ Xsl: choose>

Wenn Ihre Forderung ist, um einen Knoten in einer XML-Wert, die eine getrennte Zeichenfolge der Wert enthält aufgeteilt in einzelne Elemente, dann haben Sie den richtigen Ort erreicht ... haben einen Blick auf das Beispiel unten. Wenn Sie sich mit ein wenig XML und XSL sind ... Ich glaube nicht, Sie würden keine Erklärung benötigen.
Außerdem enthält dieses Beispiel Verwendung von XSL-Funktionen wie xsl: call-template, xsl: substring-before, xsl: substring-after, wenn es das ist, was Sie suchen.

XML transformiert werden (food.xml): -
Angenommen, die Aufgabe ist, um die Zeichenfolge getrennt durch Komma tokenize, in den der Tag "Keywords"

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="food.xsl"?>
<food>
<date>July 2008</date>
<description>All about things we eat everyday</description>
<keywords>Fruits, Vegetables, Pulses, Meat, Cereals </keywords>
</food>

XSL (food.xsl): -

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" encoding="utf-8" doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN" doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>
<xsl:template match="/">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>XSL 1.0 Delimited String Tokeniser</title>
</head>
<body>
<xsl:value-of select="food/meta"/>
<div >
<xsl:call-template name="tokenize">
<xsl:with-param name="string" select="food/keywords" />
<xsl:with-param name="delimitr" select="','" />
</xsl:call-template>
</div>
</body>
</html>
</xsl:template>
<xsl:template name="tokenize">
<xsl:param name="string" />
<xsl:param name="delimitr" />
<xsl:choose>
<xsl:when test="contains($string, $delimitr)">
<div style="border:1px solid red;">
<h3><xsl:value-of select="substring-before($string,$delimitr)" /></h3>
<xsl:variable name="data" select="substring-before($string,$delimitr)"/>
</div>
<xsl:call-template name="tokenize">
<xsl:with-param name="string" select="substring-after($string, $delimitr)" /><xsl:with-param name="delimitr" select="$delimitr" /></xsl:call-template>
</xsl:when>
<xsl:otherwise>
<div style="border:1px solid red;">
<h3><xsl:value-of select="$string" /></h3>
</div>
</xsl:otherwise>
</xsl:choose>
</xsl:template>
</xsl:stylesheet>

Resultierende Ausgabe HTML: -

<div>
<div style="border: 1px solid red;">
<h3>Fruits</h3>
</div>
<div style="border: 1px solid red;">
<h3> Vegetables</h3>
</div>
<div style="border: 1px solid red;">
<h3> Pulses</h3>
</div>
<div style="border: 1px solid red;">
<h3> Meat</h3>
</div>
<div style="border: 1px solid red;">
<h3> Cereals </h3>
</div>
</div>

Unnötig zu sagen ... ändern Sie einfach den Parameter "delimitr" mit dem Trennzeichen Ihrer Wahl

Ich hatte dieses Problem strage während der Erstellung einer XSL heute. Suchte nach Antworten im gesamten Netz, bekam aber nicht fündig geworden .... Eigentlich habe ich erraten! Ich DINT wissen, was mein Problem war, so was muss ich achten?

Auf jeden Fall! Nur für den Fall haben Sie dieses sehr gleiche Problem haben und irgendwie durch die Macht des FORCE Sie es geschafft, auf dieser Seite landen ... Sie würden mir danken Tonnen ... Und wenn Sie zufällig auf dieser Seite aus irgendeinem seltsamen Schicksal gelandet sind und Sie gerade sind ein XSL-Entwickler, Machen Sie mal eine Anmerkung des mittlerweile auf, für die Zukunft verursachen, wenn eines Tages, Sie dieses Problem zu begegnen, dann ist die Kraft vielleicht nicht mit euch sein.

Problemstellung:
Ich habe diese XML, wo es zwei Knoten mit mehreren Objekte enthalten und die Elemente zwischen diesen zwei Knoten eine Eins-zu Eins-Entsprechung. Im Beispiel unten, jedes Element im Knoten <array name="PLAYURL" /> bezieht (entsprechend Position) auf einen Posten im Knoten <array name="SITENAME" />

<?xml version="1.0" encoding="utf-8"?>
<myplaylists>
<playlist>
<title>Best of Rest </title>
<array name="SITENAME">
<str>www.musicindiaonline.com</str>
<str>www.dhingana.com</str>
<str>www.raaga.com</str>
<str>www.smashits.com</str>
<str>www.desimusic.com</str>
<str>www.musicplug.in</str>
</array>
<array name="PLAYURL">
<str>http://www.musicindiaonline.com/123/</str>
<str>http://www.dhingana.com/play/123</str>
<str>http://www.raaga.com/123</str>
<str>http://ww.smashits.com/123</str>
<str>http://www.desimusic.com/123</str>
<str>http://www.musicplug.in/123</str>
</array>
</playlist>
</myplaylists>

Nun, ich habe eine Schleife, wo ich eine Schleife durch <array name="SITENAME">, und ich, um das entsprechende Element (an der entsprechenden Position) in <array name="PLAYURL"> erhalten möchten,

Was würden Sie normalerweise versuchen zu tun ist ...

<xsl:for-each select="myplaylists/playlist/array[@name='SITENAME']/str">
play from : <a href="{../../array[@name='PLAY']/str[position()]}"/> <xsl:value-of select="." /></a>
</xsl:for-each>

SORRY! Diese nicht funktionieren ... Ah!! Überascht ...

Jetzt würden Sie wahrscheinlich wollen versuchen, so etwas wie dieses ...

<xsl:for-each select="myplaylists/playlist/array[@name='SITENAME']/str">
<xsl:variable name="pos"> <xsl:value-of select="position()"/></xsl:variable>
play from : <a href="{../../array[@name='PLAY']/str[$pos]}"/> <xsl:value-of select="." /></a>
</xsl:for-each>


Und wieder diese nicht funktionieren ... Jetzt am Kopf kratzen und versuchen, jeden, der etwas weiß, Sie denken, XSL und wenden könnte eine Hilfe sein ... Sie versuchen, jede andere Option ... und es immer noch nicht funktionieren ... Naja! Thats, was mir passiert ist atleast ...

AUSSCHLIEßEN DESPAIR! TRY THIS

<xsl:for-each select="myplaylists/playlist/array[@name='SITENAME']/str">
<xsl:variable name="pos-int" select="position()" />
play from : <a href="{../../array[@name='PLAY']/str[$ <xsl:for-each select="myplaylists/playlist/array[@name='SITENAME']/str">
<xsl:variable name="pos-int" select="position()" />
play from : <a href="{../../array[@name='PLAY']/str[$ pos-int ]}"/> <xsl:value-of select="." /></a>
</xsl:for-each>
]}"/> <xsl:value-of select="." /></a>
</xsl:for-each>


DONT ASK ME warum es funktioniert. Weil ich derzeit einen richtigen Grund haben ... wenn Sie das tun! Bitte einen Kommentar zu sinken. Es könnte sein, ziemlich nützlich. Auch! Wenn Sie besseren Titel für diesen Posten haben, tun Sie mir eine Zeile

Letzte Woche habe ich eine progressive HTML / CSS-Layout für einen Kunden, getestet in IE6, IE7 und FF 3, schien völlig in Ordnung ... BIS! Das Layout ging weiter unten in der fertigungsgerechtes Zyklus. Er scheiterte. Seitenlayout Elemente ging gerade ganz über dem Platz, wenn das HTML-Layout in XSL und XML angewendet, um es ... Bummer! Umgewandelt wurde!

Konnte nicht schlafen ok über das Wochenende im Vorgriff auf Montag morgen, als ich haben werde, um diese SH ** zu beheben. Aber jetzt mit ein wenig experince im Umgang mit dieser Art von Situationen (Browser Tücken, meine ich), wusste ich, es hatte mit nichts anderem zu tun, sondern DOCTYPE .... und es war ...

Das Problem:
Sie wollen die Kontrolle über die DOCTYPE, da Ihre Transformation wird eine Standard-DOCTYPE explizit enthalten, und Sie werden das Layout für einen Wurf.

Die Lösung:
XSLT-Spezifikationen bietet Methoden, um einen Ausgang der DOCTYPE der Wahl festgelegt. Auch für uns UI-Entwickler, würden die Themen von Interesse sein, HTML-Ausgabe Methoden und Verfahren der XML-Ausgabe .

Na ja! bevor Sie zu langweilen, hier ist der fix.

Für z. B., wenn Sie hatte die folgende DOCTYPE in Ihren HTML-Version:. -

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Dann in der XSL müssten Sie über Folgendes verfügen: -

<xsl:output method="html" doctype-system="http://www.w3.org/TR/html4/loose.dtd" doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN" indent="yes" />


und endlich! Sie sicherstellen, dass Ihre XSLT-Ausgabe gehorcht der DOCTYPE Sie gewählt haben.

Wenn XML / XSL-Transformationen ist Ihr Domian, dann gibt es Zeiten, in denen wir eine peice von dynamischen Code verwendet werden Bibliothekselement (gemacht wiederverwendbar sein) wollen. Was ich meine, könnte wahrscheinlich deutlicher gemacht mit diesem Beispiel-Szenario werden.

Stellen Sie sich vor der Erstellung einer Website (und unter Verwendung von XML, XSL transfroms natürlich) und die meisten der Seiten würde ein Kommentar Modul haben. Na ja! dann entweder Kopieren oder fügen Sie diesen Code in jede Seite Vorlage (das ich nicht mehr haben zu sagen, aber die Wartung und Nacharbeit einen Alptraum) oder besser noch, erstellen Sie eine Include-Datei, die in, wo immer Sie wollen, dass es in Ihre Seite gezogen werden könnten ( e) ...
So wie schaffen wir eine XSL-Include-Datei und schließen es innerhalb eines anderen XSL-Datei? Hier ist, wie ...

Nur um das klarzustellen ... hier ist schnell Liste der Dateien, die Sie schaffen würde ... hier werden wir auch Infos über Obst und Gemüse in eine übergeordnete Seite aufgerufen Essen.

1. food.xml - XML-Datendatei auf dem die Transformation angewendet werden wird
2. food.xsl - Haupt-XSL-Datei, die unsere food.xml verändern wird
3. inc_fruits.xsl - XSL-Datei, die Früchte beinhalten Daten zu rendern wird
4. inc_vegtables.xsl - XSL-Datei, die gehören GEMÜSE Daten machen wird

I dont think Ich habe viel zu erklären, die Codes für die oben genannten Elemente, wird selbsterklärend sein ...

FOOD.XML


<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="food.xsl"?>
<food>
<date>July 2008</date>
<description>All about things we eat everyday</description>
<fruits type="tropical">
<item name="mango" moreinfo="http://www.mango.com">Mango is the king of fruits</item>
<item name="banana" moreinfo="http://www.banana.com">Banana once a day , keeps the doctor away</item>
<item name="orange" moreinfo="http://www.orange.com">Orange is the color and rich in vitamin C</item>
<item name="Papaya" moreinfo="http://www.papaya.com">Papaya - Hot when raw, cold when ripe</item>
</fruits>

<vegetables>
<item name="spinach" moreinfo="http://www.spinach.com">Spinach is full of iron</item>
<item name="asparagus" moreinfo="http://www.asparagus.com">Asparagus contains loads of vitamin D </item>
<item name="fenugreek" moreinfo="http://www.fenugreek.com">Fenugreek is rich in vitamin C</item>
</vegetables>
</food>


<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:include href="inc_fruits.xsl" />
<xsl:include href="inc_vegetables.xsl" />
<xsl:template match="/">
<html>
<head>
<title>Title</title>
</head>
<body>
<h3><xsl:value-of select="/food/description" /></h3>
Modification Date : <xsl:value-of select="/food/date" />
<hr/>
<h5> About Fruits</h5>
<xsl:call-template name="about_fruits"/>

<hr/>
<h5> About Vegetables</h5>
<xsl:call-template name="about_vegetables"/>

<hr/>
</ Body>
</ Html>
</ Xsl: template>
</ Xsl: stylesheet>

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" encoding="iso-8859-1" />
<xsl:template name="about_fruits">
<xsl:for-each select="/food/fruits/item/@*">
attribute name : <xsl:value-of select="name()"/>
attribute value : <xsl:value-of select="."/> <br />
</xsl:for-each>
</xsl:template>
</xsl:stylesheet>

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" encoding="iso-8859-1" />
<xsl:template name="about_vegetables">
<xsl:for-each select="/food/vegetables/item/@*">
attribute name : <xsl:value-of select="name()"/>
attribute value : <xsl:value-of select="."/> <br/>
</xsl:for-each>
</xsl:template>
</xsl:stylesheet>

Laden Sie all die oben genannten Dateien hier (251 Downloads)

Wenn Sie XML-und XSL verwenden, dann könnten Sie über eine Zeit kommen können, wenn Sie spielen, um mit Attributen und Werten von XML-Knoten in XSL Sie haben. Sie sind Lasten von Standorten mit langatmigen Infos dazu, aber keiner fand ich waren kurz und präzise ... Dies ist KEINE XML / XSL-Tutorial, aber mein Versuch, Put-zusammen eine Art von Cheat-Liste ...

Die Probe XML, dass wir mit Arbeit sieht wie folgt aus ...

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="food.xsl"?>
<food>
<fruits type="tropical">
<item name="mango" moreinfo="http://www.mango.com">Mango is the king of fruits</item>
<item name="banana" moreinfo="http://www.banana.com">Banana once a day , keeps the doctor away</item>
<item name="orange" moreinfo="http://www.orange.com">Orange is the color and rich in vitamin C</item>
<item name="Papaya" moreinfo="http://www.papaya.com">Papaya - Hot when raw, cold when ripe</item>
</fruits>
</food>

So Beginnen wir verändern unsere obige XML mit XSL

Beispiel 1: angezeigte Wert bei einem gewählten Attribut

<xsl:value-of select="/food/fruits/item[@name='orange']" /><br />
to get more information about <a href="{/food/fruits/item[@name='orange']/@moreinfo}" target="new" ><xsl:value-of select="/food/fruits/item[@name='orange']/@name" /> </a>

HTML-Ergebnis aussehen wird

Orange is the color and rich in vitamin C,
to get more information about <a href="http://www.orange.com" target="new">

Beispiel 2: Durchschleifen und Anzeigen aller XML-Attributnamen und deren Werte

<xsl:for-each select="/food/fruits/item/@*">
attribute name : <xsl:value-of select="name()"/>,
attribute value : <xsl:value-of select="."/> <br />
</xsl:for-each>

HTML-Ergebnis aussehen wird


attribute name : name, attribute value : mango
attribute name : moreinfo, attribute value : http://www.mango.com
attribute name : name, attribute value : banana
attribute name : moreinfo, attribute value : http://www.banana.com
attribute name : name, attribute value : orange
attribute name : moreinfo, attribute value : http://www.orange.com
attribute name : name, attribute value : Papaya
attribute name : moreinfo, attribute value : http://www.papaya.com


Watch this space, ich werde eine Aktualisierung dieser mit neuen Erkenntnissen ...