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

ฉันจะรับองค์ประกอบถัดไปใน HTML โดยใช้ JavaScript ได้อย่างไร สมมติว่าฉันมีสาม<div>วินาทีและฉันได้รับการอ้างอิงถึงหนึ่งในโค้ด JavaScript ฉันต้องการรับอันต่อไป<div>และอันไหนก่อนหน้านี้

107 javascript  html  dom 

ปิด. คำถามนี้เป็นคำถามปิดหัวข้อ ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน9 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันไม่แน่ใจมาตลอดว่าจะเริ่มจากจุดใดเพื่อเป็นแนวทางปฏิบัติที่ดีที่สุดทั่วไป ใช่ฉันรู้ว่ามันขึ้นอยู่กับการออกแบบของคุณ - แต่อะไรที่พบบ่อยที่สุด? นี่คือสิ่งที่ฉันมีในตอนนี้ในฐานะผู้เริ่มต้น: h1 { font-size: 24px;} h2 { font-size: 22px;} h3 { font-size: 18px;} h4 { font-size: 16px;} h5 { font-size: 12px;} h6 { font-size: 10px;} ใช่เราไม่ได้ใช้ EM ในงานปัจจุบันของฉัน ขอบคุณ

107 html  css  frontend 

ฉันสร้างเว็บไซต์ที่หากผู้ใช้คลิกมันจะส่งเสียง เพื่อป้องกันไม่ให้เสียงทับซ้อนกันฉันต้องเพิ่มรหัส: n.pause(); n.currentTime = 0; n.play(); แต่นั่นทำให้เกิดข้อผิดพลาด: The play() request was interrupted by a call to pause() จะเกิดขึ้นทุกครั้งที่เหตุการณ์เสียงถูกเรียกทันทีหลังจากทริกเกอร์อื่น เสียงยังคงเล่นได้ดี แต่ฉันต้องการป้องกันไม่ให้ข้อความแสดงข้อผิดพลาดนี้โผล่ขึ้นมาอย่างต่อเนื่อง ความคิดใด ๆ ?

107 javascript  html  google-chrome  audio 

ฉันพยายามดูผ่านเครื่องมือสำหรับนักพัฒนาของ Chrome ว่าคำแนะนำเครื่องมือมีโครงสร้างอย่างไรบนไซต์ อย่างไรก็ตามแม้ว่าฉันจะวางเมาส์เหนือรายการนั้น แต่เมื่อฉัน "ตรวจสอบองค์ประกอบ" ก็ไม่มีสิ่งใดแสดงสำหรับคำแนะนำเครื่องมือใน html ฉันรู้ว่าฉันสามารถตั้งค่ารูปแบบเป็น:hoverได้ แต่ฉันยังไม่เห็น html หรือ css ของคำแนะนำเครื่องมือ ความคิดใด ๆ ?

107 html  css  hover  google-chrome-devtools 

ฉันมีเครื่องมือแก้ไขพื้นฐานตามexecCommandตัวอย่างที่แนะนำที่นี่ มีสามวิธีในการวางข้อความภายในexecCommandพื้นที่: Ctrl+V คลิกขวา -> วาง คลิกขวา -> วางเป็นข้อความธรรมดา ฉันต้องการอนุญาตให้วางเฉพาะข้อความธรรมดาโดยไม่ต้องมาร์กอัป HTML ฉันจะบังคับให้สองการกระทำแรกวางข้อความธรรมดาได้อย่างไร วิธีแก้ไขที่เป็นไปได้:วิธีที่ฉันคิดได้คือการตั้งค่า Listener สำหรับเหตุการณ์การกดแป้นสำหรับ ( Ctrl+ V) และแถบแท็ก HTML ก่อนวาง เป็นทางออกที่ดีที่สุดหรือไม่? มันกันกระสุนเพื่อหลีกเลี่ยงมาร์กอัป HTML ใด ๆ ในการวางหรือไม่ วิธีเพิ่ม Listener ในคลิกขวา -> Paste?

107 javascript  html  dom-events  execcommand 

