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

ฉันจะปรับขนาด iframe จากโดเมนอื่นได้อย่างไร - แก้ไข เลื่อนลงเพื่อดูวิธีแก้ปัญหา .. หรืออ่านวิธีการไม่ทำสิ่งนี้ หลังจากแฮ็กโค้ดหลายชั่วโมงข้อสรุปก็คือไม่สามารถเข้าถึงสิ่งใด ๆ ภายใน iframe ได้แม้แต่แถบเลื่อนที่แสดงผลบนโดเมนของฉัน ฉันได้ลองใช้เทคนิคมากมายแล้วก็ไม่เกิดประโยชน์ เพื่อช่วยคุณประหยัดเวลาอย่าแม้แต่ไปตามเส้นทางนี้เพียงแค่ใช้ sendMessages สำหรับการสื่อสารข้ามโดเมน มีปลั๊กอินสำหรับ HTML <5 ที่ฉันใช้ - ไปที่ด้านล่างเพื่อดูตัวอย่างที่ดี :) ไม่กี่วันที่ผ่านมาฉันพยายามรวม iframe เข้ากับไซต์ นี่เป็นวิธีแก้ปัญหาระยะสั้นในขณะที่อีกด้านหนึ่งพัฒนาและ API (อาจใช้เวลาหลายเดือน ... ) และเนื่องจากนี่เป็นวิธีการแก้ปัญหาระยะสั้นที่เราต้องการใช้ easyXDM - ฉันสามารถเข้าถึงโดเมนอื่นได้ แต่ก็ยากพอที่จะขอให้พวกเขา เพิ่ม p3p header ตามที่เป็น ..... 3 iframe ทางออกที่ใกล้เคียงที่สุดที่ฉันพบคือ 3 iframes - แต่มันเป็นไปในแง่ของ Chrome …

85 javascript  html  css  iframe  cross-domain 

ฉันจะเข้ารหัสอักขระพิเศษในหน้าเว็บได้อย่างไร? ตัวอย่างเช่นฉันต้องการสัญลักษณ์นี้℃ซึ่งฉันใช้เพียงแค่คัดลอกและวางอักขระตามที่ฉันเห็นในตอนนี้ สิ่งนี้ใช้ได้กับเบราว์เซอร์เดสก์ท็อปที่ฉันตรวจสอบด้วยและบน iPad และ iPhone แต่ไม่มีอะไรปรากฏบน Blackberry ที่ฉันใช้ในการทดสอบ มีแนวทางปฏิบัติที่ดีที่สุดสำหรับสิ่งนี้หรือไม่? http://www.fileformat.info/info/unicode/char/2103/browsertest.htm

85 html  symbols 

ฉันสามารถแทนที่แอตทริบิวต์ maxlength ด้วยบางสิ่งใน CSS ได้หรือไม่ <input type='text' id="phone_extension" maxlength="4" />

85 html  css 

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

85 javascript  html  mobile-browser 

ด้วยซาฟารี iOS 11 เคอร์เซอร์ของกล่องข้อความอินพุตจะอยู่นอกช่องข้อความอินพุต เราไม่เข้าใจว่าเหตุใดจึงมีปัญหานี้ อย่างที่คุณเห็นกล่องข้อความที่เน้นของฉันคือการป้อนข้อความอีเมล แต่เคอร์เซอร์ของฉันอยู่ด้านนอก สิ่งนี้เกิดขึ้นกับ iOS 11 Safari เท่านั้น

