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

ฉันจะสร้างแท็ก div html ให้อยู่เหนือทุกสิ่งได้อย่างไร

110 html  css 

ฉันจะ จำกัด การป้อนข้อมูลไว้ในกล่องข้อความเพื่อให้รับเฉพาะตัวเลขและจุดทศนิยมได้อย่างไร

110 javascript  html 

ฉันพยายามมาสองสามวันแล้วเพื่อกำหนดค่าแกลเลอรีภาพขนาดย่อของฉันเพื่อให้ภาพทั้งหมดมีความสูงและความกว้างเท่ากัน อย่างไรก็ตามเมื่อฉันเปลี่ยนรหัส Css เป็น max-height: 150px; max-width: 200px; width: 120px; height: 120px; ฉันได้ภาพที่มีขนาดเท่ากันทั้งหมด แต่อัตราส่วนกว้างยาวทำให้ภาพเสียหาย ไม่มีวิธีปรับขนาดคอนเทนเนอร์รูปภาพและไม่ใช้รูปภาพแทนหรือไม่ ทำให้ฉันสามารถรักษาอัตราส่วน แต่ปรับขนาดภาพให้นิ่ง (ฉันไม่รังเกียจถ้าฉันตัดภาพบางส่วนออกไป) ขอบคุณล่วงหน้า!

110 html  css  gallery  lightbox 

มีแท็กใน HTML ที่จะแสดงเนื้อหาเมื่อเปิดใช้งาน JavaScript หรือไม่? ฉันรู้ว่า<noscript>ทำงานในทางตรงกันข้ามโดยแสดงเนื้อหา HTML เมื่อปิด JavaScript แต่ฉันต้องการแสดงแบบฟอร์มบนไซต์หากมี JavaScript เท่านั้นโดยบอกว่าเหตุใดจึงไม่สามารถใช้แบบฟอร์มได้หากไม่มี วิธีเดียวที่ฉันรู้วิธีทำคือใช้document.write();เมธอดในแท็กสคริปต์และดูเหมือนจะยุ่งเล็กน้อยสำหรับ HTML จำนวนมาก

110 javascript  html  noscript 

ฉันจะตรวจจับการคลิกภายนอกส่วนประกอบใน Angular ได้อย่างไร

110 html  events  angular  typescript 

ฉันมีปัญหาในการใช้เอฟเฟกต์เบลอใน div ภาพซ้อนทับแบบกึ่งโปร่งใส ฉันต้องการให้ทุกอย่างที่อยู่เบื้องหลัง div เบลอเช่นนี้: นี่คือ jsfiddle ที่ใช้ไม่ได้: http://jsfiddle.net/u2y2091z/ มีความคิดอย่างไรในการทำงานนี้? ฉันต้องการให้สิ่งนี้ไม่ซับซ้อนที่สุดเท่าที่จะเป็นไปได้และกำหนดให้เป็นข้ามเบราว์เซอร์ นี่คือ CSS ที่ฉันใช้: #overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background:black; background:rgba(0,0,0,0.8); filter:blur(4px); -o-filter:blur(4px); -ms-filter:blur(4px); -moz-filter:blur(4px); -webkit-filter:blur(4px); }

110 html  css  blur  css-filters 

ฉันพยายามที่จะหาเอกสารหรือตัวอย่างของการใช้ตัวบ่งชี้ความคืบหน้าในการอัปโหลดโดยใช้ดึงข้อมูล นี่เป็นข้อมูลอ้างอิงเดียวที่ฉันพบจนถึงตอนนี้ซึ่งระบุว่า: เหตุการณ์ความคืบหน้าเป็นคุณลักษณะระดับสูงที่จะไม่มาในการดึงข้อมูลในตอนนี้ คุณสามารถสร้างของคุณเองได้โดยดูที่Content-Lengthส่วนหัวและใช้สตรีมพาสทรูเพื่อตรวจสอบไบต์ที่ได้รับ ซึ่งหมายความว่าคุณสามารถจัดการอย่างชัดเจนโดยไม่ต้องมีการตอบสนองContent-Lengthที่แตกต่างกัน และแน่นอนว่าถึงแม้ว่าContent-Lengthมันจะเป็นเรื่องโกหกก็ตาม ด้วยสตรีมคุณสามารถจัดการกับคำโกหกเหล่านี้ได้ตามที่คุณต้องการ ฉันจะเขียน "สตรีมพาสเพื่อตรวจสอบไบต์" ที่ส่งไปได้อย่างไร ถ้ามันทำให้การเรียงลำดับของความแตกต่างใด ๆ ฉันพยายามที่จะทำเช่นนี้เพื่ออัปโหลดภาพพลังงานจากเบราว์เซอร์Cloudinary หมายเหตุ : ฉันไม่สนใจไลบรารี Cloudinary JSเนื่องจากขึ้นอยู่กับ jQuery และแอปของฉันไม่สนใจ ฉันสนใจเฉพาะในกระแสการประมวลผลที่จำเป็นในการทำเช่นนี้กับจาวาสคริปต์พื้นเมืองและ Github ของfetchpolyfill https://fetch.spec.whatwg.org/#fetch-api