http://jsfiddle.net/S8g4E/ ฉันมีตู้คอนเทนเนอร์divกับลูกสองคน ลูกคนแรกมีส่วนสูงที่กำหนด ฉันจะทำให้ลูกคนที่สองครอบครอง "พื้นที่ว่าง" ของภาชนะdivโดยไม่ให้ความสูงเฉพาะได้อย่างไร ในตัวอย่างสีชมพูdivควรใช้พื้นที่สีขาวด้วย คล้ายกับคำถามนี้: ทำอย่างไรให้ div ครอบครองส่วนสูงที่เหลืออยู่? แต่ฉันไม่ต้องการที่จะให้ตำแหน่งที่แน่นอน

107 html  css  height  parent 

คุณบอกฉันได้ไหมว่ามีอะไรผิดปกติ: var formdata = new FormData(); formdata.append("key", "value"); console.log(formdata); ผลลัพธ์ของฉันเป็นแบบนี้ฉันไม่พบคู่ "คีย์" - "ค่า" ของฉัน FormData *__proto__: FormData **append: function append() { [native code] } ***arguments: null ***caller: null ***length: 0 ***name: "append" ***prototype: append ***__proto__: function Empty() {} *constructor: function FormData() { [native code] } **arguments: null **caller: null **length: …

107 javascript  html  form-data 

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

107 html  directory  hyperlink 

ฉันมีข้อมูลหยดในโครงสร้างนี้: Blob {type: "audio/wav", size: 655404, slice: function} size: 655404 type: "audio/wav" __proto__: Blob เป็นข้อมูลเสียงที่บันทึกโดยใช้ Chrome getUerMedia()และRecorder.jsล่าสุด ฉันจะอัปโหลดหยดนี้ไปยังเซิร์ฟเวอร์โดยใช้วิธีการโพสต์ของ jquery ได้อย่างไร ฉันได้ลองโดยไม่มีโชค: $.post('http://localhost/upload.php', { fname: "test.wav", data: soundBlob }, function(responseText) { console.log(responseText); });

107 javascript  jquery  html 

