การเขียนโปรแกรม html

12

<a target="_blank" data-rel="external" href="http://www.kidzout.com">www.kidzout.com</a> เฮ้ผู้เชี่ยวชาญฉันใช้ phonegap 2.9.0 และฉันใช้รหัสด้านบนเพื่อเปิดลิงค์ในเบราว์เซอร์ แต่เปิดขึ้นในแอพเดียวกัน ...... จะเปิดเบราว์เซอร์ซาฟารีได้อย่างไร? มันเปิดเว็บไซต์ในแอพเดียวกันจากนั้นฉันไม่สามารถกลับมาที่แอพได้ฉันจึงต้องลบแอพและติดตั้งอีกครั้ง .....

114 html cordova

8

jQuery text () และขึ้นบรรทัดใหม่

อยากได้ทักมา $(someElem).text('this\n has\n newlines); และแสดงผลด้วยบรรทัดใหม่ในเบราว์เซอร์ วิธีแก้ปัญหาเดียวที่ฉันพบคือการตั้งค่าคุณสมบัติ css 'white-space' เป็น 'pre' บน someElem เกือบจะได้ผล แต่ฉันก็มีช่องว่างระหว่างข้อความกับด้านบนของ someElem ขนาดใหญ่จนน่ารำคาญแม้ว่าฉันจะตั้งค่าช่องว่างภายในเป็น 0 มีวิธีกำจัดสิ่งนี้หรือไม่?

114 javascript jquery html

10

การจับแอตทริบิวต์ href ขององค์ประกอบ A

พยายามค้นหาลิงก์ในหน้า regex ของฉันคือ: /<a\s[^>]*href=(\"\'??)([^\"\' >]*?)[^>]*>(.*)<\/a>/ แต่ดูเหมือนจะล้มเหลวที่ <a title="this" href="that">what?</a> ฉันจะเปลี่ยน regex เพื่อจัดการกับ href ที่ไม่ได้วางไว้ก่อนในแท็กได้อย่างไร

114 php html dom

8

รักษาอัตราส่วนของภาพเมื่อเปลี่ยนความสูง

เมื่อใช้โมเดล CSS flex box ฉันจะบังคับให้รูปภาพคงอัตราส่วนได้อย่างไร JS Fiddle: http://jsfiddle.net/xLc2Le0k/2/ สังเกตว่ารูปภาพยืดหรือหดเพื่อให้เต็มความกว้างของคอนเทนเนอร์ ไม่เป็นไร แต่เราสามารถยืดหรือหดความสูงเพื่อรักษาสัดส่วนของภาพได้หรือไม่? HTML <div class="slider"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> </div> CSS .slider { display: flex; } .slider img { margin: 0 5px; }

114 html css flexbox

2

ตัวเลือก CSS โดยแอตทริบิวต์สไตล์อินไลน์

มีตัวเลือก CSS เพื่อเลือกองค์ประกอบนี้ตามค่าแอตทริบิวต์สไตล์อินไลน์หรือไม่ <div style='display:block'>...</div> สิ่งที่ต้องการ div[cssAttribute=cssValue]

114 html css css-selectors inline-styles

7

เหตุใด JavaScript ของฉันจึงไม่ทำงานใน JSFiddle

ฉันไม่สามารถหาสิ่งที่เป็นปัญหานี้JSFiddle HTML: <input type="button" value="test" onclick="test()"> JavaScript: function test(){alert("test");} และเมื่อฉันคลิกที่ปุ่ม - ไม่มีอะไรเกิดขึ้น คอนโซลแจ้งว่า "ไม่ได้กำหนดการทดสอบ" ฉันได้อ่านเอกสาร JSFiddle - มีการระบุว่ามีการเพิ่มโค้ด JS <head>และโค้ด HTML จะถูกเพิ่มเข้ามา<body>(ดังนั้นโค้ด JS นี้จึงเร็วกว่า html และควรใช้งานได้)

114 javascript html jsfiddle

5

วิธีจัดกึ่งกลาง div ในแนวนอนภายใน div หลัก

ฉันจะศูนย์วิธีdivแนวนอนภายในแม่divด้วยCSS? <div id='parent' style='width: 100%;'> <div id='child' style='width: 50px; height: 100px;'>Text</div> </div>

114 html css

8

ฉันควรใช้ <ul> s และ <li> s ใน <nav> s ของฉันหรือไม่?

ชื่อเรื่องนี้อธิบายได้ค่อนข้างดี ตอนนี้เรามี<nav>แท็กเฉพาะ นี่คือ: <nav> <ul> <li><a href="#foo">foo</a></li> <li><a href="#bar">bar</a></li> <li><a href="#baz">baz</a></li> </ul> </nav> ดีกว่าต่อไปนี้? <nav> <a href="#foo">foo</a> <a href="#bar">bar</a> <a href="#baz">baz</a> </nav> ฉันหมายถึงสมมติว่าฉันไม่ต้องการระดับ DOM เพิ่มเติมสำหรับการวางตำแหน่ง / ช่องว่างของ CSS วิธีที่ต้องการคืออะไรและเพราะเหตุใด

114 html html-lists nav

11

อักขระ Unicode เป็นสัญลักษณ์แสดงหัวข้อย่อยสำหรับรายการใน CSS

ฉันจำเป็นต้องใช้ตัวอย่างเช่นสัญลักษณ์รูปดาว (★) เป็นสัญลักษณ์แสดงหัวข้อย่อยสำหรับรายการ ฉันได้อ่านโมดูล CSS3: รายการที่อธิบายวิธีใช้ข้อความที่กำหนดเองเป็นสัญลักษณ์แสดงหัวข้อย่อย แต่ไม่ได้ผลสำหรับฉัน ฉันคิดว่าเบราว์เซอร์ไม่รองรับ::markerองค์ประกอบหลอก ฉันจะทำได้อย่างไรโดยไม่ต้องใช้ภาพ

114 html css html-lists

18

มีวิธีสร้างแท็ก html ของคุณเองใน HTML5 หรือไม่?

ฉันต้องการสร้างสิ่งที่ชอบ <menu> <lunch> <dish>aaa</dish> <dish>bbb</dish> </lunch> <dinner> <dish>ccc</dish> </dinner> </menu> สามารถทำได้ใน HTML5 หรือไม่? ฉันรู้ว่าฉันสามารถทำได้ด้วย <ul id="menu"> <li> <ul id="lunch"> <li class="dish">aaa</li> <li class="dish">bbb</li> </ul> </li> <li> <ul id="dinner"> <li class="dish">ccc</li> </ul> </li> </ul> แต่อ่านได้น้อยลงมาก :(

114 html

5

แผนภูมิ / กราฟเชิงโต้ตอบที่รวดเร็วและตอบสนอง: SVG, Canvas, อื่น ๆ ?

ฉันกำลังพยายามเลือกเทคโนโลยีที่เหมาะสมเพื่อใช้ในการอัปเดตโปรเจ็กต์ที่โดยทั่วไปแล้วจะแสดงจุดหลายพันจุดในกราฟที่สามารถซูมได้และสามารถเลื่อนได้ การใช้งานปัจจุบันโดยใช้ Protovis มีประสิทธิภาพต่ำ ตรวจสอบได้ที่นี่: http://www.planethunters.org/classify มีจุดประมาณ 2,000 จุดเมื่อซูมออกจนสุด ลองใช้ที่จับที่ด้านล่างเพื่อซูมเข้าเล็กน้อยแล้วลากเพื่อเลื่อนไปรอบ ๆ คุณจะเห็นว่ามันค่อนข้างขาด ๆ หาย ๆ และการใช้งาน CPU ของคุณอาจสูงถึง 100% ในหนึ่งคอร์เว้นแต่คุณจะมีคอมพิวเตอร์ที่เร็วมาก การเปลี่ยนพื้นที่โฟกัสแต่ละครั้งจะเรียกการวาดใหม่เป็นโปรโตวิสซึ่งค่อนข้างช้าและแย่กว่าเมื่อมีการดึงจุดมากขึ้น ฉันต้องการอัปเดตอินเทอร์เฟซบางอย่างรวมทั้งเปลี่ยนเทคโนโลยีการแสดงภาพที่เป็นพื้นฐานให้ตอบสนองกับภาพเคลื่อนไหวและการโต้ตอบมากขึ้น จากบทความต่อไปนี้ดูเหมือนว่าตัวเลือกจะอยู่ระหว่างไลบรารีที่ใช้ SVG อื่นหรือแบบผ้าใบ http://www.sitepoint.com/how-to-choose-between-canvas-and-svg/ d3.jsซึ่งงอกออกมาจาก Protovis เป็น SVG-based และควรจะเป็นดีกว่าที่การแสดงผลภาพเคลื่อนไหว อย่างไรก็ตามฉันสงสัยว่าจะดีขึ้นมากแค่ไหนและเพดานประสิทธิภาพของมันเป็นอย่างไร สำหรับเหตุผลที่ฉันยังพิจารณายกเครื่องสมบูรณ์มากขึ้นโดยใช้ห้องสมุดผ้าใบ-based เช่นKineticJS อย่างไรก็ตามก่อนที่ฉันจะใช้วิธีใดวิธีหนึ่งมากเกินไปฉันอยากได้ยินจากคนที่ทำเว็บแอปพลิเคชันที่คล้ายกันซึ่งมีข้อมูลจำนวนมากนี้และขอความเห็นจากพวกเขา สิ่งที่สำคัญที่สุดคือประสิทธิภาพโดยเน้นที่ความสะดวกในการเพิ่มคุณสมบัติการโต้ตอบอื่น ๆ และการเขียนโปรแกรมภาพเคลื่อนไหว อาจจะมีไม่เกิน 2,000 จุดในครั้งเดียวโดยมีแถบข้อผิดพลาดเล็ก ๆ ในแต่ละอัน การซูมเข้าออกและการเลื่อนไปมาจะต้องมีความราบรื่น หากไลบรารี SVG ล่าสุดเหมาะสมกับสิ่งนี้บางทีความสะดวกในการใช้ d3 จะมีมากกว่าการตั้งค่าที่เพิ่มขึ้นสำหรับ KineticJS …

114 html canvas svg d3.js kineticjs

3

ReactJS: การสร้างแบบจำลองการเลื่อนแบบไม่มีที่สิ้นสุดแบบสองทิศทาง

แอปพลิเคชันของเราใช้การเลื่อนแบบไม่มีที่สิ้นสุดเพื่อนำทางรายการที่แตกต่างกันจำนวนมาก มีริ้วรอยเล็กน้อย: เป็นเรื่องปกติที่ผู้ใช้ของเราจะมีรายการ 10,000 รายการและต้องเลื่อนดู 3k + สิ่งเหล่านี้เป็นรายการที่สมบูรณ์ดังนั้นเราจึงมีเพียงไม่กี่ร้อยรายการใน DOM ก่อนที่ประสิทธิภาพของเบราว์เซอร์จะไม่เป็นที่ยอมรับ รายการมีความสูงแตกต่างกัน รายการอาจมีรูปภาพและเราอนุญาตให้ผู้ใช้ข้ามไปยังวันที่ที่ระบุ นี่เป็นเรื่องยุ่งยากเนื่องจากผู้ใช้สามารถข้ามไปยังจุดหนึ่งในรายการที่เราต้องโหลดภาพเหนือวิวพอร์ตซึ่งจะดันเนื้อหาลงเมื่อโหลด ไม่สามารถจัดการได้นั่นหมายความว่าผู้ใช้อาจข้ามไปยังวันที่ แต่จะถูกเลื่อนไปเป็นวันที่ก่อนหน้านี้ โซลูชันที่เป็นที่รู้จักและไม่สมบูรณ์: ( react-infinite-scroll ) - นี่เป็นเพียงคอมโพเนนต์ "โหลดมากขึ้นเมื่อเรากดด้านล่าง" มันไม่ได้คัดแยก DOM ใด ๆ ออกไปดังนั้นมันจะตายในหลายพันรายการ ( ตำแหน่งการเลื่อนด้วยปฏิกิริยา ) - แสดงวิธีการจัดเก็บและเรียกคืนตำแหน่งการเลื่อนเมื่อใส่ที่ด้านบนหรือแทรกที่ด้านล่าง แต่ไม่ใช่ทั้งสองอย่างพร้อมกัน ฉันไม่ได้มองหาโค้ดสำหรับโซลูชันที่สมบูรณ์ (แม้ว่าจะดีมากก็ตาม) แต่ฉันกำลังมองหา "วิธีตอบสนอง" เพื่อจำลองสถานการณ์นี้ สถานะตำแหน่งเลื่อนหรือไม่? ฉันควรติดตามสถานะใดเพื่อรักษาตำแหน่งของฉันไว้ในรายการ ฉันต้องเก็บสถานะอะไรเพื่อที่จะทริกเกอร์การเรนเดอร์ใหม่เมื่อฉันเลื่อนไปใกล้ด้านล่างหรือด้านบนของสิ่งที่แสดงผล

114 javascript html infinite-scroll reactjs

10

การสร้างเนื้อหาอีเมล HTML ใน C #

มีวิธีที่ดีกว่าในการสร้างอีเมล HTML ใน C # (สำหรับการส่งผ่าน System.Net.Mail) มากกว่าการใช้ Stringbuilder เพื่อทำสิ่งต่อไปนี้: string userName = "John Doe"; StringBuilder mailBody = new StringBuilder(); mailBody.AppendFormat("<h1>Heading Here</h1>"); mailBody.AppendFormat("Dear {0}," userName); mailBody.AppendFormat("<br />"); mailBody.AppendFormat("<p>First part of the email body goes here</p>"); และอื่น ๆ และอื่น ๆ?

114 c# html email

7

การปรับขนาด HTML img

ฉันพยายามแสดงภาพขนาดใหญ่ด้วยแท็ก HTML img ในขณะที่พวกเขาออกจากขอบหน้าจอ ฉันจะปรับขนาดให้อยู่ในหน้าต่างเบราว์เซอร์ได้อย่างไร หรือในกรณีที่เป็นไปไม่ได้อย่างน้อยก็สามารถพูดว่า "แสดงภาพนี้ที่ 50% ของความกว้างและความสูงปกติ" ได้หรือไม่ แอตทริบิวต์ความกว้างและความสูงทำให้รูปภาพบิดเบี้ยว - เท่าที่ฉันสามารถบอกได้นั่นเป็นเพราะมันอ้างถึงแอตทริบิวต์ใดก็ตามที่คอนเทนเนอร์อาจลงเอยด้วยซึ่งจะไม่เกี่ยวข้องกับรูปภาพ ฉันไม่สามารถระบุพิกเซลได้เนื่องจากฉันต้องจัดการกับภาพจำนวนมากซึ่งแต่ละภาพมีขนาดพิกเซลต่างกัน ความกว้างสูงสุดไม่ทำงาน

114 html image-scaling

8

เปลี่ยนสีข้อความตามความสว่างของพื้นที่พื้นหลังที่ปกคลุม?

ฉันคิดเกี่ยวกับสิ่งต่อไปนี้มาระยะหนึ่งแล้วดังนั้นตอนนี้ฉันต้องการทราบความคิดเห็นของคุณวิธีแก้ปัญหาที่เป็นไปได้และอื่น ๆ ฉันกำลังมองหาปลั๊กอินหรือเทคนิคที่เปลี่ยนสีของข้อความหรือสลับระหว่างรูปภาพ / ไอคอนที่กำหนดไว้ล่วงหน้าขึ้นอยู่กับความสว่างเฉลี่ยของพิกเซลที่ครอบคลุมของภาพพื้นหลังหรือสีของผู้ปกครอง หากพื้นที่ปกคลุมของพื้นหลังค่อนข้างมืดให้ทำให้ข้อความเป็นสีขาวหรือเปลี่ยนไอคอน นอกจากนี้จะเป็นการดีมากหากสคริปต์จะสังเกตเห็นว่าพาเรนต์ไม่มีการกำหนดสีพื้นหลังหรือ - รูปภาพจากนั้นจึงค้นหาสิ่งที่ใกล้ที่สุดต่อไป (จากองค์ประกอบหลักถึงองค์ประกอบหลัก .. ) คุณคิดอย่างไรรู้เกี่ยวกับแนวคิดนี้หรือไม่? มีบางอย่างที่คล้ายกันอยู่แล้วหรือไม่? สคริปต์ตัวอย่าง? ไชโยเจ.

114 javascript jquery html css sass

คำถามติดแท็ก html