Uttrycka det

Problemformuleringen:
Jag sprang in i detta problem när det gäller textfält i XSLs. I enkla ord, uppstår problemet när du har en tom <textarea> tag, då det kommer att kollapsa till <textarea />.
dvs om du hade något i stil med följande i ditt XSL och XML-data för TEXTAREA värdet återgår ingenting ...

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

Eftersom webbläsare inte erkänner detta, kommer det att leda till resten av formuläret HTML för att köra in i textområdet.

Möjliga lösningar:

I XSL, lägg en icke-brytande rymd () efter xsl: värdet tag.BEWARE, att ta hand om detta extra utrymme du har lagt under valideringar klientsidan av detta område.

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

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

Eller
Sätt ett <xsl:value-of select="@unknown" /> tagg pekar på en okänd attribut. Detta kommer att tvinga PHP XSLT parser för att generera en öppning och stängning tag textområdet, även om det inte har något däremellan.

Eller
Infoga ett <xsl:text> fält som innehåller ett utrymme för att tvinga en sluttagg.

Men även om de ovan nämnda lösningarna kan tyckas att åtgärda problemet, är jag fortfarande inte övertygad om att de är rätt och bästa sätten att åtgärda det. Om det finns något annat bättre sätt att fastställa detta sarkasm, gör oss.

Varje gång måste jag göra en XSL: IF eller XSL: När testet, jag måste gå tillbaka till uppslagsverk. Jag tycks aldrig komma ihåg dem. Trodde att det skulle vara mer där ute, precis som jag, som skulle hellre föredra att ha dem alla, möjligt på ett ställe, redo att hänvisas vid behov.

För dem som är nya ... Syntax för XSL: IF

<xsl:if test="expression">
<- Innehåll: template ->
</ Xsl: if>

XSL: om / xsl: när Test Collection
Villkoren nedan är alla enkla och självförklarande. Så jag tror att det inte behöver mycket förklaring

<xsl:if test="position()=last()-1">
Detta om det sista, men en del i listan!
</ Xsl: if>

<xsl:if test="SALARY> 5000 ">
Lönen för denna person är större än skivor. 5000
</ Xsl: if>

<xsl:if test="count(JOBS)> 3 ">
Det finns mer än 3 jobb i den här listan!
</ Xsl: if>

<xsl:if test="(@DEPT ='SALES') eller (@JOINYEAR = '1997')">
Denna person är från säljavdelningen Eller hans år att gå med är 1997
</ Xsl: if>

<xsl:if test="EXPERIENCE">
Denna person har iallafall en del EXPERIENCE barn.
</ Xsl: if>

<xsl:if test="@HOBBY">
Personen har en hobby attribut.
</ Xsl: if>

Samma text betingelser skulle kunna användas för XSL: VÄLJ / xsl: NÄR samt

xsl: välj

XSLT: s xsl: Välj instruktionen liknar xsl: om men har några viktiga skillnader:
• En xsl: Välj element kan testa för mer än ett tillstånd och lägga till olika noder till resultatet trädet baserat på vilka villkor är sant.
• En xsl: välj elementet kan ha en standardmall för att lägga till resultatet träd om inget av villkoren är sanna. (Jämför xsl: om, som inte har någon motsvarighet ett "annat" tillstånd.)
• Den xsl: välj element har specifika underelement som är nödvändiga för att det ska fungera, samtidigt som du kan sätta några välformade element du vill insidan av en xsl: if element.

<xsl:choose>
<xsl:when test="boolean-expression">
Gör något när denna boolskt-uttryck är TURE
</ Xsl: när>
<xsl:otherwise> Gör något annat </ xsl: annat>
</ Xsl: välj>

Tja, måste jag säga, inte en sådan användbar del av vetenskapen, men om du är en webbutvecklare, kan komma till hands, en dag (eller kommer det?). Här är liten bookmarklet, vilket gör det möjligt att redigera webbsidan för en webbplats.
Och ledsen! Du kan spara resultaten på din lokala dator bara.

