Ilmaista sitä

ONGELMA SELVITYS:
Törmäsin tähän ongelmaan koskien textareas vuonna XSLs. Yksinkertaisesti sanoen, ongelma syntyy, kun sinulla on tyhjä <textarea> tag, se romahtaa sen <textarea />.
eli jos sinulla on ollut jotain seuraavista oman XSL ja XML-tiedot TEXTAREA arvon, palauttaa mitään ...

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

Koska selaimet eivät tunnista tätä, se aiheuttaa muun lomakkeen HTML törmätä tekstikenttään.

MAHDOLLISET RATKAISUT:

Vuonna XSL, lisää non-breaking-avaruus () jälkeen xsl: value tag.BEWARE, hoitaa tätä ylimääräistä tilaa lisätyn aikana asiakkaan puolella validointi tällä alalla.

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

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

Tai
Aseta <xsl:value-of select="@unknown" /> tag osoittaa tuntematon ominaisuus. Tämä pakottaa PHP XSLT jäsennin tuottaa avaamista ja sulkemista tekstialueen tag, vaikka sillä ei mitään siltä väliltä.

Tai
Lisää <xsl:text> kenttä sisältää tila pakottaa lopputunniste.

Kuitenkin, vaikka edellä mainitut ratkaisut voivat näyttää korjata ongelman, en ole vielä vakuuttunut siitä, että he ovat oikeassa ja parhaita tapoja korjata sen. Jos on muita parempi tapa vahvistaa tämän omituisuus, tee meille.

Joka kerta täytyy tehdä XSL: IF tai XSL: KUN testi, minun on palattava hakuteoksia. En koskaan näytä muistaa heitä. Oletettavasti olisi enemmän siellä, aivan kuten minä, jotka mieluummin saada ne kaikki, on mahdollista, yhteen paikkaan, valmiina viitataan tarvittaessa.

Niille, jotka ovat uusia ... Syntaksi XSL: IF

<xsl:if test="expression">
<! - Sisältö: template ->
</ Xsl: jos>

Xsl: jos / xsl: kun Test Collection
Olosuhteet Alla ovat yksinkertaisia ​​ja itsestään selviä. Siksi uskon ja se ei tarvitse paljon selitystä

<xsl:if test="position()=last()-1">
Tämä jos viimeinen, mutta yksi osa listalla!
</ Xsl: jos>

<xsl:if test="SALARY> 5000 ">
Palkka Tämän henkilön on suurempi kuin Rs. 5000
</ Xsl: jos>

<xsl:if test="count(JOBS)> 3 '>
On enemmän kuin 3 työpaikkaa tällä listalla!
</ Xsl: jos>

<xsl:if test="(@DEPT ='SALES') tai (@JOINYEAR = '1997')">
Tämä henkilö on peräisin myyntiimme tai hänen vuosi Liittyminen on vuodesta 1997
</ Xsl: jos>

<xsl:if test="EXPERIENCE">
Tämä henkilö on sentään yksi kokemus alielementti.
</ Xsl: jos>

<xsl:if test="@HOBBY">
Henkilöllä on harrastus ominaisuus.
</ Xsl: jos>

Sama teksti olosuhteissa voitaisiin käyttää XSL: VALITSE / XSL: KUN sekä

xsl: valitse

XSLT: n xsl: choose opetus on samanlainen xsl: jos vaan on muutamia keskeisiä eroja:
• Yksi xsl: valitse-elementti voi testata enemmän kuin yksi ehto ja lisätään eri solmuja tuloksen puun perusteella, joka tila on tosi.
• xsl: valitse elementti voi olla oletusmalli lisätä tulokseen puun jos mikään ehdoista toteutuu. (Vertaa xsl: jos, joka ei vastaa "toisen"-tilassa.)
• xsl: valitse elementti on erityisiä subelements jotka ovat välttämättömiä, jotta se toimisi, ja voit laittaa hyvin muodostuneita elementtejä haluat sisällä xsl: jos elementti.

