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

ฉันกำลังพยายามรับข้อความในกล่องข้อความตามที่ผู้ใช้พิมพ์ ( jsfiddle playground ): function edValueKeyPress() { var edValue = document.getElementById("edValue"); var s = edValue.value; var lblValue = document.getElementById("lblValue"); lblValue.innerText = "The text box contains: " + s; //var s = $("#edValue").val(); //$("#lblValue").text(s); } <input id="edValue" type="text" onKeyPress="edValueKeyPress()"><br> <span id="lblValue">The text box contains: </span> เรียกใช้ข้อมูลโค้ดHide resultsขยายข้อมูลโค้ด รหัสทำงานโดยไม่มีข้อผิดพลาดยกเว้นว่าค่าของinput textกล่องระหว่างonKeyPressจะเป็นค่าก่อนการเปลี่ยนแปลงเสมอ: คำถาม …

87 javascript  html  input  onkeypress 

มีวิธีปรับขนาดความกว้างของ<input type="text">ความกว้างของค่าจริงหรือไม่? input { display: block; margin: 20px; width: auto; } <input type="text" value="I've had enough of these damn snakes, on this damn plane!" /> <input type="text" value="me too" /> เรียกใช้ข้อมูลโค้ดHide resultsขยายข้อมูลโค้ด

87 jquery  html  css 

ฉันมีปัญหากับ Visual Studio Code ที่ติดตั้งใหม่บน Windows 7 บน Mac ตัวแก้ไขจะปิดแท็ก html โดยอัตโนมัติ แต่ใน Win7 ของฉันไม่ได้ ฉันคิดว่าจะต้องมีตัวเลือกบางอย่างในการเปิดใช้งาน แต่ฉันหาไม่พบ ฉันกำลังพูดถึงเมื่อเช่น การเขียน<htmlintelliSense จะปรากฏขึ้นและคุณคลิก Enter โดยปกติจะทำให้</html>เหมืองไม่ทำงานโดยอัตโนมัติ (ใน IntelliSense ปรากฏขึ้น แต่เมื่อคุณเลือกหนึ่งในตัวเลือกก็ไม่ได้ใกล้อัตโนมัติแท็ก: <h1> -> </h1>)

87 html  intellisense  visual-studio-code 

ฉันต้องการตัดข้อความภายในสองบรรทัดภายใน div ของความกว้างที่ระบุเท่านั้น หากข้อความเกินความยาวสองบรรทัดฉันต้องการแสดงเอลิปส์ มีวิธีทำโดยใช้ CSS หรือไม่? เช่น Sample text showing wrapping of text in only two line... ขอบคุณ

87 html  css 

ฉันต้องการ จำกัด เบราว์เซอร์เป็นไฟล์ JPG เมื่อฉันคลิกที่ปุ่มเรียกดูของไฟล์ <input type="file"> . สามารถเรียกดูไฟล์บางประเภทได้หรือไม่?

87 javascript  html 

ฉันกำลังพยายามเปลี่ยน innerHTML ของหน้าให้กลายเป็น innerHTML ขององค์ประกอบที่ฉันคลิกปัญหาเดียวคือฉันต้องการให้มันใช้องค์ประกอบทั้งหมดเช่น: <section class="homeItem" data-detail="{"ID":"8","Name":"MacBook Air","Description":"2015 MacBook A…"20","Price":"899","Photo":"Images/Products/macbookAir.png"}"></section> ในขณะที่รหัสที่ฉันเขียนด้วยจาวาสคริปต์: function selectedProduct(event){ target = event.target; element = document.getElementById("test"); element.innerHTML = target.innerHTML; } จะกำหนดเป้าหมายองค์ประกอบเฉพาะที่ฉันคลิก สิ่งที่ฉันต้องการบรรลุคือเมื่อฉันคลิกที่ใดก็ได้ใน<section>องค์ประกอบนั้นจะใช้ innerHTML ขององค์ประกอบทั้งหมดแทนที่จะเป็นองค์ประกอบเฉพาะที่ฉันคลิก ฉันคิดว่ามันเป็นสิ่งที่เกี่ยวข้องกับการเลือกองค์ประกอบหลักขององค์ประกอบที่ถูกคลิก แต่ฉันไม่แน่ใจและไม่พบสิ่งใดทางออนไลน์ ถ้าเป็นไปได้ฉันอยากอยู่ห่างจาก JQuery