เมื่อ SVG รวมอยู่ในเอกสารโดยตรงโดยใช้<svg>แท็กคุณสามารถใช้สไตล์ CSS กับ SVG ผ่านสไตล์ชีทของเอกสาร อย่างไรก็ตามฉันกำลังพยายามใช้สไตล์กับ SVG ซึ่งฝังอยู่ (โดยใช้<object>แท็ก) เป็นไปได้ไหมที่จะใช้รหัสต่อไปนี้? object svg { fill: #fff; }

107 html  css  svg 

ฉันมีแอปพลิเคชันเว็บออฟไลน์โดยใช้ appcaching ฉันต้องให้ข้อมูลประมาณ 10MB - 20MB ที่จะบันทึก (ฝั่งไคลเอ็นต์) ซึ่งประกอบด้วยไฟล์ภาพ PNG เป็นหลัก การดำเนินการมีดังนี้: ดาวน์โหลดและติดตั้งแอปพลิเคชันบนเว็บใน appcache (ใช้รายการ) คำขอเว็บแอปจากไฟล์ข้อมูล PNG ของเซิร์ฟเวอร์ (อย่างไร - ดูทางเลือกอื่นด้านล่าง) บางครั้งเว็บแอปจะซิงค์กับเซิร์ฟเวอร์และทำการอัปเดต / ลบ / เพิ่มเติมบางส่วนในฐานข้อมูล PNG FYI: เซิร์ฟเวอร์เป็นเซิร์ฟเวอร์ JSON REST ที่สามารถวางไฟล์ใน wwwroot เพื่อรับได้ นี่คือการวิเคราะห์ "ฐานข้อมูล" แบบไคลเอ็นต์ในปัจจุบันของฉันที่จัดการพื้นที่จัดเก็บไบนารี Blob ดูอัปเดตที่ด้านล่าง AppCache (ผ่านรายการเพิ่ม PNG ทั้งหมดแล้วอัปเดตตามต้องการ) CON: การเปลี่ยนแปลงใด ๆ ของรายการฐานข้อมูล PNG จะหมายถึงการดาวน์โหลดรายการทั้งหมดในไฟล์ Manifest …

107 javascript  html  web-applications  indexeddb  leaflet 

ฉันได้รับการพยายามที่จะแยก HTML5 รหัสเพื่อให้สามารถตั้งค่าแอตทริบิวต์ / ค่าภายในรหัส แต่ดูเหมือนว่า DOMDocument (PHP5.3) ไม่สนับสนุนแท็กเช่นและ<nav><section> มีวิธีใดบ้างในการแยกวิเคราะห์สิ่งนี้เป็น HTML ใน PHP และจัดการโค้ด รหัสที่จะทำซ้ำ: <?php $dom = new DOMDocument(); $dom->loadHTML("<!DOCTYPE HTML> <html><head><title>test</title></head> <body> <nav> <ul> <li>first <li>second </ul> </nav> <section> ... </section> </body> </html>"); ข้อผิดพลาด คำเตือน: DOMDocument :: loadHTML (): แท็ก nav ไม่ถูกต้องในเอนทิตีบรรทัด: 4 ใน /home/wbkrnl/public_html/new-mvc/1.php ในบรรทัดที่ 17 คำเตือน: …

107 php  html  domdocument 

ฉันสร้างที่เก็บสำหรับโฮสต์บล็อกบน github มีวิธีใดบ้างที่ฉันสามารถสร้างเพิ่มเติมเพื่อโฮสต์หลาย ๆ บล็อกได้ฉัน จำกัด พื้นที่เก็บข้อมูลเพียงแห่งเดียวสำหรับการโฮสต์ (เนื่องจากusername.github.comสามารถใช้ได้เพียงครั้งเดียว)

107 html  github  github-pages 

ฉันมีตัวอย่างของ Html ที่เก็บไว้ในตาราง ไม่ใช่ทั้งหน้าไม่มีแท็กหรือสิ่งที่ชอบเป็นเพียงการจัดรูปแบบพื้นฐาน ฉันต้องการที่จะสามารถแสดง Html นั้นเป็นข้อความเท่านั้นไม่มีการจัดรูปแบบในหน้าที่กำหนด (จริงๆแล้วเป็นเพียงอักขระ 30-50 ตัวแรก แต่นั่นเป็นบิตที่ง่าย) ฉันจะวาง "ข้อความ" ภายใน Html นั้นให้เป็นสตริงเป็นข้อความตรงได้อย่างไร โค้ดชิ้นนี้ <b>Hello World.</b><br/><p><i>Is there anyone out there?</i><p> กลายเป็น: สวัสดีชาวโลก. มีใครอยู่ข้างนอกบ้าง?

107 c#  asp.net  html 

ฉันต้องการใช้แอปแบบเต็มความสูงโดยใช้ flexbox ฉันพบสิ่งที่ฉันต้องการโดยใช้โมดูลเลย์เอาต์ flexbox เก่า ( display: box;และสิ่งอื่น ๆ ) ในลิงค์นี้: แอพCSS3 Flexbox เต็มความสูงและโอเวอร์โฟลว์ นี่เป็นวิธีแก้ปัญหาที่ถูกต้องสำหรับเบราว์เซอร์ที่รองรับคุณสมบัติ Flexbox CSS เวอร์ชันเก่าเท่านั้น หากฉันต้องการลองใช้คุณสมบัติ flexbox ที่ใหม่กว่าฉันจะลองใช้วิธีที่สองในลิงค์เดียวกับที่ระบุว่าเป็นการแฮ็ก: โดยใช้คอนเทนเนอร์กับheight: 0px;. ทำให้แสดงการเลื่อนแนวตั้ง ฉันไม่ชอบมันมากนักเพราะมันแนะนำปัญหาอื่น ๆ และเป็นวิธีแก้ปัญหามากกว่าวิธีแก้ปัญหา html, body { height: 100%; } #container { display: flex; flex-direction: column; height: 100%; } #container article { flex: 1 1 auto; overflow-y: …

107 html  css  flexbox