javascript: document.body.contentEditable = "true"; document.designMode = 'på'; void 0

Detta inlägg kan vara ett bra exempel på frasen "Teaching mormor att suga ägg" ... Orsak här är bara grundläggande CSS Stuff. Men för dem, liksom omedvetna jag, kan det här vara en välsignelse i förklädnad. Jag har alltid trott (jag kan förlora mitt jobb för att säga detta), var det bara möjligt att hålla någon del av HTML-sidans innehåll statiska (mening, är dess position som IS på Fönster Scroll), med hjälp av några smarta manus, gör alla de vetenskapliga beräkningar för att hitta dynamiskt läge, fånga Window.scroll händelser och sätta timeout etc.

Trodde aldrig att det kunde så enkelt som det .... Här i CSS / HTML-koden nedan, jag har fyra statiska block, en fast till varje extrimities av sidan, upp, höger, botten och vänster ... onödigt att säga ... kan du välja en eller flera om så behövs ...

CSS
Statiska {display: block; z-index: 10; color: # FFFFFF; overflow-x: hidden; overflow-y: hidden; position: ixed;
}
# Innehållet {margin: 100px 150px 0px 160px; kant: 1px solid # e6e6e6}

# Wrap-t {top: 0px; Bakgrund: # 33CC66, bredd: 100%, höjd: 55 bildpunkter;}

# Wrap-l {top: 80px; Bakgrund: # FF9966, höjd: 300px; width: 150px; kant: 2px solid # e6e6e6;}

# Wrap-b {bottom: 0px; Bakgrund: # 3333CC, bredd: 100%, höjd: 55 bildpunkter;}

# Wrap-r {top: 80px; Bakgrund: # 6666FF, höjd: 300px; width: 140px; kant: 2px solid # e6e6e6, höger: 0;}

HTML
<div id="contents"> Du startsidan innehållet </ div>
<div id="wrap-b" class="static">
Statiskt innehåll på sidan längst ner
</ Div>
<div id="wrap-t" class="static">
Statiskt innehåll på sidan Överst
</ Div>

<div id="wrap-l" class="static">
Statiskt innehåll på sidan till vänster
</ Div>
<div id="wrap-r" class="static">
Statiskt innehåll på sidan till höger
</ Div>

Visa en wroking prov här

Många gånger har vi känner behov av att skriva webbläsaren specfic hacka (även om det inte är en god praxis, vi UI utvecklare måste ta till sådana onda tills den stora Webbläsare Wars kommer till ett stillestånd). Tidigare hade jag nämnde i artikeln För din IE endast , hur man skriver en CSS utdrag som skulle vara synlig för IE-webbläsare <IE7 bara.

Igår hade jag ett fall, där jag ville skriva något FireFox specifika CSS snippets. Tja! Jag är inte säker på om det finns en CSS-koden för den här men det finns en HTML. Det finns en hake, detta stycke HTML-doesnot pass HTML validering. Men, anywaz! Om du har fastnat dåligt eller som sådant, har ingen fråga för validering (någon gång måste vi vara grym), kan du använda följande för att förklara en länk till en FF enbart stilmall eller bara koda CSS inom detta block. Koden är

<comment> Sätt din FireFox bara HTML / CSS / Scripts här </ kommentar>

t.ex.
<comment>
<style>
/ * Stilar för FF enbart * /
fieldset {border: 1px solid # DDDDDD;}
</ Style>
</ Kommentar>

I "glad för tillfället ...

Här är snabbt sätt att förlänga den ursprungliga Javascript Array-objekt, bara för att göra det ...

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;
}


Så nu kan du göra något så här ...

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

Nu djuren array innehåller "hund", "lejon", "katt", "elefant",

PS: Och här är String Trim Prototype också ...

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

Njut av ....