Uttrykke IT

PROBLEM UTTALELSE:
Jeg løp inn dette ett problem angående textareas i XSLs. I enkle ord, oppstår problemet når du har en blank <textarea> tag, så vil det kollapse det å <textarea />.
dvs. hvis du hadde noe sånt følgende i XSL og XML-dataene for TEXTAREA verdi, returnerer ingenting ...

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

Ettersom nettlesere ikke anerkjenner dette, vil det føre til at resten av skjemaet HTML til å kjøre inn i tekstområdet.

Mulige løsninger:

I XSL, legger en ikke-breaking-space () etter xsl: value tag.BEWARE, å ta vare på denne ekstra plassen du har lagt under klientsiden valideringer av dette feltet.

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

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

Eller
Sett en <xsl:value-of select="@unknown" /> tag peker til en ukjent attributt. Dette vil tvinge PHP XSLT-parser til å generere en åpning og lukking tekstområdet tag, selv om den har ingenting i mellom.

Eller
Sett en <xsl:text> felt som inneholder en plass å tvinge en avsluttende koden.

Men selv om de nevnte løsningene kan synes å løse problemet, jeg er fortsatt ikke overbevist om at de er rett og beste måtene å fikse det. Hvis det er noen andre bedre måte å fikse dette innfall, kan du gjøre Gi oss beskjed.

Hver gang jeg må gjøre en XSL: IF eller XSL: NÅR testen, må jeg gå tilbake til oppslagsverk. Jeg har aldri synes å huske dem. Tenkte det ville være mer der ute, akkurat som meg, hvem ville heller foretrekker å ha dem alle, mulig på ett sted, klar til å bli henvist når det trengs.

For de som er nye ... Syntaks for XSL: IF

<xsl:if test="expression">
<- Innhold: mal ->
</ Xsl: if>

Den xsl: if / xsl: når Test Collection
Vilkårene nedenfor er alle enkle og selvforklarende. Så jeg tror det vil ikke trenge mye forklaring

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

<xsl:if test="SALARY> 5000 ">
Lønnen til denne personen er større enn Rs. 5000
</ Xsl: if>

<xsl:if test="count(JOBS)> 3 ">
Det er mer enn 3 stillinger i denne listen!
</ Xsl: if>

<xsl:if test="(@DEPT ='SALES') eller (@JOINYEAR = '1997')">
Denne personen er fra salgsavdelingen Eller hans Årsmodell bli medlem er 1997
</ Xsl: if>

<xsl:if test="EXPERIENCE">
Denne personen har minst én ERFARING barn element.
</ Xsl: if>

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

De samme tekst vilkår kan brukes til XSL: VELG / XSL: WHEN samt

xsl: choose

XSLT er xsl: Velg instruksjon ligner xsl: hvis men har noen viktige forskjeller:
• En xsl: Velg element kan teste for mer enn én betingelse og legge til ulike noder til resultatet treet basert på hvilke betingelse er sann.
• En xsl: choose element kan ha en standard mal for å legge til resultatet treet hvis ingen av betingelsene er oppfylt. (Sammenlign xsl: if, som ikke har noe som tilsvarer et "annet" tilstand.)
• Den xsl: choose element har spesifikke underelementer som er nødvendig for å fungere, mens du kan sette noen velformede elementene du vil ha inni en xsl: if element.

<xsl:choose>
<xsl:when test="boolean-expression">
Gjør noe når denne boolsk-uttrykk er Ture
</ Xsl: når>
<xsl:otherwise> Gjør noe annet </ xsl: ellers>
</ Xsl: choose>

Vel, må jeg si, ikke en slik nyttig stykke vitenskap, men hvis du er en Web Developer, kan komme hendig, en dag (eller vil det?). Her er lite bookmarklet, som lar deg redigere nettsiden for alle nettsteder.
Og Sorry! Du kan lagre resultatene på din lokale maskin bare.

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

Dette innlegget kan være et godt eksempel for uttrykket "Teaching bestemor å suge egg" ... Årsak Dette er bare grunnleggende CSS Stuff. Men for dem, som uvitende meg, dette kan være en velsignelse i forkledning. Jeg har alltid trodd (jeg kunne miste jobben min for å si dette), var det bare mulig å holde en del av HTML-siden innholdet statisk (betydning, forblir sin posisjon som er på Window Scroll), ved hjelp av noen smarte skript, gjør alt de vitenskapelige beregninger for å finne dynamisk posisjon, fangst Window.scroll hendelser og sette timeout etc.

Trodde aldri det kunne så enkelt som dette .... Her i CSS / HTML nedenfor, har jeg fire statiske blokker, én fast til hver extrimities på siden, til TOP, til høyre, nederst og VENSTRE ... unødvendig si ... du kan velge ett eller flere hvis behov være ...

CSS
. Statisk {display: block; z-index: 10; color: # FFFFFF; overflow-x: skjult; overflow-y: skjult; stilling: ixed;
}
Nr innholdet {margin: 100px 150px 0px 160px; kant: 1px solid # e6e6e6}

# Wrap-t {topp: 0px; bakgrunn: # 33CC66; width: 100%; høyde: 55px;}

# Wrap-l {topp: 80px; bakgrunn: # FF9966; høyde: 300px; width: 150px; kant: 2px solid # e6e6e6;}

# Wrap-b {bunn: 0px; bakgrunn: # 3333CC; width: 100%; høyde: 55px;}

# Wrap-r {topp: 80px; bakgrunn: # 6666FF, høyde: 300px; width: 140px; kant: 2px solid # e6e6e6, høyre: 0;}

HTML
<div id="contents"> Dere hovedsiden innholdet </ div>
<div id="wrap-b" class="static">
Statisk innhold på siden Bunnen
</ Div>
<div id="wrap-t" class="static">
Statisk innhold på siden Til toppen
</ Div>

<div id="wrap-l" class="static">
Statisk innhold på siden til venstre
</ Div>
<div id="wrap-r" class="static">
Statisk innhold på siden til høyre
</ Div>

Se et wroking prøve her

Mange ganger vi føler behov for å skrive nettleserens specfic hacks (selv om det ikke er en god praksis, vi UI utviklere må ty til slike onder inntil de store Nettlesere Wars kommer til en våpenhvile). Tidligere hadde jeg nevnt i denne artikkelen for din IES Only , hvordan å skrive en CSS tekstutdrag som ville være synlig for IE nettlesere <IE7 bare.

I går hadde jeg en sak, hvor jeg ønsket å skrive noen FireFox spesifikk CSS snutter. Vel! Jeg er ikke sikker på om det er en CSS-kode for dette, men det er en HTML. Det er en hake Skjønt, dette stykke HTML doesnot pass HTML validering. Men, anywaz! Hvis du står fast dårlig eller som sådan, har ikke-hilsen for validering (en gang må vi være grusom), kan du bruke følgende for å erklære en link til en FF bare stilark eller bare kode CSS i denne blokken. Koden er

<comment> Sett kun Firefox HTML / CSS / Scripts her </ kommentar>

f.eks
<comment>
<style>
/ * Stiler for FF bare * /
fieldset {border: 1px solid # dddddd;}
</ Style>
</ Kommentar>

I "m glad for øyeblikket ...

Her er rask måte å forlenge innfødte Javascript Array Object, bare for å gjø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å nå kan du gjøre noe som dette ...

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

Nå dyrene array vil inneholde "hund", "løve", "cat", "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, '');
}

Nyt ....