<xsl:choose>
<xsl:when test="boolean-expression">
Tee jotain kun tämä boolean-lauseke on TURE
</ Xsl: jos>
<xsl:otherwise> Tee jotain muuta </ ​​xsl: muuta>
</ Xsl: valitse>

No, minun täytyy sanoa, ei niin käytännöllinen pala tiedettä, mutta jos olet Web Developer, voivat tulla kätevä, joskus (vai onko se?). Tässä on pieni kirjanmerkki, jonka avulla voit muokata sivun mille tahansa sivustolle.
Ja anteeksi! Voit tallentaa tuloksia omalla koneellasi vain.

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

Tämä viesti voisi olla hyvä esimerkki lause "Opettaminen mummolle imeä munaa" ... Koska tämä on vain perus CSS jutut. Mutta niille, kuten huomaa minua, tämä voi olla siunaus valepuvussa. Ajattelin aina (voisin menettää työni sanoessani tämän), se oli vain mahdollista säilyttää osaan HTML-sivun sisällön STATIC (merkityksen, sen asema säilyy vieraslajien Window Scroll), käyttäen joitakin älykkäitä skriptejä, Doing kaikki tieteelliset laskelmien löytää dynaamista asentoon, ansastusta Window.scroll tapahtumia ja aikakatkaisut jne.

Uskonut, että voisi yhtä yksinkertaista kuin tämä .... Täällä CSS / HTML alla, minulla on neljä staattista korttelin, yksi kiinteä jokaiseen extrimities sivun, TOP, RIGHT, BOTTOM ja jäljellä ... turha sanoa ... voit valita yhden tai useamman tarvittaessa ...

CSS
. Staattinen {display: block; z-index: 10; color: # ffffff; overflow-x: hidden; overflow-y: hidden; sijainti: ixed;
}
# Sisältö {margin: 100px 150px 0px 160px; reunusta: 1px solid # e6e6e6}

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

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

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

# Wrap-r {top: 80px; background: # 6666FF, korkeus: 300px; width: 140px; reunusta: 2px solid # e6e6e6, oikea: 0;}

HTML
<div id="contents"> Sinä etusivu sisältö </ div>
<div id="wrap-b" class="static">
Staattinen sisältö sivulla alhaalla
</ Div>
<div id="wrap-t" class="static">
Staattinen sisältöä Sivun alkuun
</ Div>

<div id="wrap-l" class="static">
Staattinen sisältö sivulla vasemmalle
</ Div>
<div id="wrap-r" class="static">
Staattinen sisältö sivulla oikealla
</ Div>

Näytä wroking näyte täällä

Monta kertaa me tunnemme tarvetta kirjoittaa selaimeen pyrkien hakata (vaikka se ei ole hyvä käytäntö, meillä UI kehittäjät turvautua niin pahaa, kunnes suuri Selaimet Wars tulee aselepo). Aiemmin olin maininnut tässä artikkelissa Oman IEs vain , kuinka kirjoittaa CSS-pätkä, joka näkyisi IE-selaimissa <IE7 vain.

Eilen minulla oli tapaus, jossa halusin kirjoittaa joitakin FireFox CSS määritellään katkelmia. No! En ole varma, onko CSS koodi tähän, mutta on HTML. On CATCH vaikka tämä pala HTML doesnot pass HTML validointi. Mutta, anywaz! Jos olet juuttunut pahasti tai sellaisenaan, ole-osalta validointi (joskus meidän täytyy olla julma), voit käyttää seuraavia julistaa linkin FF vain tyylitiedoston tai edes koodata CSS tämän lohkon. Koodi on

<comment> Laita vain Firefox HTML / CSS / Scripts täältä </ comment>

esim.
<comment>
<style>
/ * Styles FF vain * /
fieldset {border: 1px solid # dddddd;}
</ Style>
</ Comment>

I "m iloinen hetki ...

Tässä on nopea tapa laajentaa natiivin Javascript Array Object vain tehdä niin ...

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


Nyt voit tehdä jotain ...

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

Nyt eläimet array sisältää "koira", "leijona", "kissa", "norsu";

PS: Ja tässä on String Trim Prototype liian ...

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

Nauti ....