Udtrykke det

PROBLEM ERKLÆRING:
Jeg løb ind i et problem, med hensyn til tekstområder i XSLs. I simple ord, opstår problemet, når du har en tom <textarea> tag, så det vil kollapse det <TEXTAREA />.
dvs hvis du havde noget i retning af følgende i din XSL og XML data for TEXTAREA værdi, returnerer ingenting ...

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

Da browsere ikke anerkender dette, vil det medføre resten af ​​formularen HTML til at løbe ind i tekstområdet.

Mulige løsninger:

I XSL, tilføje en non-breaking-rum () efter xsl: value tag.BEWARE, til at tage sig af denne ekstra plads du har tilføjet, under klientsiden validering af dette felt.

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

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

Eller
Indsæt en <xsl:value-of select="@unknown" /> tag peger på en ukendt attribut. Dette vil tvinge PHP XSLT parser til at generere en åbning og lukning tekstområde tag, selv om det ikke har noget i mellem.

Eller
Indsæt en <xsl:text> felt, der indeholder et rum til at tvinge en afsluttende tag.

Men selvom de ovennævnte løsninger kan synes at løse problemet, er jeg stadig ikke overbevist om, at de har ret og de bedste måder at løse det. Hvis der er nogen anden bedre måde at fastsætte denne særhed, Please lad os det vide.

Hver gang jeg nødt til at gøre en XSL: IF eller XSL: NÅR test, jeg går tilbage til opslagsværker. Jeg har aldrig synes at huske dem. Troede, der ville være mere derude, ligesom mig, der ville hellere foretrække at have dem alle, det er muligt, på et sted, klar til at blive nævnt når det er nødvendigt.

For dem, der er nye ... Syntaks for XSL: IF

<xsl:if test="expression">
<- Indhold: skabelon ->
</ Xsl: if>

Den xsl: hvis / xsl: Når Test Collection
Nedenstående betingelser er alle simple og selvforklarende. Så jeg tror, ​​det vil ikke brug for megen forklaring

<xsl:if test="position()=last()-1">
Dette hvis den sidste, men et element i listen!
</ Xsl: if>

<xsl:if test="SALARY> 5000 ">
Lønnen for denne person er større end Rs. 5000
</ Xsl: if>

<xsl:if test="count(JOBS)> 3 ">
Der er mere end 3 arbejdspladser i denne liste!
</ Xsl: if>

<xsl:if test="(@DEPT ='SALES') eller (@JOINYEAR = '1997')">
Denne person er fra salgsafdelingen eller hans år efter tiltrædelsen, er 1997
</ Xsl: if>

<xsl:if test="EXPERIENCE">
Denne person har atleast en ERFARING barn element.
</ Xsl: if>

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

De samme tekst vilkår kunne bruges til XSL: Vælg / XSL: NÅR samt

xsl: Vælg

XSLT har xsl: choose instruktion svarer til xsl: if, men har et par vigtige forskelle:
• En xsl: choose element kan teste for mere end én betingelse, og tilføje forskellige noder til resultatet træ baseret på, hvor betingelsen er sand.
• En xsl: Vælg element kan have en standardskabelon at tilføje til det resultat, træ, hvis ingen af ​​betingelserne er sande. (Sammenlign xsl: if, som ikke har nogen svarer til en "anden" tilstand.)
• Den xsl: Vælg element har specifikke delelementer, der er nødvendige for at arbejde, mens du kan sætte nogle velformede elementer, du ønsker inde i en xsl: if element.

<xsl:choose>
<xsl:when test="boolean-expression">
Gør noget, når denne boolean-udtryk er TURE
</ Xsl: når>
<xsl:otherwise> Gør noget andet </ xsl: ellers>
</ Xsl: Vælg>

