2008 20. September 2008

TEXTAREA Collapse Problem in XSL / XSLT


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.


2008 14. September 2008

Eine Vielzahl von XSL-Test-Bedingungen (Sammlung von xsl: if und xsl: when Testbedingungen)

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>


2008 13. September 2008

JavaScript: Edit Webseite im Browser

Nun, ich muss sagen, nicht so ein nützliches Stück der Wissenschaft, aber wenn Sie ein Web-Entwickler sind, können kommen praktisch, eines Tages (oder wird es?). Hier ist klein Bookmarklet, das um die Webseite für jede Website bearbeiten können.
Und Sorry! Sie können die Ergebnisse auf Ihrem lokalen Rechner nur zu sparen.

javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; void 0


2008 4. September 2008

Behoben (Das bleibt statisch auf Fenster scrollen) Page Blocks mit Hilfe von CSS nur

Dieser Beitrag könnte ein gutes Beispiel für die Formulierung "Teaching Oma, Eier zu saugen" zu sein ... Denn dies ist nur grundlegende CSS-Stuff. Aber für diejenigen, die blind wie ich, könnte dies ein Segen sein. Ich dachte immer, (ich könnte meinen Job verlieren, das zu sagen), war es nur möglich, einen Teil der HTML-Seite Inhalte STATIC halten (was bedeutet, bleibt seine Position, wie sie am Fenster zu scrollen), mit einigen intelligenten Skripte, mache ich all jene wissenschaftlichen Berechnungen zu finden, dynamische Position, Trapping Window.scroll Veranstaltungen und Einstellung Timeouts usw.

Hätte nie gedacht, es könnte so einfach wie diese .... Hier in der CSS / HTML unten, ich vier statischen Blöcken, ein aneinander befestigt extrimities der Seite zu haben, oben, rechts, unten und links ... Unnötig zu sagen ... Sie können eines oder mehrere auswählen, wenn es sein muss ...

CSS
. Static {display: block; z-index: 10; color: # ffffff; overflow-x: hidden; overflow-y: hidden; Position: ixed;
}
# Inhalt {margin: 0px 100px 150px 160px; border: 1px solid # e6e6e6}

# Wrap-t {top: 0px; background: # 33CC66; width: 100%; height: 55px;}

# Wrap-l {top: 80px; background: # FF9966; height: 300px; width: 150px; border: 2px solid # e6e6e6;}

# Wrap-b {bottom: 0px; background: # 3333CC; width: 100%; height: 55px;}

# Wrap-r {top: 80px; background: # 6666FF; height: 300px; width: 140px; border: 2px solid # e6e6e6, rechts: 0;}

HTML
<div id="contents"> Sie Hauptseite Inhalt </ div>
<div id="wrap-b" class="static">
Static Content auf der Seite unten
</ Div>
<div id="wrap-t" class="static">
Static Content auf Seitenanfang
</ Div>

<div id="wrap-l" class="static">
Static Content auf der Seite links
</ Div>
<div id="wrap-r" class="static">
Static Content auf der Seite rechts
</ Div>

Sehen Sie sich eine Probe hier wroking


2008 2. September 2008

CSS-Hack: Javascript, CSS, HTML nur für Firefox

Viele Male haben wir das Bedürfnis verspüren, Browser specfic Hacks zu schreiben (obwohl es nicht eine gute Praxis, wir UI-Entwickler, um solche Übel, bis der große Krieg der Browser zurückgreifen müssen kommt zu einem Waffenstillstand). Zuvor hatte ich in diesem Artikel erwähnten Für Ihre IEs nur , wie man einen CSS-Schnipsel, die sichtbar sein, um IE-Browser würde <IE7 nur zu schreiben.

Gestern hatte ich einen Fall, wo ich wollte etwas FireFox bestimmte CSS-Schnipsel zu schreiben. Na ja! Ich bin nicht sicher ob es eine CSS-Code für diese aber es gibt eine HTML. Es gibt jedoch einen Haken, dieses Stück HTML doesnot Pass HTML-Validierung. Aber, anywaz! Wenn Sie schlecht oder als solche stecken, haben keinen Bezug zur Validierung-(irgendwann müssen wir grausam sein), könnten Sie die folgenden, um einen Link zu einem FF-Stylesheet nur erklären oder auch nur Code der CSS innerhalb dieses Blocks. Der Code ist

Setzen Sie Ihre <comment> FireFox nur HTML / CSS / Scripts hier </ Kommentar>

zB
<comment>
<style>
/ * Styles für FF nur * /
fieldset {border: 1px solid # dddddd;}
</ Style>
</ Kommentar>

I "m froh für den Moment ...


2008 1. September 2008

Entfernen Sie bestimmte Element aus einem JavaScript-Array übergeben, die einen String passt

Hier ist schnelle Möglichkeit der Verlängerung der nativen JavaScript-Array-Objekt, genau das zu tun ...

Array.prototype. removeItem =function(str) {
for(i=0; i<this.length ; i++){
if(escape(this[i]).match(escape(str.trim()))){
this.splice(i, 1); break;
}
}
return this;
}

So jetzt können Sie so etwas tun ...

var animals= new Array("dog","lion","cat","tiger","elephant");
animals. removeItem ('tiger');

Nun ist die Tiere Array enthält "Hund", "Löwe", "Katze", "Elefant";

PS: Und hier ist der String Trim zu Prototype ...

String.prototype.trim=function(str) {
str = this != window? this : str;
return str.replace(/^\s+/g, '').replace(/\s+$/g, '');
}


Viel Spaß ....


NDK Hause | Ausdruck ihrer IT | Ausdruck Gaumen | Penmenship Ausdruck | Ausdruck Awe | mich auszudrücken