การแสดงไอที

งบที่มีปัญหา:
ฉันวิ่งเข้าไปในปัญหานี้เกี่ยวกับ textareas ใน XSLs ในคำง่ายปัญหาเกิดขึ้นเมื่อคุณมีแท็ก <textarea> ที่ว่างเปล่าแล้วมันจะยุบไป <textarea />
เช่นหากคุณมีสิ่งที่ต้องการต่อไปนี้ใน XSL และของคุณสำหรับข้อมูล XML ค่า TEXTAREA, ไม่มีอะไรตอบแทน ...

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

ในฐานะที่เป็นเบราว์เซอร์ที่ไม่รู้จักนี้จะทำให้ส่วนที่เหลือของ HTM​​L รูปแบบที่จะวิ่งเข้ามาในพื้นที่ข้อความ

แนวทางแก้ปัญหา:

ใน XSL เพิ่มไม่ใช่ทำลายพื้นที่ () หลังจาก xsl: tag.BEWARE ค่าที่จะดูแลพื้นที่พิเศษนี้คุณได้เพิ่มในระหว่างการตรวจสอบด้านลูกค้าของข้อมูลนี้

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

หรือ
<xsl:value-of select="concat (DESCRIPTION,'')"/>

หรือ
แทรก <xsl:value-of select="@unknown" tag /> ชี้ไปที่คุณลักษณะที่ไม่รู้จัก นี้จะบังคับให้ parser PHP XSLT เพื่อสร้างเปิดและปิดแท็กพื้นที่ข้อความถึงแม้ว่ามันจะมีอะไรที่อยู่ในระหว่าง

หรือ
แทรกเขตข้อมูล <xsl:text> ที่มีพื้นที่ที่จะบังคับให้แท็กปิด

อย่างไรก็ตามแม้ว่าการแก้ปัญหาดังกล่าวข้างต้นอาจดูเหมือนการแก้ไขปัญหาที่เกิดขึ้นผมยังไม่มั่นใจว่าพวกเขาจะถูกต้องและวิธีที่ดีที่สุดที่จะแก้ไขได้ หากมีวิธีใดที่ดีอื่น ๆ ของการแก้ไขมุมแหลมนี้กรุณาแจ้งให้เราทราบ

ทุกครั้งที่ฉันต้องทำ XSL: หาก XSL หรือ: เมื่อการทดสอบผมได้กลับไปที่หนังสืออ้างอิง ฉันไม่เคยดูเหมือนจะจำได้ คิดว่าจะมีมากขึ้นออกมีเช่นเดียวกับฉันที่ค่อนข้างจะชอบที่จะมีทั้งหมดของพวกเขาเป็นไปได้ที่เดียวพร้อมที่จะถูกเรียกเมื่อมีความจำเป็น

สำหรับผู้ที่มีใหม่ ... ไวยากรณ์สำหรับ XSL: IF

test="expression"> <xsl:if
<- เนื้อหา: แม่แบบ ->
</ xsl: if>

xsl: ถ้า / XSL: เมื่อคอลเลกชันทดสอบ
เงื่อนไขด้านล่างนี้มีทั้งหมดที่เรียบง่ายและอธิบายตนเอง ดังนั้นผมเชื่อว่ามันจะไม่ต้องอธิบายมาก

test="position()=last()-1"> <xsl:if
นี้ถ้าองค์ประกอบสุดท้าย แต่หนึ่งในรายการ!
</ xsl: if>

<xsl:if test="SALARY> 5000 ">
เงินเดือนของสมาชิกผู้นี้มากกว่าอาร์เอส 5000
</ xsl: if>

<xsl:if test="count(JOBS)> 3 ">
มีรายได้มากกว่า 3 ตำแหน่งงานในรายการนี​​้!
</ xsl: if>

<xsl:if test="(@DEPT ='SALES') หรือ (@JOINYEAR = '1997')">
คนนี้เป็นฝ่ายขายหรือปีของเขาจากการเข้าร่วมเป็น 1997
</ xsl: if>

test="EXPERIENCE"> <xsl:if
บุคคลนี้มี atleast องค์ประกอบหนึ่งสำหรับเด็กที่มีประสบการณ์
</ xsl: if>

test="@HOBBY"> <xsl:if
คนที่มีคุณลักษณะงานอดิเรก
</ xsl: if>

เงื่อนไขข้อความเดียวกันสามารถนำมาใช้สำหรับ XSL: เลือก / XSL: เมื่อเช่นกัน

xsl: เลือก

XSLT ของ xsl: คำแนะนำและเลือกเป็นคล้ายกับ xsl: ถ้า แต่มีความแตกต่างที่สำคัญบางประการดังนี้
•หนึ่ง xsl: องค์ประกอบเลือกสามารถทดสอบมากกว่าหนึ่งเงื่อนไขและเพิ่มโหนดที่แตกต่างกับต้นไม้ผลตามที่เงื่อนไขเป็นจริง
• xsl: เลือกองค์ประกอบสามารถมีแม่แบบเริ่มต้นที่จะเพิ่มต้นไม้ผลถ้าไม่มีเงื่อนไขเป็นจริง (เปรียบเทียบ xsl: ถ้าที่มีเทียบเท่าของสภาพ "อื่น" no.)
• xsl: เลือกองค์ประกอบมี subelements เฉพาะที่จำเป็นเพื่อให้การทำงานในขณะที่คุณสามารถวางองค์ประกอบดีขึ้นใด ๆ ที่คุณต้องการภายในของ XSL: หากองค์ประกอบ

<xsl:choose>
test="boolean-expression"> <xsl:when
สนใจสิ่งที่เมื่อ boolean นี้แสดงออกเป็น ture
</ xsl: เมื่อ>
<xsl:otherwise> ทำอย่างอื่น </ xsl: มิฉะนั้น>
</ xsl: เลือก>

