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

11

URL สัมพันธ์กับหมายเลขพอร์ตอื่นในไฮเปอร์ลิงก์หรือไม่

มีวิธีที่ไม่มี Javascript / สคริปต์ฝั่งเซิร์ฟเวอร์เพื่อเชื่อมโยงไปยังหมายเลขพอร์ตอื่นในช่องเดียวกันหรือไม่หากฉันไม่ทราบชื่อโฮสต์ เช่น: <a href=":8080">Look at the other port</a> (ตัวอย่างนี้ใช้ไม่ได้เพราะจะถือว่า 8080 เป็นสตริงที่ฉันต้องการนำทางไป)

136 html

10

จัดแนวภาพภายใน div ด้วยความสูงที่ตอบสนองได้

ฉันมีรหัสต่อไปนี้ซึ่งตั้งค่าคอนเทนเนอร์ที่มีความสูงที่เปลี่ยนแปลงตามความกว้างเมื่อเบราว์เซอร์มีขนาดใหม่ (เพื่อรักษาอัตราส่วนภาพสี่เหลี่ยมจัตุรัส) HTML <div class="responsive-container"> <div class="dummy"></div> <div class="img-container"> <IMG HERE> </div> </div> CSS .responsive-container { position: relative; width: 100%; border: 1px solid black; } .dummy { padding-top: 100%; /* forces 1:1 aspect ratio */ } .img-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } ฉันจะจัดแนว …

135 html css responsive-design vertical-alignment

5

เทมเพลต Twitter Bootstrap 3 ความกว้าง 100%

ฉันเป็นมือใหม่ bootstrap และฉันมีเทมเพลตกว้าง 100% ที่ฉันต้องการเขียนโค้ดด้วย bootstrap คอลัมน์แรกเริ่มต้นที่มุมซ้ายและฉันมีแผนที่ Google ซึ่งทอดยาวไปทางขวาสุด ฉันคิดว่าฉันสามารถทำสิ่งนี้กับcontainer-fluidชั้นเรียนได้ แต่ดูเหมือนจะไม่มีอีกแล้ว ฉันไม่รู้ว่าจะทำอย่างไรให้ได้เลย์เอาต์นั้นด้วย bootstrap 3 ฉันใช้เทมเพลต Geometry PSD จาก themeforest ลิงก์ที่นี่หากคุณต้องการดูเค้าโครง: http://themeforest.net/item/geometry-design-for- ตำแหน่งทางภูมิศาสตร์สังคมเครือข่าย / 4752268

135 html css twitter-bootstrap layout twitter-bootstrap-3

9

jQuery: นับจำนวนองค์ประกอบรายการ?

ฉันมีรายการที่สร้างขึ้นจากโค้ดฝั่งเซิร์ฟเวอร์ก่อนที่จะเพิ่มสิ่งพิเศษลงไปด้วย jQuery ฉันต้องหาว่ามีกี่รายการอยู่แล้ว <ul id="mylist"> <li>Element 1</li> <li>Element 2</li> </ul>

135 jquery html

12

ตั้งค่าหลัก HTML5 ด้วย XSLT

ฉันจะทำอย่างไรหมดจดกำหนดประเภทเอกสารของไฟล์เป็น HTML5 ที่<!DOCTYPE html>ผ่าน XSLT (ในกรณีนี้กับcollective.xdv ) สิ่งต่อไปนี้ซึ่งเป็นสิ่งที่ดีที่สุดที่ Google foo ของฉันสามารถหาได้: <xsl:output method="html" doctype-public="XSLT-compat" omit-xml-declaration="yes" encoding="UTF-8" indent="yes" /> ผลิต: <!DOCTYPE html PUBLIC "XSLT-compat" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

135 html xslt doctype xhtml-transitional xdv

9

วิธีป้องกันไม่ให้ IFRAME เปลี่ยนเส้นทางหน้าต่างระดับบนสุด

บางเว็บไซต์มีรหัสที่จะ "หยุดออก" ของIFRAMEเปลือกซึ่งหมายความว่าถ้าหน้าAจะโหลดเป็นIFRAMEภายในเพจPบางจาวาสคริปต์ในการเปลี่ยนเส้นทางหน้าต่างนอกAA โดยทั่วไป Javascript นี้จะมีลักษณะดังนี้: <script type="text/javascript"> if (top.location.href != self.location.href) top.location.href = self.location.href; </script> คำถามของฉันคือในฐานะผู้เขียนเพจหลักPและไม่ได้เป็นผู้เขียนเพจด้านในAฉันจะป้องกันไม่ให้Aทำการแบ่งออกได้อย่างไร ปล. สำหรับฉันแล้วดูเหมือนว่ามันควรจะเป็นการละเมิดความปลอดภัยข้ามไซต์ แต่ก็ไม่ใช่