87 javascript  html 

ใน "PRODUCTS" ให้คลิกฉันเลื่อน div สีขาวขึ้น (ตามที่เห็นในเอกสารแนบ) เมื่อตอบสนอง (มือถือและแท็บเล็ต) ฉันต้องการปิดแถบนำทางที่ตอบสนองโดยอัตโนมัติและแสดงเฉพาะแถบสีขาวเท่านั้น ฉันเหนื่อย: $('.btn-navbar').click(); ยังพยายาม: $('.nav-collapse').toggle(); และมันได้ผล อย่างไรก็ตามในขนาดเดสก์ท็อปมันถูกเรียกและทำอะไรบางอย่างกับเมนูที่ดูขี้ขลาดซึ่งมันจะหดตัวลงหนึ่งวินาที ความคิดใด ๆ ?

86 javascript  html  css  twitter-bootstrap 

ฉันใช้ glyphicons ใน bootstrap 2.3 แล้ว แต่ตอนนี้ฉันได้อัปเกรดเป็น bootstrap 3.0 แล้ว ตอนนี้ฉันไม่สามารถใช้คุณสมบัติไอคอนได้ ใน bootstrap 2.3 แท็กด้านล่างใช้งานได้ <i class="icon-search"></i> ใน bootstrap 3.0 มันไม่ทำงาน

86 html  css  twitter-bootstrap-3 

ฉันแค่สงสัยว่าคุณคิดอย่างไรเกี่ยวกับ DIV-tag ใน FORM-tag? ฉันต้องการสิ่งนี้: <form> <input type="text"/> <div> some </div> <div> another </div> <input type="text" /> </form> การใช้งานDIVด้านในโดยทั่วไปFORMหรือฉันต้องการอะไรที่แตกต่างออกไป?

86 html  semantic-markup 

วันนี้ฉันอัปเกรดปลั๊กอิน jQuery ทั้งหมดด้วย jQuery 1.9.1 และฉันเริ่มใช้คำแนะนำเครื่องมือ jQueryUI กับ jquery.ui.1.10.2 ทุกอย่างดี แต่เมื่อฉันใช้แท็ก HTML ในเนื้อหา (ในtitleแอตทริบิวต์ขององค์ประกอบที่ฉันใช้คำแนะนำเครื่องมือ) ฉันสังเกตเห็นว่าไม่รองรับ HTML นี่คือภาพหน้าจอของคำแนะนำเครื่องมือของฉัน: ฉันจะทำให้เนื้อหา HTML ทำงานกับคำแนะนำเครื่องมือ jQueryUI ใน 1.10.2 ได้อย่างไร

86 jquery  html  jquery-ui  jquery-ui-tooltip 

ฉันอัปเกรด Google Chrome เป็นVersion 64.0.3282.140 (Official Build) (64-bit)บนเครื่อง Windows 10 เมื่อฉันทำแล้วฉันได้รับข้อผิดพลาดนี้ในไซต์ของฉันภายในคอนโซลเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ ไม่แน่ใจว่าจะเริ่มจากตรงไหน ฉันพบปัญหาที่คล้ายกันเมื่อปีที่แล้วซึ่งเป็นปัญหากับ youtube (เช่นใน url) แต่ฉันไม่เห็นวิธีแก้ไขใด ๆ Error parsing header X-XSS-Protection: 1; mode=block; report=https://www.google.com/appserve/security-bugs/log/youtube: insecure reporting URL for secure page at character position 22. The default protections will be applied. 16:07:31.905 ฉันยังพบปัญหาเมื่อฉันไปที่ youtube โดยตรงผ่าน url ที่ฝังไว้ดังนั้นจึงไม่ใช่แค่ในไซต์ของฉัน อัปเดต ฉันได้แนบรูปภาพของส่วนหัวในการตอบกลับซึ่งระบุว่า URL …