85 html  ios  bootstrap-modal  mobile-safari  ios11 

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันสนใจที่จะเห็นอัลกอริทึมที่แตกต่างที่ดีซึ่งอาจเป็นใน Javascript สำหรับการแสดงผลความแตกต่างแบบเคียงข้างกันของหน้า HTML สองหน้า แนวคิดคือความแตกต่างจะแสดงความแตกต่างของHTML ที่แสดงผล เพื่อความชัดเจนฉันต้องการที่จะเห็นความแตกต่างแบบเคียงข้างกันเป็นผลลัพธ์ที่แสดงผล ดังนั้นถ้าฉันลบย่อหน้ามุมมองด้านข้างจะรู้ว่าต้องเว้นวรรคอย่างถูกต้อง @ จอชเป๊ะ. แม้ว่าอาจจะแสดงข้อความที่ถูกลบเป็นสีแดงหรือบางอย่าง แนวคิดก็คือถ้าฉันใช้โปรแกรมแก้ไขแบบ WYSIWYG สำหรับเนื้อหา HTML ของฉันฉันไม่ต้องการที่จะเปลี่ยนไปใช้ HTML เพื่อสร้างความแตกต่าง ฉันต้องการทำโดยใช้โปรแกรมแก้ไข WYSIWYG สองตัวเคียงข้างกัน หรืออย่างน้อยการแสดงผลก็แตกต่างกันไปในเรื่องที่เป็นมิตรกับผู้ใช้ปลายทาง

85 javascript  html  diff 

มีวิธีจำลองจอภาพ Retina บน Windows เพื่อทดสอบเว็บไซต์สำหรับจอแสดงผล HiDPI เช่น Retina หรือไม่? ฉันใช้ Windows บนจอภาพมาตรฐานขนาด 24 นิ้ว 1920x1080 เมื่อคืนที่ผ่านมาฉันตรวจสอบเว็บไซต์ของฉันใน Retina MacBook Pro 15 "ใหม่เอี่ยมของเพื่อนและกราฟิกดูเบลอไปหมด (แย่กว่า MacBook 15 นิ้วทั่วไป) ในขณะที่แบบอักษรเป็น สุดยอดและคมชัดทำให้โลโก้ดูแย่ลงเนื่องจากการเปรียบเทียบโดยตรง ฉันได้ทำตามบทช่วยสอนนี้เพื่อทำให้เว็บไซต์ของฉันพร้อมสำหรับ Retina: http://line25.com/tutorials/how-to-create-retina-graphics-for-your-web-designs ฉันใช้วิธี retina.js เนื่องจากฉันไม่มีภาพพื้นหลังเลย มีวิธีใดบ้างที่ฉันจะทดสอบว่าใช้งานได้จริงหรือไม่? เห็นได้ชัดว่าฉันสามารถขอให้เพื่อนใช้ Retina Notebook ของเขาได้ แต่นั่นไม่ใช่ขั้นตอนการทำงานที่เป็นไปได้สำหรับฉัน ฉันต้องการทดสอบเว็บไซต์สำหรับความเข้ากันได้ของ Retina ในสภาพแวดล้อมของฉันเองเป็นอย่างน้อย

85 html  css  retina-display  retina.js 

ฉันเห็น//somepage.com/resourceรูปแบบ url ตัวอย่างเช่น: <img src="//remotesite.com/image1.jpg" /> ประเด็นนี้ก็คือถ้าหน้าปัจจุบัน (หน้าที่กำหนดimgแท็ก) กำลังใช้httpคำขอไปยังไซต์ระยะไกลจะถูกส่งผ่าน http ถ้าเป็น https - เป็น https ซึ่งจะช่วยขจัดคำเตือนของเบราว์เซอร์เกี่ยวกับหน้าที่ไม่ได้เข้ารหัสอย่างสมบูรณ์ คำถามของฉันคือ - รูปแบบ URL นี้ปลอดภัยสำหรับทุกเบราว์เซอร์หรือไม่ และเป็นมาตรฐานหรือไม่?

85 html  http  url  web-applications  protocol-relative 

สำหรับรายการแบบเลื่อนลงนี้ใน HTML: <select id="countries"> <option value="1">Country</option> </select> ฉันต้องการเปิดรายการ (เช่นเดียวกับการคลิกซ้าย) เป็นไปได้ไหมโดยใช้ JavaScript (หรือเฉพาะ jQuery)