135 javascript html iframe

2

รับองค์ประกอบในตำแหน่งที่ระบุ - JavaScript

การใช้ Javascript ฉันจะระบุองค์ประกอบในตำแหน่งที่กำหนดได้อย่างไร โดยพื้นฐานแล้วฉันต้องการเขียนฟังก์ชันที่รับพารามิเตอร์อินพุตสองตัว (พิกัด x และ y) และส่งคืนองค์ประกอบ html ที่ตำแหน่งบนหน้าจอที่แสดงโดยพารามิเตอร์

135 javascript html dom

9

วิธีแทรกแถวในเนื้อหาตาราง HTML ใน JavaScript

ฉันมีตาราง HTML ที่มีส่วนหัวและส่วนท้าย: <table id="myTable"> <thead> <tr> <th>My Header</th> </tr> </thead> <tbody> <tr> <td>aaaaa</td> </tr> </tbody> <tfoot> <tr> <td>My footer</td> </tr> <tfoot> </table> ฉันกำลังพยายามเพิ่มแถวtbodyด้วยสิ่งต่อไปนี้: myTable.insertRow(myTable.rows.length - 1); แต่มีการเพิ่มแถวในtfootส่วนนี้ ฉันจะแทรกได้tbodyอย่างไร?

135 javascript html html-table insert row

21

การเล่นวิดีโออัตโนมัติไม่ทำงานในเบราว์เซอร์เดสก์ท็อป Safari และ Chrome

ฉันใช้เวลาค่อนข้างมากในการพยายามหาสาเหตุว่าทำไมวิดีโอถึงฝังตัวอยู่ที่นี่: <video height="256" loop autoplay muted controls id="vid"> <source type="video/mp4" src="video_file.mp4"></source> <source type="video/ogg" src="video_file.ogg"></source> </video> เริ่มเล่นโดยอัตโนมัติเมื่อโหลดเพจใน FireFox แต่ไม่สามารถเล่นอัตโนมัติในเบราว์เซอร์ที่ใช้ Webkit สิ่งนี้เกิดขึ้นในบางเพจแบบสุ่มเท่านั้น จนถึงตอนนี้ฉันไม่สามารถหาสาเหตุได้ ฉันสงสัยว่ามีแท็กที่ไม่ได้ปิดหรือ JS ขนาดใหญ่ที่สร้างโดย CMS editors

135 javascript html google-chrome safari webkit

16

วิธีทำให้ Bootstrap 4 การ์ดมีความสูงเท่ากันในคอลัมน์การ์ด?

ฉันใช้ Bootstrap 4 alpha 2 และใช้ประโยชน์จากการ์ด โดยเฉพาะอย่างยิ่งฉันกำลังทำงานกับตัวอย่างนี้ที่นำมาจากเอกสารอย่างเป็นทางการ ฉันจะทำให้การ์ดทั้งหมดมีความสูงเท่ากันได้อย่างไร? ตอนนี้ฉันคิดได้ทั้งหมดคือการตั้งค่ากฎ CSS ต่อไปนี้: .card { min-height: 200px; } แต่นั่นเป็นเพียงวิธีแก้ปัญหาแบบฮาร์ดโค้ดที่ใช้ไม่ได้กับเคสทั่วไป รหัสในมุมมองของฉันเหมือนกับรหัสในเอกสารคือ: <div class="card-columns"> <div class="card"> <img class="card-img-top" data-src="..." alt="Card image cap"> <div class="card-block"> <h4 class="card-title">Card title that wraps to a new line</h4> <p class="card-text">This is a longer card with supporting text below as …

135 html css twitter-bootstrap bootstrap-4 bootstrap-cards

2

รูปแบบการก่ออิฐ CSS เท่านั้น