86 javascript  html  google-chrome  youtube  youtube-api 

ตกลงดังนั้นฉันต้องการส่งอาร์เรย์พื้นฐานไปยังฝั่งเซิร์ฟเวอร์ jquery data attrubute ดังนี้: <div data-stuff="['a','b','c']"></div> แล้วถอยออกมาดังนี้: var stuff = $('div').data('stuff'); alert(stuff[0]); เหตุใดสิ่งนี้จึงปรากฏขึ้นเพื่อแจ้งเตือน "[" และไม่ใช่ "a" (ดูลิงก์ JSfiddle) ลิงค์ JSFiddle: http://jsfiddle.net/ktw4v/3/

86 javascript  jquery  html  json 

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิด6 เดือนที่แล้ว . ปรับปรุงคำถามนี้ ฉันมักจะสะดุดกับคำถามนี้ (คำถามค่อนข้างง่าย) เมื่อสร้างเช่นบล็อก Wordpress ฉันควรตัดพาดหัวซึ่งควรเป็นลิงก์ใน<a>องค์ประกอบจุดยึดหรือควรเป็นวิธีอื่น และทำไม? (1) : <a href="foo"> <h1>bar</h1> </a> (2) : <h1> <a href="foo">bar</a> </h1> ฉันมักจะทำตาม(1)เสมอเนื่องจากดูเหมือนว่ามีเหตุผลมากขึ้นสำหรับฉันที่พาดหัวถูกห่อด้วยลิงก์ มันสร้างความแตกต่างในเช่น SEO หรือไม่? จะสะท้อนการจัดอันดับ SEO หรือไม่?

86 html  hyperlink  seo  semantics 

วิธีใช้เส้นขอบที่ใส่เข้าไปในองค์ประกอบ HTML แต่เพียงแค่ด้านเดียวเท่านั้น จนถึงตอนนี้ฉันใช้รูปภาพเพื่อทำสิ่งนั้น (GIF / PNG) ซึ่งฉันจะใช้เป็นพื้นหลังและยืดมัน (repeat-x) และวางตำแหน่งห่างจากด้านบนของบล็อกเล็กน้อย เมื่อเร็ว ๆ นี้ฉันได้ค้นพบคุณสมบัติ CSS เค้าร่างซึ่งเยี่ยมมาก! แต่ดูเหมือนจะวนไปทั้งบล็อก ... อาจเป็นไปได้ไหมที่จะใช้คุณสมบัติโครงร่างนี้เพื่อทำบนเส้นขอบเพียงเส้นเดียว? นอกจากนี้หากไม่มีคุณมีเคล็ดลับ CSS ที่สามารถแทนที่ภาพพื้นหลังได้หรือไม่? (เพื่อให้ฉันสามารถปรับแต่งสีของโครงร่างในภายหลังโดยใช้ CSS ฯลฯ ) ขอบคุณล่วงหน้า! นี่คือภาพของสิ่งที่พยายามบรรลุ: http://exiledesigns.com/stack.jpg

86 html  css 

มีคนยืนยันได้หรือไม่ว่าไม่สามารถเปลี่ยนความสูงของรายการแบบเลื่อนลงที่แสดงเมื่อคุณคลิกที่ช่องเลือก แอตทริบิวต์ขนาดของการเลือกทำให้ดูเหมือนรายการแอตทริบิวต์ความสูงใน CSS ไม่ได้ผลดีเช่นกัน

86 html  html-select