2008 20 września 2008

Problem Collapse TEXTAREA w XSL / XSLT


OŚWIADCZENIE PROBLEM:
Pobiegłem do tego problemu w odniesieniu textareas w XSLs. W prostych słowach, problem pojawia się gdy masz puste tag <textarea>, wtedy zwinąć go do <textarea />.
czyli gdybyś miał coś takiego w swoim XSL i danych XML dla wartości TEXTAREA, nic nie zwraca ...

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

Jako przeglądarki nie rozpoznają tego, spowoduje to reszta postaci HTML do uruchomienia w polu tekstowym.

Możliwe rozwiązania:

W XSL, dodać twardej-space () po xsl: tag.BEWARE wartości, dbać o tej dodatkowej przestrzeni dodałeś podczas walidacji po stronie klienta w tej dziedzinie.

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

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

Lub
Włóż <xsl:value-of select="@unknown" tag /> wskazujący na nieznanego atrybutu. To wymusi na PHP parser XSLT do generowania tekstu otwierania i zamykania znacznika obszaru, nawet jeśli nie ma nic pomiędzy.

Lub
Wstawić pole <xsl:text> zawierający przestrzeń w celu wymuszenia znacznika zamykającego.

Jednak, choć wyżej wymienione rozwiązania mogą wydawać się rozwiązać ten problem, nadal nie jestem przekonany, że mają rację i najlepsze sposoby aby go naprawić. Jeśli istnieje jakikolwiek inny lepszy sposób rozwiązywania tego quirk, proszę daj nam znać.


2008 14 września 2008

Różnorodność warunków XSL testowych (Kolekcja xsl: if i XSL: gdy warunki testowe)

Za każdym razem muszę zrobić xsl: if lub XSL: KIEDY test, muszę wrócić do książek. I nigdy nie wydają się je zapamiętać. Pomyślał, że byłoby bardziej tam, tak jak ja, którzy raczej wolą mieć wszystko z nich, jest to możliwe, w jednym miejscu, gotowy do których należy się w razie potrzeby.

Dla tych, którzy są nowe ... Składnia xsl: if

<xsl:if test="expression">
<- Zawartość: szablon ->
</ Xsl: if>

Xsl: if / xsl: kiedy test Collection
Poniższe warunki są proste i wymowne. Więc uważam, że nie trzeba wielu wyjaśnień

<xsl:if test="position()=last()-1">
To, czy przedostatnim elementem na liście!
</ Xsl: if>

<xsl:if test="SALARY> 5000 ">
Wynagrodzenie tej osoby jest większa niż Rs. 5000
</ Xsl: if>

<xsl:if test="count(JOBS)> 3 ">
Nie więcej niż 3 miejsca pracy w tej liście!
</ Xsl: if>

<xsl:if test="(@DEPT ='SALES') lub (@JOINYEAR = '1997')">
Ta osoba jest z działu sprzedaży lub jego rok przystąpienia jest 1997
</ Xsl: if>

<xsl:if test="EXPERIENCE">
Ta osoba posiada co najmniej jeden element podrzędny Experience.
</ Xsl: if>

<xsl:if test="@HOBBY">
Osoba posiada atrybut hobby.
</ Xsl: if>

Te same warunki tekstowe mogą być wykorzystane do xsl: choose / XSL: PO oraz

xsl: choose

XSLT w xsl: instrukcja wyboru jest podobna do xsl: if ale ma kilka różnic kluczowe:
• Jeden Element xsl: choose można przetestować na więcej niż jeden warunek i dodawać różne węzły do ​​drzewa wynikowego na podstawie którego warunek jest prawdziwy.
• xsl: choose element może mieć szablon domyślny, aby dodać do drzewa wynikowego, jeśli żaden z warunków nie jest spełniony. (Porównaj xsl: if, która nie ma odpowiednika "ELSE" stanie.)
• xsl: choose element posiada konkretne podelementy, które są niezbędne do jego pracy, a można umieszczać żadnych sensownych elementów, które mają wewnątrz o xsl: if elementem.

<xsl:choose>
<xsl:when test="boolean-expression">
Zrób coś, kiedy to wartość logiczna, wyrażenie jest TURA
</ Xsl: kiedy>
<xsl:otherwise> Zrób coś innego </ xsl: inaczej>
</ Xsl: choose>


