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

ฉันใช้ RequireJS และจำเป็นต้องเตรียมใช้งานบางอย่างบน DOM ให้พร้อม ตอนนี้ RequireJS มีdomReadyปลั๊กอินแต่เรามี jQuery อยู่แล้ว$(document).ready()ซึ่งมีให้สำหรับฉันเนื่องจากฉันต้องการ jQuery ดังนั้นฉันจึงมีสองทางเลือก: ใช้domReadyปลั๊กอิน: require(['domReady'], function (domReady) { domReady(function () { // Do my stuff here... }); }); ใช้$(document).ready(): $(document).ready(function() { // Do my stuff here... }); ฉันควรเลือกแบบใดและเพราะเหตุใด ตัวเลือกทั้งสองดูเหมือนจะทำงานตามที่คาดไว้ ฉันไม่มั่นใจในตัว jQuery เพราะ RequireJS กำลังใช้เวทมนตร์ นั่นคือเนื่องจาก RequireJS จะเพิ่มสคริปต์แบบไดนามิกฉันกังวลว่า DOM ready อาจเกิดขึ้นก่อนที่สคริปต์ที่ร้องขอแบบไดนามิกทั้งหมดจะโหลด ในขณะที่ …

100 javascript  jquery  html  requirejs  document-ready 

ตัวแปร strCSSClass มักมีค่า แต่บางครั้งก็ว่างเปล่า ฉันไม่ต้องการรวม class = "" ที่ว่างเปล่าไว้ใน HTML ขององค์ประกอบอินพุตนี้ซึ่งหมายความว่าถ้า strCSSClass ว่างเปล่าฉันไม่ต้องการแอตทริบิวต์ class = เลย ต่อไปนี้เป็นวิธีหนึ่งในการสร้างแอตทริบิวต์ HTML แบบมีเงื่อนไข: <input type="text" id="@strElementID" @(CSSClass.IsEmpty() ? "" : "class=" + strCSSClass) /> มีวิธีที่หรูหรากว่านี้หรือไม่? โดยเฉพาะอย่างยิ่งที่ฉันสามารถทำตามไวยากรณ์เดียวกันกับที่ใช้ในส่วนอื่น ๆ ขององค์ประกอบ: class = "@ strCSSClass"?

100 html  asp.net-mvc-3  razor 

ฉันต้องการสร้างปุ่มสลับใน html โดยใช้ css ฉันต้องการให้เมื่อคุณคลิกมันจะยังคงดันเข้าและกว่าที่คุณคลิกอีกครั้งมันจะปรากฏออกมา หากไม่มีวิธีทำเพียงแค่ใช้ css มีวิธีทำโดยใช้ jQuery หรือไม่?

100 jquery  html  css 

ฉันพยายามสร้างแบบอักษรใน div ที่ตอบสนองต่อหน้าต่างเบราว์เซอร์ จนถึงตอนนี้มันทำงานได้อย่างสมบูรณ์ แต่ div พาเรนต์มี a max-widthของ525px. การปรับขนาดเบราว์เซอร์เพิ่มเติมจะไม่ทำให้แบบอักษรหยุดปรับขนาด สิ่งนี้ทำให้ฉันสงสัยว่ามีสิ่งนั้นmin-font-sizeหรือmax-font-sizeและถ้าสิ่งนั้นไม่มีอยู่จริงหากมีวิธีที่จะบรรลุสิ่งที่คล้ายกัน ฉันคิดว่าการใช้เปอร์เซ็นต์font-sizeจะได้ผล แต่บิตของข้อความจะไม่ปรับขนาดตาม div ระดับบนสุด นี่คือสิ่งที่ฉันมี: CSS สำหรับ div พาเรนต์: .textField{ background-color:rgba(88, 88, 88, 0.33); width:40%; height:450px; min-width:200px; max-width:525px; z-index:2; } CSS สำหรับส่วนของข้อความที่เป็นปัญหา: .subText{ position:relative; top:-55px; left:15px; font-family:"news_gothic"; font-size:1.3vw; font-size-adjust:auto; width:90%; color:white; z-index:1; } ฉันค้นหาในอินเทอร์เน็ตมาระยะหนึ่งแล้ว แต่ก็ไม่มีประโยชน์

100 html  css  fonts  font-size 

เราสามารถใช้หลายแท็กในหน้าเดียวกันใน html5 ได้หรือไม่? ฉันได้อ่านนี้บทความเกี่ยวกับ Zeldman.com แต่ก็ไม่ได้ทั้งหมดชัดเจนกับผม กล่าวคือ <header><nav>links here</nav></header> <footer><nav>links here</nav></footer>

100 html 

ผมเขียนส่วนขยายของ Chrome ที่เกี่ยวข้องกับการทำมากของงานดังต่อไปนี้: ฆ่าเชื้อสตริงที่อาจมีแท็ก HTML โดยการแปลง<, >และ&เพื่อ<, >และ&ตามลำดับ (กล่าวอีกนัยหนึ่งก็เหมือนกับของ PHP htmlspecialchars(str, ENT_NOQUOTES)- ฉันไม่คิดว่าจะต้องมีการแปลงอักขระแบบ double-quote) นี่เป็นฟังก์ชั่นที่เร็วที่สุดที่ฉันเคยพบ: function safe_tags(str) { return str.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>') ; } แต่ยังคงมีความล่าช้าอย่างมากเมื่อฉันต้องวิ่งสองสามพันสายผ่านมันในครั้งเดียว ใครสามารถปรับปรุงเรื่องนี้ได้บ้าง? ส่วนใหญ่เป็นสตริงระหว่าง 10 ถึง 150 อักขระหากสิ่งนั้นสร้างความแตกต่าง (ความคิดหนึ่งที่ฉันมีคือไม่ต้องกังวลกับการเข้ารหัสเครื่องหมายที่ใหญ่กว่า - จะมีอันตรายจริงหรือไม่)

100 javascript  html  regex  performance  string 

html ของฉัน: <script type="text/javascript"> $(function() { $("#bt1").click(function() { var f = $("#form1"); var formData = f.serialize(); alert(formData); }); }); </script> <div id="div1"> <form id="form1" action="/Home/Test1" method="post" name="down"> <div id="div2"> <input id="input1" type="text" value="2" /> </div> </form> </div> <input type="submit" id="bt1" /> เมื่อฉันเริ่มเหตุการณ์คลิก formData ว่างเปล่า ฉันใช้ jQuery 1.4.2

100 jquery  html 

ฉันกำลังพยายามทำให้ภาพพอดีกับ div ขนาดที่กำหนด น่าเสียดายที่รูปภาพไม่เป็นไปตามสัดส่วนและแทนที่จะย่อขนาดให้เป็นขนาดที่ไม่ใหญ่พอ ฉันไม่แน่ใจว่าวิธีที่ดีที่สุดคือวิธีใดในการทำให้ภาพพอดีกับภายใน หากรหัสนี้ไม่เพียงพอฉันยินดีที่จะจัดหาเพิ่มเติมและฉันพร้อมที่จะแก้ไขข้อผิดพลาดอื่น ๆ ที่ฉันมองข้ามไป นี่คือ HTML <div class="span3 top1"> <div class="row"> <div class="span3 food1"> <img src="images/food1.jpg" alt=""> </div> </div> <div class="row"> <div class="span3 name1"> heres the name </div> </div> <div class="row"> <div class="span3 description1"> heres where i describe and say "read more" </div> </div> </div> CSS …

100 html  css  twitter-bootstrap 

ถ้าฉันมีรูปแบบเช่นนี้ <form action="/Car/Edit/17" id="myForm" method="post" name="myForm"> ... </form> ฉันจะส่งโดยไม่เปลี่ยนเส้นทางไปยังมุมมองอื่นโดย JavaScript / jQuery ได้อย่างไร ฉันอ่านคำตอบมากมายจาก Stack Overflow แต่ทั้งหมดนี้เปลี่ยนเส้นทางฉันไปยังมุมมองที่ส่งคืนโดยฟังก์ชัน POST

100 javascript  jquery  html  forms 

ฉันทำงานใน CMS ซึ่งอนุญาตให้ผู้ใช้ป้อนเนื้อหาได้ ปัญหาคือเมื่อเพิ่มสัญลักษณ์®อาจแสดงผลได้ไม่ดีในทุกเบราว์เซอร์ ฉันต้องการตั้งค่ารายการสัญลักษณ์ที่ต้องค้นหาจากนั้นแปลงเป็นเอนทิตี html ที่เกี่ยวข้อง ตัวอย่างเช่น ® => ® & => & © => © ™ =>™ หลังจากการแปลงจะต้องมีการรวม<sup>แท็กซึ่งทำให้เกิดสิ่งนี้: ® => <sup>®</sup> เนื่องจากจำเป็นต้องมีขนาดตัวอักษรและรูปแบบการขยายที่เฉพาะเจาะจง: sup { font-size: 0.6em; padding-top: 0.2em; } JavaScript จะเป็นแบบนี้หรือไม่? var regs = document.querySelectorAll('®'); for ( var i = 0, l = imgs.length; i < l; ++i …

100 javascript  html 

.container { width: 850px; padding: 0; display: table; margin-left: auto; margin-right: auto; } .row { display: table-row; margin-bottom: 30px; /* HERE */ } .home_1 { width: 64px; height: 64px; padding-right: 20px; margin-right: 10px; display: table-cell; } .home_2 { width: 350px; height: 64px; padding: 0px; vertical-align: middle; font-size: 150%; display: table-cell; …

100 html  css 

ฉันต้องการให้กลุ่มรูปภาพแสดงในแนวนอนทั่วทั้งหน้า แต่ละภาพมีลิงก์อยู่ด้านล่างดังนั้นฉันจึงต้องใส่คอนเทนเนอร์ไว้รอบ ๆ รูปภาพ / ลิงก์กลุ่มแต่ละรายการ สิ่งที่ใกล้เคียงที่สุดที่ฉันได้รับในสิ่งที่ฉันต้องการคือวางไว้ใน div ที่ลอย: ซ้าย ปัญหาคือฉันต้องการให้คอนเทนเนอร์จัดตำแหน่งกึ่งกลางไม่ให้ชิดซ้าย ฉันจะบรรลุเป้าหมายนี้ได้อย่างไร

100 html  css 

ฉันต้องการเรียกใช้ javascript ก่อนที่ทั้งหน้าจะโหลด เป็นไปได้หรือไม่ หรือโค้ดเริ่มทำงานบน</html>?

100 javascript  html 

ลูกค้าให้ฉันออกแบบซึ่งมีเมนู Select Option ที่มีช่องทำเครื่องหมายพร้อมกับชื่อรายการเป็นแต่ละรายการในรายการ เป็นไปได้หรือไม่ที่จะเพิ่มช่องทำเครื่องหมายในเมนู Select Option หมายเหตุ: นักพัฒนาต้องเพิ่ม id ของตัวเองเพื่อให้เมนูมีประสิทธิภาพฉันต้องการโค้ด HTML CSS เท่านั้นถ้าเป็นไปได้

100 javascript  html  css  html-select 

ฉันกำลังทำงานกับเว็บแอปพลิเคชัน ASP.net ฉันมีแบบฟอร์มที่มีปุ่มส่ง รหัสสำหรับปุ่มส่งมีลักษณะ<input type='submit' value='submit request' onclick='btnClick();'>ดังนี้ ฉันต้องการเขียนสิ่งต่อไปนี้: function btnClick() { if (!validData()) cancelFormSubmission(); } ฉันต้องทำอย่างไร

99 javascript  html  forms  html-input