ฉันจำเป็นต้องใช้รูปแบบการก่ออิฐค่อนข้างทำงาน อย่างไรก็ตามด้วยเหตุผลหลายประการฉันไม่ต้องการใช้ JavaScript เพื่อทำมัน พารามิเตอร์: องค์ประกอบทั้งหมดมีความกว้างเท่ากัน องค์ประกอบมีความสูงที่ไม่สามารถคำนวณฝั่งเซิร์ฟเวอร์ (รูปภาพพร้อมข้อความจำนวนมาก) ฉันสามารถอยู่กับคอลัมน์จำนวนคงที่ถ้าฉันต้อง มีวิธีการแก้ปัญหาที่น่ารำคาญนี้ที่ทำงานในเบราว์เซอร์ที่ทันสมัยคุณสมบัติcolumn-count ปัญหาของการแก้ปัญหานั้นก็คือการเรียงลำดับองค์ประกอบในคอลัมน์: ในขณะที่ฉันต้องการองค์ประกอบที่จะสั่งซื้อในแถวอย่างน้อยประมาณ: แนวทางที่ฉันได้ลองแล้วไม่ได้ผล: ทำรายการdisplay: inline-block: เปลืองพื้นที่แนวตั้ง ทำรายการfloat: left: ฮ่า ๆ ๆ ตอนนี้ฉันสามารถเปลี่ยนการเรนเดอร์ฝั่งเซิร์ฟเวอร์และเรียงลำดับรายการใหม่โดยหารจำนวนรายการด้วยจำนวนคอลัมน์ แต่มันซับซ้อนข้อผิดพลาดง่าย (ขึ้นอยู่กับวิธีที่เบราว์เซอร์ตัดสินใจแบ่งรายการเป็นคอลัมน์) ดังนั้นฉันต้องการ เพื่อหลีกเลี่ยงถ้าเป็นไปได้ มีเวทเฟล็กบ็อกซ์แบบใหม่ที่ทำให้สิ่งนี้เป็นไปได้หรือไม่?

134 html css flexbox css-grid

10

จะทำให้ IFrame ตอบสนองใน iOS Safari ได้อย่างไร

ปัญหาคือเมื่อคุณต้องใช้ IFrames เพื่อแทรกเนื้อหาลงในเว็บไซต์จากนั้นในโลกเว็บสมัยใหม่คาดว่า IFrame จะตอบสนองได้เช่นกัน ในทางทฤษฎีมันง่ายเพียงแค่ผู้ช่วยใช้<iframe width="100%"></iframe>หรือตั้งค่าความกว้างของ CSS iframe { width: 100%; }อย่างไรก็ตามในทางปฏิบัติมันไม่ได้ง่ายขนาดนั้น แต่ก็สามารถทำได้ หากiframeเนื้อหาตอบสนองอย่างสมบูรณ์และสามารถปรับขนาดได้เองโดยไม่มีแถบเลื่อนภายใน iOS Safari จะปรับขนาดiframeโดยไม่มีปัญหาใด ๆ หากคุณพิจารณารหัสต่อไปนี้: <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=9,10,11" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Iframe Isolation Test</title> <style type="text/css" rel="stylesheet"> #Main { padding: 10px; } </style> </head> <body> <h1>Iframe Isolation Test 13.17</h1> <div …

134 html css iframe

3

ช่องใส่มีป้ายกำกับสองป้ายได้ไหม

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

134 html forms labels

7

css overflow - มีข้อความเพียง 1 บรรทัด

ฉันมีdivสไตล์ css ต่อไปนี้: width:335px; float:left; overflow:hidden; padding-left:5px; เมื่อฉันแทรกdivข้อความยาวๆ เข้าไปในนั้นมันจะแตกเป็นบรรทัดใหม่และแสดงข้อความทั้งหมด สิ่งที่ฉันต้องการคือมีข้อความเพียงบรรทัดเดียวที่จะไม่แตกบรรทัด เมื่อข้อความยาวฉันต้องการให้ข้อความล้นนี้หายไป ฉันคิดจะตั้งความสูง แต่ดูเหมือนจะผิด บางทีถ้าฉันเพิ่มความสูงที่เหมือนกับฟอนต์มันควรจะใช้งานได้และไม่ก่อให้เกิดปัญหาในเบราว์เซอร์อื่น? ฉันจะทำเช่นนั้นได้อย่างไร?

134 html css overflow

13

การวางตำแหน่งองค์ประกอบ <div> ตรงกลางหน้าจอ

ฉันต้องการจัดตำแหน่งองค์ประกอบ<div>(หรือ a <table>) ที่กึ่งกลางของหน้าจอโดยไม่คำนึงถึงขนาดหน้าจอ กล่าวอีกนัยหนึ่งช่องว่างด้านซ้ายบน "ด้านบน" และ "ด้านล่าง" ควรเท่ากันและช่องว่างด้านซ้ายบนด้านขวาและด้านซ้ายควรเท่ากัน ฉันต้องการทำสิ่งนี้ให้สำเร็จด้วย CSS เท่านั้น ฉันได้ลองทำสิ่งต่อไปนี้แล้ว แต่ใช้งานไม่ได้: <body> <div style="top:0px; border:1px solid red;"> <table border="1" align="center"> <tr height="100%"> <td height="100%" width="100%" valign="middle" align="center"> We are launching soon! </td> </tr> </table> </div> </body> หมายเหตุ: เป็นวิธีที่ดีหาก<div>องค์ประกอบ (หรือ<table>) เลื่อนไปพร้อมกับเว็บไซต์หรือไม่ เพียงต้องการให้อยู่กึ่งกลางเมื่อหน้าโหลด

134 javascript css html

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