2008 13 września 2008

JavaScript: strona internetowa Edytuj w przeglądarce

Cóż, muszę powiedzieć, nie, takie przydatne kawałek nauki, ale jeśli są Web Developer, może się przydać, kiedyś (lub prawda?). Oto mały bookmarklet, który pozwala edytować strony WWW dowolnej witryny.
Oraz Sorry! Możesz zapisać wyniki na komputerze lokalnym tylko.

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


2008 04 września 2008

Ustalone (To pozostaje statyczna na oknie przewijania) Bloki strony za pomocą CSS tylko

Ten post może być dobrym przykładem dla wyrażenie "babcia Nauczanie ssać jaja" ... Bo to tylko podstawowe rzeczy CSS. Ale dla tych, podobnie jak Oblivious mnie, to może być błogosławieństwem w przebraniu. Zawsze myślałem (mógłbym stracić moją pracę za to co mówię), to tylko możliwe, aby utrzymać jakąś część zawartości HTML strony statyczną (sens, jego pozycja pozostaje AS IS na przewiń okno), za pomocą kilku mądrych skrypty, Robienie tych wszystkich naukowych Obliczenia znaleźć dynamiczną pozycję, zatrzymując wydarzenia Window.scroll i ustawienie limitu czasu itp.

Nigdy nie myślał, że to tak proste, jak to .... Tutaj w CSS / HTML poniżej, mam cztery statyczne bloki, jeden przymocowane do każdej extrimities strony, góra, prawo, dołu i od lewej ... trzeba powiedzieć ... możesz wybrać jedno lub więcej jeśli trzeba być ...

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

# Wrap-t {top: 0px; background: # 33CC66; szerokość: 100%; wysokość: 55 x;}

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

# Wrap-b {bottom: 0px; background: # 3333CC; szerokość: 100%; wysokość: 55 x;}

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

HTML
id="contents"> <div You strona główna treść </ div>
<div id="wrap-b" class="static">
Statyczny na dole strony
</ Div>
<div id="wrap-t" class="static">
Statyczny na strony Początek
</ Div>

<div id="wrap-l" class="static">
Statyczny na stronie lewej
</ Div>
<div id="wrap-r" class="static">
Statyczny na prawej stronie
</ Div>

Zobacz próbkę wroking tutaj


2008 02 września 2008

CSS hack: JavaScript, CSS, HTML dla Firefoksa tylko

Wiele razy czujemy potrzebę napisania przeglądarki specfic hacki (choć nie jest to dobra praktyka, my deweloperzy UI muszą uciekać się do takich zła aż do wielkich Przeglądarki wojen dochodzi do rozejmu). Wcześniej wspomniał w tym artykule Dla IES Tylko , jak napisać fragment kodu CSS, który byłby widoczny na przeglądarkach IE <IE7 tylko.

Wczoraj miałem przypadek, w którym chciałem napisać jakieś konkretne FireFox CSS fragmenty. Dobrze! Nie jestem pewien czy jest kod CSS dla tego, ale jest HTML. Jest haczyk, ten kawałek HTML przejścia doesnot walidację HTML. Ale anywaz! Jeśli utkniesz źle lub jako takie, nie mają-pozdrowienia dla walidacji (częstokroć musimy być okrutne), można użyć następujących zadeklarować link do tylko FF stylów lub nawet tylko kod CSS w tym bloku. Kod jest

<comment> Połóż tylko Firefoksa HTML / CSS / scripts tutaj </ komentarz>

np.
<comment>
<style>
/ Style * dla FF tylko * /
fieldset {border: 1px solid # dddddd;}
</ Style>
</ Comment>

I "m szczęśliwy na chwilę ...


2008 01 wrzesień 2008

Usuń określony element z tablicy javascript pasującego do przetwarzanym łańcuchem

Oto szybki sposób na przedłużenie natywny obiekt Array JavaScript, żeby zrobić ...

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

Teraz możesz zrobić coś takiego ...

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

Teraz tablica zwierzęta będą zawierać "pies", "Piła", "kot" i "Elephant";

PS: A oto String Przytnij Prototype zbyt ...

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


Ciesz się ....


NDK startowej | Wyrażając IT | Podniebienie Wyrażając | Penmenship Wyrażając | Awe Wyrażając | Wyrażając Myself