2008 2008年 9月 20

XSL / XSLTのTEXTAREA崩壊問題


問題文:
私はXSLsでテキストエリアについては、この問題が発生しました。 あなたはブランク<textarea>タグを持っている場合、単純な言葉で、問題が発生し、それは<textarea />に縮小されます。
あなたはXSLとTEXTAREAの値に関するXMLデータに、以下のようなものがあった場合、すなわち、何も返しません...

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

ブラウザはこれを認識しないとして、それはテキストエリアに実行するために、フォームの残りの部分はHTMLになります。

考えられる解決方法:

このフィールドのクライアント側の検証時に、追加されたこの余分なスペースの世話をするために、値tag.BEWARE:XSLで、XSLの後に改行なしスペース()を追加します。

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

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

または
未知の属性を指す<xsl:value-of select="@unknown" />タグを挿入します。 これは、間に何を持っていない場合でも、PHPのXSLTパーサが、開始と終了のテキストエリアのタグを生成するように強制します。

または
終了タグを強制的にスペースを含むの<xsl:text>フィールドを挿入します。

しかし、上記のソリューションが問題を解決するように見えるかもしれませんが、私はまだ彼らが正しいと確信し、それを修正するための最良の方法していない。 この癖を修正する他の良い方法があれば、私たちに知らせてください。


2008 2008年 9月 14

XSLのテストの様々な条件(XSLのコレクション:IFおよびXSL:TEST条件)

IFまたはXSL:私はXSLをしなければならないたびにテストが、私は参考書に戻っています。 私はそれらを覚えているように見えることはありません。 むしろ、一つの場所で、可能であれば、それらのすべてを持つことが必要なときに呼ばれる準備ができ好む人は、ちょうど私と同じように、そこに多くがあるだろうと思った。

新しいている人のために... XSLの構文:IF

<xsl:if test="expression">
< - 内容:テンプレート - >
オプション</ xsl:であれば>

XSL:IF /のxsl:時テストコレクション
以下の条件がすべての説明、簡単な自己である。 私はそれは多くの説明を必要としないと信じて

<xsl:if test="position()=last()-1">
このリストの最後が、1つの要素であれば!
オプション</ xsl:であれば>

<xsl:if test="SALARY> 5000 ">
この人の給料はRsよりも大きくなっています。 5000
オプション</ xsl:であれば>

<xsl:if test="count(JOBS)> 3 ">
このリストの3つ以上のジョブがあります!
オプション</ xsl:であれば>

<xsl:if test="(@DEPT ='SALES')または(@JOINYEAR = '1997')">
この人は1997年です。参加の営業部門または彼の年からです。
オプション</ xsl:であれば>

<xsl:if test="EXPERIENCE">
この人は少なくとも1つの経験の子要素を持っています。
オプション</ xsl:であれば>

<xsl:if test="@HOBBY">
人は趣味属性を持っています。
オプション</ xsl:であれば>

CHOOSE / XSL:同じテキストの条件は、XSLを使用することができる場合なども

のxsl:を選択

XSLTのXSL:しかし、もしいくつかの重要な違いがあります。選択する命令は、xslのようなものです。
•ワンXSL:選択要素は、複数の条件をテストし、真である条件に基づいて結果ツリーに異なるノードを追加することができます。
•XSL:要素が条件のいずれもtrueでない場合は、結果ツリーに追加するには、デフォルトのテンプレートを持つことができますを選択します。 (XSLの比較:これは、 "else"の条件に相当す​​るものはありません、場合)。
•XSL:要素の場合:あなたは、XSLの中には任意の整形式の要素を置くことができますが、要素は、それが動作するために必要な特定のサブ要素があります]を選択します。

<xsl:choose>
<xsl:when test="boolean-expression">
このブール式が距離ですときに何かをする
オプション</ xsl:時>
<xsl:otherwise>は他の何かを</ XSLを:特に>
オプション</ xsl:を選択>


2008 2008年 9月 13

JavaScriptを:ブラウザの[編集] Webページ

まあ、私は科学のような有用部分ではなく、言う必要がありますが、Web開発者である場合(または、それでしょうか?)いつか、便利来るかもしれない。 ここで任意のサイトのWebページを編集することができます小さなブックマークレットです。
と申し訳ありません! あなたは、あなたのローカルマシン上に結果を保存することができます。

ジャバスクリプト:document.body.contentEditable = 'TRUE'; document.designMode = 'で';ボイド0