ดีฉันต้องบอกว่าไม่ได้เช่นชิ้นส่วนที่มีประโยชน์จากวิทยาศาสตร์ แต่ถ้าคุณเป็นนักพัฒนาเว็บอาจมามีประโยชน์, สักวันหนึ่ง (หรือจะได้หรือไม่) ที่นี่ bookmarklet ขนาดเล็กที่ช่วยให้การแก้ไขหน้าเว็บสำหรับเว็บไซต์ใด ๆ คือ
และขออภัย! คุณสามารถบันทึกรายการในเครื่องท้องถิ่นของคุณเท่านั้น

javascript: document.body.contentEditable = 'true'; document.designMode = 'บน'; เป็นโมฆะ 0

กระทู้นี้อาจจะเป็นตัวอย่างที่ดีสำหรับวลี "ยายสอนเพื่อดูดไข่" ... สาเหตุนี้เป็นเรื่อง CSS ขั้นพื้นฐานเพียง แต่สำหรับผู้ที่ชอบหลงลืมฉันนี้อาจจะมีความสุขในการปลอมตัว ฉันเคยคิดว่า (ฉันจะหลวมงานของฉันสำหรับคำพูดนี้) มันเป็นเพียงที่เป็นไปได้ที่จะเก็บบางส่วนของเนื้อหาของหน้า HTML แบบคงที่ (ความหมายของมันยังคงอยู่ในตำแหน่งตามที่เป็นเมื่อเลื่อนหน้าต่าง), สมาร์ทโดยใช้สคริปต์บาง, การทำทุกทางวิทยาศาสตร์เหล่านั้น การคำนวณเพื่อหาตำแหน่งแบบไดนามิกดักเหตุการณ์ Window.scroll และการตั้งค่า timeouts ฯลฯ

ไม่เคยคิดว่ามันอาจเป็นง่ายๆเป็นแบบนี้ .... ที่นี่ใน CSS / HTML ด้านล่างฉันมีสี่บล็อกคงที่หนึ่งคง extrimities แต่ละหน้าบนขวาล่างและซ้าย ... จำเป็นที่จะพูด ... คุณสามารถเลือกคนใดคนหนึ่งหรือมากกว่าถ้าจำเป็นต้องเป็น ...

CSS
คง {display: block; ดัชนี z: 10.; color: # FFFFFF; ล้น-X: ซ่อน; ล้น-y: ซ่อน; ตำแหน่ง: ixed;
}
เนื้อหา # {margin: 0px 100px 150px 160px; border: 1px solid # e6e6e6}

# ห่อ-T {ชั้น: 0px; พื้นหลัง: # 33CC66; กว้าง: 100%; ความสูง: 55px;}

# ห่อ-l {ชั้น: 80px; พื้นหลัง: # FF9966; ความสูง: 300px; กว้าง: 150px; border: 2px solid # e6e6e6;}

# ห่อ b-{ด้านล่าง: 0px; พื้นหลัง: # 3333CC; กว้าง: 100%; ความสูง: 55px;}

# ห่อ-r {ชั้น: 80px; พื้นหลัง: # 6666FF; ความสูง: 300px; กว้าง: 140px; border: 2px solid # e6e6e6; ขวา: 0;}

HTML
id="contents"> <div คุณเนื้อหาของหน้าหลัก </ 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

หลายครั้งที่เรารู้สึกไม่จำเป็นต้องเขียน hacks specfic เบราว์เซอร์ (แม้ว่ามันจะไม่ใช่การปฏิบัติที่ดีเราพัฒนา UI ต้องรีสอร์ทเพื่อความชั่วร้ายดังกล่าวจนกว่าสงครามเบราว์เซอร์ที่ดีมาถึงการรบ) ก่อนหน้านี้ผมเคยกล่าวถึงในบทความนี้ สำหรับคุณ IEs เฉพาะ วิธีการเขียนโค้ด CSS ที่จะมองเห็นได้กับ IE เบราว์เซอร์ <IE7 เท่านั้น

เมื่อวานนี้ผมได้มีกรณีที่ผมอยากจะเขียนบางอย่าง FireFox เฉพาะ CSS ตัวอย่าง ดี! ผมไม่แน่ใจว่าถ้ามีรหัส CSS สำหรับการนี้ แต่มี HTML. มีการจับแม้ว่าชิ้นส่วนของ HTML ตรวจสอบ doesnot ผ่าน HTML นี้ แต่ anywaz! ถ้าคุณกำลังติดอยู่ไม่ดีหรือเป็นเช่นไม่มีความนับถือสำหรับการตรวจสอบ (บางครั้งเราจะต้องโหดร้าย), คุณสามารถใช้ต่อไปนี้การประกาศเชื่อมโยงไปยังสไตล์ FF เท่านั้นหรือแม้เพียงแค่รหัส CSS ภายในบล็อกนี้ รหัสคือ

<comment> ใส่ Firefox เท่านั้นของ HTM​​L / CSS / สคริปที่นี่ </ ข้อคิดเห็น>

ยกตัวอย่างเช่น
<comment>
<style>
/ * ลักษณะสำหรับ FF เท่านั้น * /
fieldset {border: 1px ของแข็ง # dddddd;}
</ style>
</ ข้อคิดเห็น>

I "m มีความสุขชั่วครู่ ...

นี่วิธีที่รวดเร็วของการขยายพื้นเมืองวัตถุ array JavaScript เพียงที่จะทำนั่นคือ ...

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 Trim มากเกินไป ...

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

เพลิดเพลินไปกับ ....