Nå, det må jeg sige, ikke sådan en nyttig stykke videnskab, men hvis du er en Web Developer, kan komme handy, en dag (eller vil det?). Her er lille bookmarklet, der gør det muligt at redigere websiden for ethvert websted.
Og Undskyld! Du kan gemme resultatet på din lokale maskine.

javascript: document.body.contentEditable = 'sandt'; document.designMode = 'på'; ugyldig 0

Dette indlæg kan være et godt eksempel for udtrykket "Teaching bedstemor til at suge æg" ... Fordi det er bare BASIC CSS Stuff. Men for dem, som glemmer mig, kan dette være en velsignelse i forklædning. Jeg har altid troet (jeg kunne miste mit job for at sige det), var det kun muligt at holde en del af HTML-sidens indhold statisk (mening, sin stilling stadig er det på Window Scroll), ved hjælp af nogle smarte scripts, gør alle de videnskabelige beregninger for at finde en dynamisk position, fældefangst Window.scroll begivenheder og sætte timeouts osv.

Aldrig troet, det kunne så simpelt som dette .... Her i CSS / HTML nedenfor, jeg har fire statiske blokke, den ene fastgjort til hver extrimities på siden, til TOP, højre og bund og venstre ... overflødigt at sige ... du kan vælge et eller flere hvis der skal være ...

CSS
. Statisk {display: block; z-index: 10, farve: # ffffff; overflow-x: hidden; overløb-y: hidden; position: ixed;
}
# Indhold {margin: 100px 150px 0px 160px; kant: 1px solid # e6e6e6}

# Wrap-t {top: 0px; baggrund: # 33CC66, bredde: 100%; Højde: 55px;}

# Wrap-l {top: 80px; baggrund: # FF9966; højde: 300px; bredde: 150px; kant: 2px solid # e6e6e6;}

# Wrap-b {bund: 0px; baggrund: # 3333CC, bredde: 100%; Højde: 55px;}

# Wrap-r {top: 80px; baggrund: # 6666FF; højde: 300px; bredde: 140px; kant: 2px solid # e6e6e6, højre: 0;}

HTML
<div id="contents"> Du forsiden indhold </ div>
<div id="wrap-b" class="static">
Statisk indhold på side nederst
</ Div>
<div id="wrap-t" class="static">
Statisk indhold på toppen Tilbage
</ Div>

<div id="wrap-l" class="static">
Statisk indhold på side til venstre
</ Div>
<div id="wrap-r" class="static">
Statisk indhold på side til højre
</ Div>

Se en Kløveretning prøve her

Mange gange vi føler behov for at skrive browser specfic hacks (selvom det ikke er en god praksis, vi UI udviklere er nødt til at ty til sådanne onder, indtil de store browsere Wars kommer til en våbenhvile). Tidligere havde jeg nævnt i denne artikel for din IES Kun , hvordan man skriver en CSS snippet, der ville være synlig for IE browsere <IE7 kun.

I går havde jeg en sag, hvor jeg ønskede at skrive nogle FireFox specifik CSS snippets. Nå! Jeg er ikke sikker på, hvis der er en CSS kode for dette, men der er en HTML. Der er en fangst dog dette stykke HTML doesnot pass HTML validering. Men, anywaz! Hvis du sidder fast dårligt eller som sådan, har ingen forbindelse til validering (engang vi nødt til at være grusom), kan du bruge følgende til at erklære et link til en FF kun stylesheet eller bare kode CSS inden for denne blok. Koden er

<comment> Sæt din FireFox kun HTML / CSS / Scripts her </ comment>

fx
<comment>
<style>
/ * Styles til FF kun * /
fieldset {border: 1px solid # dddddd;}
</ Style>
</ Comment>

I "m glad for øjeblikket ...

Her er hurtig måde at udvide den indfødte Javascript Array objekt, bare for at gøre 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øre sådan noget ...

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

Nu dyr array vil indeholde "hund", "løve", "kat", "elefant";

PS: Og her er String Trim Prototype også ...

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

Nyd ....