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

14

jquery ต่อท้ายไม่ทำงานกับองค์ประกอบ svg?

สมมติว่าสิ่งนี้: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("svg").append('<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>'); }); </script> </head> <body> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="200px" height="100px"> </svg> </body> ทำไมฉันไม่เห็นอะไรเลย

199 jquery html svg

20

รับข้อมูลฟอร์มใน ReactJS

ฉันมีรูปแบบที่เรียบง่ายในrenderฟังก์ชั่นของฉันเช่น: render : function() { return ( <form> <input type="text" name="email" placeholder="Email" /> <input type="password" name="password" placeholder="Password" /> <button type="button" onClick={this.handleLogin}>Login</button> </form> ); }, handleLogin: function() { //How to access email and password here ? } ฉันควรเขียนสิ่งใดในhandleLogin: function() { ... }การเข้าถึงEmailและPasswordฟิลด์

199 javascript html reactjs frontend

6

รูปแบบแบบอินไลน์ภายในแนวนอนในรูปแบบ bootstrap Twitter?

อะไรคือวิธีที่ดีที่สุดในการออกแบบฟอร์มที่มีลักษณะเช่นนี้ (โปรดดูลิงค์ด้านล่าง) ใน twitter bootstrap โดยไม่มีคลาสแบบโฮมเมด เป็นไปได้หรือไม่ที่จะตั้งค่า form-inline ภายในภายใน form-horizontal ดังตัวอย่างด้านล่าง:

199 html forms twitter-bootstrap

16

คุณจะเอาชนะข้อ จำกัด การซ้อนแบบฟอร์ม HTML ได้อย่างไร

ฉันรู้ว่า XHTML ไม่สนับสนุนแท็กแบบซ้อนและฉันได้อ่านคำตอบอื่น ๆ ที่นี่ใน Stack Overflow เกี่ยวกับเรื่องนี้แล้ว แต่ฉันยังไม่ได้หาวิธีแก้ปัญหาที่สง่างาม บางคนบอกว่าคุณไม่ต้องการมันและพวกเขาไม่สามารถคิดได้ว่าจะต้องมีสถานการณ์แบบนี้ โดยส่วนตัวแล้วฉันไม่สามารถนึกถึงสถานการณ์ที่ฉันไม่ต้องการได้ มาดูตัวอย่างง่ายๆ คุณกำลังสร้างแอพบล็อกและคุณมีแบบฟอร์มที่มีบางฟิลด์สำหรับสร้างโพสต์ใหม่และแถบเครื่องมือที่มี "การกระทำ" เช่น "บันทึก", "ลบ", "ยกเลิก" <form action="/post/dispatch/too_bad_the_action_url_is_in_the_form_tag_even_though_conceptually_every_submit_button_inside_it_may_need_to_post_to_a_diffent_distinct_url" method="post"> <input type="text" name="foo" />  <div id="toolbar"> <input type="submit" name="save" value="Save" /> <input type="submit" name="delete" value="Delete" /> <a href="/home/index">Cancel</a> </div> </form> วัตถุประสงค์ของเราคือการเขียนแบบฟอร์มในลักษณะที่ไม่ต้องใช้ JavaScriptเพียงแค่ใช้แบบฟอร์ม HTML …

199 html forms nested

8

จัดรูปแบบองค์ประกอบอินพุตเพื่อเติมความกว้างที่เหลือของคอนเทนเนอร์

สมมติว่าฉันมีตัวอย่าง HTML แบบนี้: <div style="width:300px;"> <label for="MyInput">label text</label> <input type="text" id="MyInput" /> </div> นี่ไม่ใช่รหัสที่แน่นอนของฉัน แต่สิ่งสำคัญคือมีป้ายกำกับและป้อนข้อความในบรรทัดเดียวกันในคอนเทนเนอร์ที่มีความกว้างคงที่ ฉันจะจัดรูปแบบอินพุตให้เติมความกว้างที่เหลือของภาชนะโดยไม่ต้องห่อและไม่ทราบขนาดของฉลากได้อย่างไร

199 html css

20

ฉันจะลบรูปแบบสีน้ำเงินของหมายเลขโทรศัพท์บน iPhone / iOS ได้อย่างไร

มีวิธีลบสีไฮเปอร์ลิงก์สีน้ำเงินเริ่มต้นจากหมายเลขโทรศัพท์เมื่อดูบน iPhone หรือไม่ ชอบที่จะเพิ่มแท็ก Mobile Safari หรือ CSS หรือไม่ ฉันมีสิ่งนี้ในจำนวนเท่านั้น: <p id="phone-text">Call us on <strong>+44 (0)20 7194 8000</strong></p> และไม่มีไฮเปอร์ลิงก์ แต่ iPhone ยังคงแสดงหมายเลขข้อความนี้เป็นการเชื่อมโยงหลายมิติ ฉันมีปัญหาการแสดงผลนี้ในบางเว็บไซต์ของฉัน แต่ไม่สามารถดูสาเหตุที่เกิดขึ้นได้ ฉันได้อ่านโพสต์นี้: หมายเลขการเรนเดอร์ HTML บนมือถือ แต่นั่นเป็นทางออกเดียวที่เป็นไปได้?

198 html ios css mobile-safari

3

HTML-parser บน Node.js [ปิด]

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ มีอะไรที่เหมือนกับnokogiriของรูบี้บน nodejs ไหม? ฉันหมายถึง HTML-parser ที่ใช้งานง่าย ฉันเห็นในโมดูล Node.js หน้าตัวแยกวิเคราะห์บางอย่าง แต่ฉันไม่สามารถหาสิ่งที่สวยและสดใหม่

198 html parsing node.js nokogiri

11

วิธีการผ่านพารามิเตอร์ใน onChange ของ html เลือก

ฉันเป็นสามเณรที่ JavaScript และ jQuery ฉันต้องการแสดงหนึ่ง combobox-A ซึ่งเป็น HTML ที่<select>มีการเลือกidและเนื้อหาที่สถานที่อื่น ๆ ใน onChange () ฉันจะส่งคอมโบบ็อกซ์ที่สมบูรณ์ได้อย่างไรด้วยการเลือก idอย่างไรและฉันจะส่งพารามิเตอร์อื่น ๆ ไปยังส่วนอื่นของเหตุการณ์ onChange ได้อย่างไร

198 javascript jquery html combobox onchange

8

ค้นหาช่องทำเครื่องหมายไม่ถูกตรวจสอบทั้งหมดใน jquery

ฉันมีรายการช่องทำเครื่องหมาย: <input type="checkbox" name="answer" id="id_1' value="1" /> <input type="checkbox" name="answer" id="id_2' value="2" /> ... <input type="checkbox" name="answer" id="id_n' value="n" /> ฉันสามารถรวบรวมค่าทั้งหมดของช่องทำเครื่องหมายที่เลือก คำถามของฉันคือฉันจะได้รับค่าทั้งหมดของช่องทำเครื่องหมายไม่ได้ทำเครื่องหมาย? ฉันเหนื่อย: $("input:unchecked").val(); เพื่อรับค่าช่องทำเครื่องหมายไม่ถูกตรวจสอบ แต่ฉันได้: ข้อผิดพลาดทางไวยากรณ์นิพจน์ที่ไม่รู้จัก: ไม่ถูกตรวจสอบ ใครสามารถทำให้กระจ่างเกี่ยวกับปัญหานี้? ขอบคุณ!

197 jquery html input checkbox

8

เหตุใด IE9 จึงเปลี่ยนเป็นโหมดความเข้ากันได้ในเว็บไซต์ของฉัน

ฉันเพิ่งติดตั้ง IE9 เบต้าและในบางเว็บไซต์ที่ฉันสร้างขึ้น (HTML5) IE9 ข้ามไปยังโหมดความเข้ากันได้เว้นแต่ว่าฉันจะไม่บอกด้วยตนเอง ฉันลองลบเว็บไซต์หลายส่วนแล้ว แต่ไม่มีการเปลี่ยนแปลง การรวมเอา CSS ทั้งหมดออก ในเว็บไซต์อื่น ๆ ของฉันมันก็ใช้ได้ นอกจากนี้อย่าตั้งค่าด้วยตนเองเพราะ IE9 จะจดจำการตั้งค่าของผู้ใช้และคุณไม่สามารถเปลี่ยนกลับเป็นอัตโนมัติได้ (หรืออย่างน้อยฉันก็ไม่พบวิธีแม้แต่ผ่านการเรียกดูแบบส่วนตัวและล้างแคช) อย่างไรก็ตาม. ไซต์ที่ข้ามไปยังโหมดความเข้ากันได้: http://alliancesatwar.com/guide/ เว็บไซต์ ที่แสดงผลถูกต้อง: http://geuze.name/basement/ (ฉันไม่สามารถโพสต์ลิงค์มากกว่า 1 รายการ) ทั้งใช้เหมือนกันdoctypeและทั้งหมด ไซต์เหล่านั้นมีจำนวนมากที่เหมือนกัน (นอกเหนือจากลักษณะที่ปรากฏ) โดยใช้เทมเพลตพื้นฐานเดียวกัน (การเข้ารหัสเมตาแท็กประเภทของ Doctype และจาวาสคริปต์เดียวกัน) มันจะดีถ้ามีใครตอบฉัน! เว็บไซต์ HTML5 ที่แสดงผลในโหมด IE7 นั้นค่อนข้าง ... lame

197 html css internet-explorer-9 compatibility-mode

8

วิธีการตัดข้อความของปุ่ม HTML ด้วยความกว้างคงที่?

ฉันเพิ่งสังเกตเห็นว่าถ้าคุณให้ความกว้างคงที่ของปุ่ม HTML ข้อความในปุ่มนั้นจะไม่ถูกพันทับ ฉันลองด้วยการตัดคำ แต่ตัดคำแม้ว่าจะมีช่องว่างที่จะห่อ ฉันจะทำให้ข้อความของปุ่ม HTML ด้วยการตัดความกว้างคงที่เช่นเดียวกับ tablecell ได้อย่างไร? <td class="category_column"> <input type="submit" name="ctl00$ContentPlaceHolder1$DataList1$ctl12$ProCat_NameButton" value="Roos Sturingen / Sensors" id="ctl00_ContentPlaceHolder1_DataList1_ctl12_ProCat_NameButton" class="outset" style="height:118px;width:200px;font-size:18px;color:#7F7F7F;width:200px;white-space:pre;" /> </td> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล คลาส CSS ไม่ได้ทำอะไรนอกจากการเพิ่มเส้นขอบและแก้ไขการเติมเต็ม ถ้าฉันเพิ่มword-wrap:break-wordปุ่มนี้มันจะปิดมันแบบนี้: Roos Sturingen / Sen sors และฉันไม่ต้องการให้มันตัดคำกลางคำถ้าเป็นไปได้ที่จะตัดมันออกระหว่างคำ

197 html css button word-wrap

10

ทางเลือกแทน iFrames ด้วย HTML5

ฉันต้องการทราบว่ามีทางเลือกอื่นสำหรับ iFrames ด้วย HTML5 หรือไม่ ฉันหมายความว่าสามารถฉีด HTML ข้ามโดเมนในหน้าเว็บได้โดยไม่ต้องใช้ iFrame

197 html iframe

6

เบราว์เซอร์ใดที่รองรับ <script async =“ async” />

เมื่อวันที่ 1 ธันวาคม 2009 Google ประกาศการสนับสนุนสำหรับตรงกันติดตามของ Google Analytics การติดตามแบบอะซิงโครนัสทำได้โดยใช้คำสั่ง async สำหรับ<script>แท็ก เบราว์เซอร์ใดที่สนับสนุนคำสั่ง async ( <script async="async" />) และตั้งแต่เวอร์ชันใด

196 javascript html performance asynchronous google-analytics

8

จะเปลี่ยน opacity (alpha, transparent) ขององค์ประกอบในองค์ประกอบ canvas ได้อย่างไร

เมื่อใช้<canvas>องค์ประกอบHTML5 ฉันต้องการโหลดไฟล์รูปภาพ (PNG, JPEG และอื่น ๆ ) วาดลงในผืนผ้าใบอย่างสมบูรณ์แล้วจางหายไปฉันได้คิดวิธีการโหลดรูปภาพและวาดลงใน ผืนผ้าใบ แต่ฉันไม่รู้วิธีเปลี่ยนความทึบเมื่อวาดแล้ว นี่คือรหัสที่ฉันมี: var canvas = document.getElementById('myCanvas'); if (canvas.getContext) { var c = canvas.getContext('2d'); c.globalAlpha = 0; var img = new Image(); img.onload = function() { c.drawImage(img, 0, 0); } img.src = 'image.jpg'; } ใครบางคนจะโปรดชี้ฉันในทิศทางที่ถูกต้องเช่นสถานที่ให้ตั้งหรือฟังก์ชั่นการโทรที่จะเปลี่ยนความทึบ?

196 html canvas transparency opacity alpha

30

วิธีที่มีประสิทธิภาพในการซ่อนอีเมลจากบ็อตสแปม

ในหน้าแรกของฉันฉันใช้วิธีนี้เพื่อซ่อนอีเมลของฉันจากบอทสแปม: <a href="admin [at] example.com" rel="nofollow" onclick="this.href='mailto:' + 'admin' + '@' + 'example.com'">Contact me</a> คุณคิดยังไงกับเรื่องนี้? มันมีประสิทธิภาพหรือไม่ คุณรู้จักหรือใช้วิธีการอื่นใด

196 html algorithm email spam

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