110 javascript  html  fetch-api 

ฉันเห็นคนแนะนำว่าเมื่อใดก็ตามที่หนึ่งใช้ในการเชื่อมโยงเพื่อเปิดในหน้าต่างที่แตกต่างกันที่พวกเขาควรใส่target="_blank" rel="noopener noreferrer"ฉันสงสัยว่าสิ่งนี้จะป้องกันไม่ให้ฉันใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ใน Chrome ได้อย่างไรและลบแอตทริบิวต์ rel จากนั้นคลิกลิงค์ ... นั่นเป็นวิธีง่ายๆในการรักษาช่องโหว่หรือไม่?

110 html 

ฉันจะเรียกใช้ฟังก์ชันได้อย่างไรเมื่อหน้าต่างเบราว์เซอร์ปรับขนาดเสร็จแล้ว ฉันกำลังพยายามทำเช่นนั้น แต่กำลังมีปัญหา ฉันใช้ฟังก์ชันเหตุการณ์ JQuery Resize: $(window).resize(function() { ... // how to call only once the browser has FINISHED resizing? }); อย่างไรก็ตามฟังก์ชันนี้จะถูกเรียกใช้อย่างต่อเนื่องหากผู้ใช้ปรับขนาดหน้าต่างเบราว์เซอร์ด้วยตนเอง ซึ่งหมายความว่ามันอาจเรียกใช้ฟังก์ชันนี้หลายสิบครั้งในช่วงเวลาสั้น ๆ ฉันจะเรียกฟังก์ชั่นปรับขนาดเพียงครั้งเดียวได้อย่างไร (เมื่อปรับขนาดหน้าต่างเบราว์เซอร์เสร็จแล้ว) อัปเดต โดยไม่ต้องใช้ตัวแปรส่วนกลาง

109 javascript  jquery  html 

ในเว็บสมัยใหม่<form>จะมีการส่งองค์ประกอบHTML แล้วตีความโดยการเขียนสคริปต์ ไม่ว่าจะตีความโดยภาษาโปรแกรมฝั่งเซิร์ฟเวอร์ (โดยปกติคือ PHP) หรือตีความโดยสคริปต์ฝั่งไคลเอ็นต์ (JavaScript เกือบตลอดเวลา) แบบฟอร์มมีอยู่ในช่วงต้นทศวรรษที่ 90 ตอนนั้นพวกเขาตีความอย่างไร? จากบทความ Wikipedia นี้มีการส่งแบบฟอร์ม HTML ทางอีเมลในตอนนั้น แต่ก็ไม่น่าเชื่อถือ ทั้งหมดนี้มีหรือไม่? เหตุใด HTML จึงมีรูปแบบหากไม่มีประโยชน์โดยไม่ต้องเขียนสคริปต์ หรือเป็นสถานการณ์แบบไก่กับไข่?

109 html  forms 

ตามที่กล่าวไว้ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบถาม & ตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจก่อให้เกิดการถกเถียงโต้แย้งการสำรวจความคิดเห็นหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงได้และอาจเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อรับคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา ไลบรารี Javascript ใดที่คุณสามารถแนะนำสำหรับไวยากรณ์ที่เน้น <code> บล็อกใน HTML (โปรดขอคำแนะนำหนึ่งข้อต่อหนึ่งคำตอบ)

109 javascript  html  syntax  syntax-highlighting 

ฉันต้องการเพิ่มคุณสมบัติการออกแบบที่ตอบสนองให้กับเว็บแอปพลิเคชันของฉันโดยใช้ Twitter Bootstrap ฉันแค่ต้องการพฤติกรรมที่ตอบสนองฉันไม่สนใจตัวอักษรส่วนประกอบหรือสิ่งอื่นใดที่รวมอยู่ใน Bootstrap ฉันได้รับBootstrap เวอร์ชันที่กำหนดเองเพียงแค่เลือกระบบกริด อย่างไรก็ตามเมื่อฉันเพิ่ม CSS ที่สร้างขึ้นในแอปพลิเคชันของฉันสไตล์ทั้งหมดของฉันจะยุ่งเหยิง (ส่วนหัวลิงก์และอื่น ๆ ) เหตุใดจึงเกิดขึ้น ฉันจะรับ Bootstrap CSS ด้วยระบบกริดได้อย่างไร ฉันต้องการหลีกเลี่ยงการแก้ไขไฟล์ Bootstrap ด้วยตนเอง

109 html  css  twitter-bootstrap  responsive-design 

ฉันเพิ่งพบปัญหาแปลก ๆ ที่ปรากฏใน Safari 10 เท่านั้นฉันมีการ์ดเล่นภาพ svg ซึ่งบางครั้งก็หมุนโดยใช้transform:rotate(xdeg). การ์ดที่ฉันใช้มีรูปแบบบล็อกสีแดง เมื่อมันไม่หมุนหรือหมุนเป็นมุมฉากเช่น 90, 180, 270 ก็จะดูปกติ แต่มุมอื่น ๆ ที่ไม่ใช่พื้นหลังจะเปลี่ยนเป็นสีน้ำเงิน! ฉันเพิ่งได้รับรายงานเกี่ยวกับเรื่องนี้จากผู้ใช้คนหนึ่งของฉันและไม่เคยเห็นอะไรแปลก ๆ เบราว์เซอร์อื่น ๆ ทั้งหมดทำงานได้ตามปกติ Safari 9 ทำงานได้ตามปกติ ฉันเดาว่านี่เป็นเพียงข้อผิดพลาดแปลก ๆ ใน Safari 10 แต่มีความคิดเกี่ยวกับวิธีการแก้ไขหรือไม่ ฉันได้สร้าง repro ขั้นต่ำที่: https://jsfiddle.net/2zv4garu/1/

109 html  css  svg  safari 

ฉันมีตัวจัดการเหตุการณ์ต่อไปนี้สำหรับองค์ประกอบ html ของฉัน jQuery("#seek-bar").click(function(e){ var x = e.pageX - e.target.offsetLeft; alert(x); }); ฉันต้องการค้นหาตำแหน่งของเมาส์บนแถบค้นหา # เมื่อคลิก ฉันคิดว่ารหัสข้างต้นควรใช้งานได้ แต่ให้ผลลัพธ์ที่ไม่ถูกต้อง

109 javascript  jquery  html  css  jquery-ui 

ในแบบฟอร์มฉันมีช่องเลือกหนึ่งช่องและช่องป้อนข้อมูลสองช่อง องค์ประกอบเหล่านี้อยู่ในแนวตั้ง น่าเสียดายที่ฉันไม่สามารถรับความกว้างขององค์ประกอบเหล่านี้ได้เท่ากัน นี่คือรหัสของฉัน: <select name="name1" style="width:198px"> <option>value1</option> <option>value2</option> </select><br/> <input type="text" name="id1" style="width:193px"><br/> <input type="text" name="id2" style="width:193px"> ตัวอย่างข้างต้นความกว้างที่ดีที่สุดสำหรับองค์ประกอบที่เลือกคือ 198 หรือ 199 พิกเซล (แน่นอนว่าฉันลอง 193px แต่ความแตกต่างนั้นสำคัญมาก) ฉันคิดว่ามันขึ้นอยู่กับความละเอียดบนคอมพิวเตอร์และเบราว์เซอร์ต่างๆเนื่องจากองค์ประกอบเหล่านี้มีความกว้างไม่เท่ากัน (บางครั้งฉันคิดว่าความแตกต่างอยู่ที่ประมาณ 1 หรือ 2 พิกเซล) ฉันพยายามตั้งค่าองค์ประกอบเหล่านี้ในแถว div หรือตารางแล้ว แต่ก็ไม่ได้ผล ถาม: ฉันจะรับความกว้างขององค์ประกอบเหล่านี้เท่ากันได้อย่างไร

109 html  css  html-select  border-box