85 jquery  html  drop-down-menu 

เป็นไปได้ไหมที่จะรับพิกเซลค่า RGB ใต้เมาส์? มีตัวอย่างทั้งหมดนี้หรือไม่? นี่คือสิ่งที่ฉันมีจนถึงตอนนี้: function draw() { var ctx = document.getElementById('canvas').getContext('2d'); var img = new Image(); img.src = 'Your URL'; img.onload = function(){ ctx.drawImage(img,0,0); }; canvas.onmousemove = function(e) { var mouseX, mouseY; if(e.offsetX) { mouseX = e.offsetX; mouseY = e.offsetY; } else if(e.layerX) { mouseX = e.layerX; mouseY = …

85 javascript  html  jquery  canvas  getimagedata 

ฉันต้องการมีแถวของ div (เซลล์) ที่ไม่พันกันหากเบราว์เซอร์แคบเกินไป ฉันได้ค้นหา Stack แล้ว แต่ไม่พบคำตอบที่ใช้ได้สำหรับสิ่งที่ฉันคิดว่าควรเป็นคำถาม css ธรรมดา ๆ เซลล์มีการระบุความกว้าง อย่างไรก็ตามฉันไม่ต้องการระบุความกว้างของแถวความกว้างควรเป็นความกว้างของเซลล์ลูกโดยอัตโนมัติ หากวิวพอร์ตแคบเกินไปที่จะรองรับแถว div ควรล้นด้วยแถบเลื่อน โปรดให้คำตอบของคุณเป็นข้อมูลโค้ดที่ใช้งานได้เนื่องจากฉันได้ลองใช้วิธีแก้ปัญหามากมายที่ฉันเคยเห็นจากที่อื่น (เช่นระบุความกว้าง: 100% และดูเหมือนจะไม่ได้ผล) ฉันกำลังมองหาโซลูชัน HTML / CSS เท่านั้นไม่มี JavaScript .row { float: left; border: 1px solid yellow; width: 100%; overflow: auto; } .cell { float: left; border: 1px solid red; width: 200px; height: …

85 html  css-float  word-wrap 

ฉันกำลังมองหาเครื่องมือที่จะให้แหล่งที่มาที่ถูกสร้างขึ้นรวมถึงการเปลี่ยนแปลง DOM ที่ทำโดยคำขอของ AJAX สำหรับการป้อนข้อมูลลงในตัวตรวจสอบความถูกต้องของ W3 ฉันได้ลองทำตามวิธีต่อไปนี้แล้ว: แถบเครื่องมือนักพัฒนาเว็บ - สร้างแหล่งที่มาที่ไม่ถูกต้องตามประเภทเอกสาร (เช่นลบส่วนปิดแท็กด้วยตนเอง) สูญเสียส่วนหลักประเภทของหน้า Firebug - แก้ไขข้อบกพร่องที่อาจเกิดขึ้นในแหล่งที่มา (เช่นแท็กที่ไม่ปิด) นอกจากนี้ยังสูญเสียส่วนของแท็กประเภทหลักและแทรกคอนโซลซึ่งตัวเองเป็น HTML ที่ไม่ถูกต้อง แถบเครื่องมือสำหรับนักพัฒนา IE - สร้างซอร์สที่ไม่ถูกต้องตามประเภทเอกสาร (เช่นทำให้แท็กทั้งหมดเป็นตัวพิมพ์ใหญ่เทียบกับข้อมูลจำเพาะ XHTML) ไฮไลต์ + ดูแหล่งที่มาของการเลือก - บ่อยครั้งที่ยากที่จะรับทั้งหน้านอกจากนี้ยังไม่รวม doc-type มีโปรแกรมหรือส่วนเสริมใดบ้างที่จะให้แหล่งที่มาเวอร์ชันปัจจุบันที่แน่นอนโดยไม่ต้องแก้ไขหรือเปลี่ยนแปลงในทางใดทางหนึ่ง จนถึงตอนนี้ Firebug ดูเหมือนจะดีที่สุด แต่ฉันกังวลว่ามันอาจแก้ไขข้อผิดพลาดบางอย่างของฉันได้ วิธีการแก้ ปรากฎว่าไม่มีวิธีแก้ปัญหาที่แน่นอนสำหรับสิ่งที่ฉันต้องการตามที่จัสตินอธิบาย ทางออกที่ดีที่สุดคือการตรวจสอบแหล่งที่มาภายในคอนโซลของ Firebug แม้ว่าจะมีข้อผิดพลาดบางอย่างที่เกิดจาก Firebug ก็ตาม ฉันขอขอบคุณ Forgotten Semicolon ที่อธิบายว่าเหตุใด "View Generated Source" …

85 html  xhtml  firebug  w3c  web-developer-toolbar 

ทีมที่ฉันทำงานอยู่มีนิสัยชอบใช้<script>แท็กในตำแหน่งสุ่มในเนื้อหาของหน้า HTML ของเรา ตัวอย่างเช่น: <html> <head></head> <body> <div id="some-div"> <script type="text/javascript">//some javascript here</script> </div> </body> </html> ฉันไม่เคยเห็นสิ่งนี้มาก่อน ดูเหมือนว่าจะใช้ได้กับเบราว์เซอร์บางตัวที่ฉันได้ทดสอบ แต่เท่าที่ฉันทราบการวางแท็กสคริปต์ในตำแหน่งเช่นนี้ไม่ถูกต้อง ฉันผิดเหรอ? การที่เราวางแท็กสคริปต์ไว้ในแท็ก div เช่นนี้แย่แค่ไหน? มีปัญหาความเข้ากันได้ของเบราว์เซอร์ที่ฉันควรทราบหรือไม่?

85 javascript  html 

ฉันกำลังพยายามขี่คลื่น HTML5 แต่กำลังประสบปัญหาเล็กน้อย ก่อน HTML5 เรากำลังตรวจสอบขนาดไฟล์ด้วยแฟลช แต่ตอนนี้แนวโน้มคือการหลีกเลี่ยงการใช้แฟลชในเว็บแอป มีวิธีใดในการตรวจสอบขนาดไฟล์ในฝั่งไคลเอ็นต์โดยใช้ HTML5 หรือไม่?

85 javascript  html  file-upload 

ฉันมีคอนเทนเนอร์ div ที่มีค่าคงที่widthและheightด้วยoverflow: hidden. ฉันต้องการลอยแถวแนวนอน: div ด้านซ้ายภายในคอนเทนเนอร์นี้ ตัวหารที่ลอยไปทางซ้ายจะดันเข้าสู่ 'บรรทัด' ด้านล่างตามธรรมชาติหลังจากที่พวกเขาอ่านขอบเขตทางขวาของพาเรนต์ สิ่งนี้จะเกิดขึ้นแม้ว่าheightผู้ปกครองจะไม่อนุญาตก็ตาม นี่คือลักษณะที่ปรากฏ: ! [ผิด] [1] - ลบรูปภาพกระท่อมรูปภาพที่ถูกแทนที่ด้วยโฆษณา ฉันต้องการให้มีลักษณะอย่างไร: ! [ขวา] [2] - ลบรูปภาพกระท่อมที่ถูกแทนที่ด้วยโฆษณา หมายเหตุ: เอฟเฟกต์ที่ฉันต้องการสามารถทำได้โดยใช้องค์ประกอบแบบอินไลน์ & white-space: no-wrap(นั่นคือวิธีที่ฉันทำในภาพที่แสดง) อย่างไรก็ตามสิ่งนี้ไม่ดีสำหรับฉัน (ด้วยเหตุผลที่ยาวเกินไปที่จะอธิบายที่นี่) เนื่องจาก div ย่อยต้องเป็นองค์ประกอบระดับบล็อกแบบลอย

85 html  css  alignment