2008 2008年 9月 4

CSSのみを使用して(スクロールウィンドウで静的に残っている)固定ページブロック

このポストは "卵を吸うために教育おばあちゃん"というフレーズの良い例かもしれない...これは単なる基本的なCSSの原料である原因。 しかし、これらのために、気づかない私のように、これは不幸中の幸いかもしれません。 私はいつも(私はこれを言うための私の仕事を失う可能性があります)、それは静的なHTMLページのコンテンツの一部を維持するためにのみ可能だと思ったすべてのこれらの科学を行う、いくつかのスマートなスクリプトを使用して、(つまり、その位置など、ウィンドウのスクロールに、ISのまま)計算はWindow.scrollイベントをトラップし、タイムアウトなどを設定し、動的な位置を見つけるために

それはこのような単純なことができるとは思わなかった.... ここで、以下のCSS / HTMLで、私は4つの静的ブロック、ページの各extrimitiesに固定し1、上、右、下と左の...不必要な言うことを持っている...ことを必要とする場合には、いずれか1つ以上を選択することができます...

CSS
静的{表示:ブロック;のz-index:10;色:#000000;オーバーフロー×:隠された;オーバーフロー-Y:隠された;位置:ixed。
}
#内容{マージン:100pxに875 0px 160px;国境:1px固体#e6e6e6}

#ラップT {トップ:0px;背景:#33CC66;幅:100%;高さ:55ピクセル;}

#ラップ-L {トップ:80px;背景:#FF9966;高さ:300pxの、幅:875、国境:固体#e6e6e6 2PX;}

#ラップは、-b {下:0px;背景:#3333CC;幅:100%;高さ:55ピクセル;}

#ラップ-R {トップ:80px;背景:#6666FF;高さ:300pxの、幅:140px;ボーダー:#e6e6e6固体2PX、右:0;}

HTML
<divのid="contents">あなたのメインページの内容</ DIV>
<div id="wrap-b" class="static">
ページ下部の静的コンテンツ
</ DIV>
<div id="wrap-t" class="static">
このページのトップに静的コンテンツ
</ DIV>

<div id="wrap-l" class="static">
ページの左側の静的コンテンツ
</ DIV>
<div id="wrap-r" class="static">
ページの右側の静的コンテンツ
</ DIV>

ここでwrokingサンプルを見る


2008 2008年 9月 2

CSSハックのみ:FirefoxのJavascriptやCSS、HTML

何度も我々には、ブラウザspecficハックを(それが良い習慣ではありませんが、我々のUI開発者は、戦争が休戦になる偉大なブラウザになるまでそのような弊害に頼らなければならない)記述する必要を感じています。 以前、私はこの資料に記載していただけにIEの方法のみ<IE7 IEブラウザに表示されるであろうCSSのスニペットを書き込むには、。

昨日、私はいくつかのFirefox固有のCSSのスニペットを書きたかったケースを持っていた。 よく! 私はこのためのCSSコードがあるかどうか分かりませんが、HTMLがある。 もののキャッチありますが 、HTML鞭のこの部分は、HTMLの検証を渡します。 しかし、anywaz! あなたがひどく、またはのようなスタックされている場合は、検証のための無よろしく(いつか私たちは残酷なことする必要があります)がありません、あなたはFFのみスタイルシートへのリンクを宣言するには、次を使用するかだけでも、このブロック内のCSSをコーディングすることができます。 コー​​ドは

<COMMENT>ここにFirefoxのみHTML / CSS /スクリプトを入れて</コメント>

例えば、
<COMMENT>
<STYLE>
/ * FFのスタイルのみ* /
fieldset要素{国境:1px固体#DDDDDD;}
</ STYLE>
</コメント>

私は "一瞬メートル幸せ...


2008 2008年 9月 1

渡された文字列に一致するJavaScriptの配列から特定 ​​の項目を削除

ここにちょうどそれを行うには、ネイティブのJavaScriptのArrayオブジェクトを拡張する簡単な方法は、だ...

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

だから今は、このような何かをすることができます...

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

今すぐ動物の配列は、 "ライオン"、 "猫"、 "象"を "犬"を含むでしょう。

ここで、あまりにも文字列のトリムのプロトタイプです...:PS

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


お楽しみください....


NDKホーム | ITを表現 | 表現口蓋 | Penmenshipを表現 | 表現する素晴らしい | 自分を表現