การเขียนโปรแกรม html

7

ฉันสับสนเล็กน้อยเกี่ยวกับวิธีรับดัชนีของตัวเลือกที่เลือกจาก<select>รายการHTML ในหน้านี้มีสองวิธีที่อธิบายไว้ -1อย่างไรก็ตามทั้งสองจะกลับมาเสมอ นี่คือรหัส jQuery ของฉัน: $(document).ready(function(){ $("#dropDownMenuKategorie").change(function(){ alert($("#dropDownMenuKategorie option:selected").index()); alert($("select[name='dropDownMenuKategorie'] option:selected").index()); }); }); และใน html (...) <select id="dropDownMenuKategorie"> <option value="gastronomie">Gastronomie</option> <option value="finanzen">Finanzen</option> <option value="lebensmittel">Lebensmittel</option> <option value="gewerbe">Gewerbe</option> <option value="shopping">Shopping</option> <option value="bildung">Bildung</option> </select> (...) ทำไมพฤติกรรมนี้ มีโอกาสใดบ้างหรือที่ที่select"ยังไม่พร้อม" ในขณะที่กำหนดchange()วิธีการนั้น? นอกจากนี้การเปลี่ยนแปลง.index()ไป.val()จะกลับมาคุ้มค่าที่เหมาะสมเพื่อให้เป็นสิ่งที่สร้างความสับสนให้ฉันมากยิ่งขึ้น

171 jquery html select indexing

20

ป้องกันไม่ให้ดาวน์โหลดวิดีโอ HTML5 (คลิกขวาแล้วบันทึก)

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

171 javascript html menu html5-video right-click

5

วิธีการปิดการใช้งานการปรับขนาด textarea?

ฉันต้องปิดการใช้งาน textarea ปรับขนาดแนวนอน บางครั้งฉันต้องการอนุญาตให้ปรับขนาดแนวตั้งบน textarea เมื่อใดก็ตามที่ฉันสร้างหน้าติดต่อเราข้อความจะทำให้การออกแบบของฉันน่าเกลียด มีใครให้วิธีแก้ปัญหาให้ฉันได้มั้ย

171 html css

5

วิธีจัดแนว div ให้อยู่ด้านบนสุดของพาเรนต์ แต่ยังคงพฤติกรรมแบบอินไลน์บล็อกอยู่

ดู: http://jsfiddle.net/b2BpB/1/ ถาม: คุณจะทำให้ box1 และ box3 จัดตำแหน่งไปที่ด้านบนของ div parent ได้boxContainerอย่างไร #boxContainerContainer { background: #fdd; text-align: center; } #boxContainer { display: inline-block; border: thick dotted #060; margin: 0px auto 10px auto; text-align: left; } #box1 { width: 50px; height: 50px; background: #999; display: inline-block; } #box2 { width: 50px; height: …

171 css html

11

Bootstrap คอลัมน์ด้านขวาบนมุมมองมือถือ

ฉันมีหน้า Bootstrap เช่นนี้: <div class="row"> <div class="col-md-6"> A </div> <div class="col-md-6"> B </div> </div> ดูเหมือนกับ: ----- |A|B| ----- ดังนั้นถ้าฉันดูบนอุปกรณ์มือถือคอลัมน์ A จะอยู่ด้านบน แต่ฉันต้องการให้ B อยู่ด้านบน เป็นไปได้ไหม ฉันลองด้วยการดึง แต่ก็ไม่ได้ผล

171 html css twitter-bootstrap-3

11

CSS / HTML: สร้างเส้นขอบที่เร่าร้อนรอบฟิลด์อินพุต

ฉันต้องการสร้างอินพุตที่เหมาะสมสำหรับแบบฟอร์มของฉันและฉันอยากรู้ว่า TWITTER ทำเส้นขอบที่เร่าร้อนรอบอินพุตของพวกเขาอย่างไร ตัวอย่าง / รูปภาพของเส้นขอบ Twitter: ฉันก็ไม่รู้เหมือนกันว่าจะสร้างมุมมนได้อย่างไร

171 html css input border glow

18

วิธีเปิดใช้งานเคล็ดลับเครื่องมือ Bootstrap บนปุ่มที่ถูกปิดใช้งาน?

ฉันต้องแสดงคำแนะนำเครื่องมือบนปุ่มปิดใช้งานและลบออกจากปุ่มที่เปิดใช้งาน ปัจจุบันมันทำงานในสิ่งที่ตรงกันข้าม วิธีที่ดีที่สุดในการคว่ำพฤติกรรมนี้คืออะไร $('[rel=tooltip]').tooltip(); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> <hr> <button class="btn" disabled rel="tooltip" data-title="Dieser Link führt zu Google">button disabled</button> <button class="btn" rel="tooltip" data-title="Dieser Link führt zu Google">button not disabled</button> เรียกใช้ข้อมูลโค้ดHide resultsขยายตัวอย่างข้อมูล นี่คือตัวอย่าง PS: ฉันต้องการเก็บdisabledแอตทริบิวต์

171 javascript jquery html twitter-bootstrap twitter-bootstrap-tooltip

26

ปรับความกว้างของฟิลด์อินพุตเป็นอินพุต

<html> <head> </head> <body> <input type="text" value="1" style="min-width:1px;" /> </body> </html> นี่คือรหัสของฉันและมันไม่ทำงาน มีวิธีอื่นใน HTML, JavaScript, PHP หรือ CSS เพื่อกำหนดความกว้างขั้นต่ำหรือไม่ ฉันต้องการฟิลด์ป้อนข้อความที่มีการเปลี่ยนแปลงความกว้างแบบไดนามิกเพื่อให้ฟิลด์อินพุตของเหลวล้อมรอบเนื้อหา อินพุตทุกตัวมีช่องว่าง2emภายในซึ่งเป็นปัญหาและปัญหาที่สองmin-widthคือว่าไม่ได้ทำงานกับอินพุตเลย หากฉันตั้งค่าความกว้างมากกว่าที่ต้องการมากกว่าโปรแกรมทั้งหมดยุ่งฉันต้องการความกว้าง 1px มากขึ้นถ้าจำเป็นเท่านั้น

171 javascript html css

3

React.js: ตั้งค่า innerHTML เทียบกับ harmlySetInnerHTML

มี "เบื้องหลัง" ความแตกต่างจากการตั้งค่า innerHTML ขององค์ประกอบหรือการตั้งค่าคุณสมบัติ harmlySetInnerHTML บนองค์ประกอบหรือไม่ สมมติว่าฉันทำความสะอาดสิ่งต่าง ๆ ให้ถูกต้องเพื่อความเรียบง่าย ตัวอย่าง: var test = React.createClass({ render: function(){ return ( <div contentEditable='true' dangerouslySetInnerHTML={{ __html: "Hello" }}></div> ); } }); VS var test = React.createClass({ componentDidUpdate: function(prevProp, prevState){ this.refs.test.innerHTML = "Hello"; }, render: function(){ return ( <div contentEditable='true' ref='test'></div> ); } }); …

171 javascript html reactjs

6

การเพิ่มคุณสมบัติข้อมูลไปที่ DOM

$('div').data('info', 1); alert($('div').data('info')); //this works $('div[data-info="1"]').text('222'); //but this don't work ฉันกำลังสร้างองค์ประกอบภายใน jquery หลังจากนั้นฉันต้องการเพิ่มคุณสมบัติ "data" เขาชอบและถูกเพิ่มเข้ามา แต่ใน DOM สิ่งนี้ไม่ชัดเจนและฉันไม่สามารถใช้ไอเท็มได้ $('div[data-example="example"]').html() jsfiddle

170 jquery html custom-data-attribute

4

ตารางสี่เหลี่ยมที่ตอบสนองได้

Наэтотвопросестьответына Stack Overflow нарусском : Сеткаизадаптивных (ตอบสนอง) квадратов ฉันสงสัยว่าจะทำอย่างไรกับการสร้างเลย์เอาต์ด้วยสี่เหลี่ยมที่ตอบสนองได้ แต่ละช่องจะมีเนื้อหาแนวตั้งและแนวนอน ตัวอย่างที่เฉพาะเจาะจงจะแสดงด้านล่าง ...

170 html css responsive-design grid-layout aspect-ratio

9

วิธีป้องกันการแบ่งบรรทัดในคอลัมน์ของเซลล์ตาราง (ไม่ใช่เซลล์เดียว)

ฉันจะป้องกันการแบ่งบรรทัดอัตโนมัติในคอลัมน์ของตาราง (ไม่ใช่เซลล์เดียว) ได้อย่างไร

170 html css layout

10

วิธีทำให้ <div> เต็มหน้าจอตลอดเวลา

ไม่ว่าเนื้อหาจะเป็นอย่างไร เป็นไปได้ที่จะทำเช่นนี้?

170 html css responsive

2

HTML 5 Favicon - รองรับ?

ฉันกำลังอ่านหน้า Favicon ใน Wikipedia พวกเขาพูดถึงข้อกำหนด HTML 5 สำหรับ Favicon: ข้อมูลจำเพาะ HTML5 ปัจจุบันแนะนำให้ระบุไอคอนขนาดในหลายขนาดโดยใช้แอตทริบิวต์ rel = "icon" sizes = "รายการขนาดไอคอนที่คั่นด้วยช่องว่าง" ภายในแท็ก [ แหล่งที่มา ] รูปแบบไอคอนหลายรูปแบบรวมถึงรูปแบบคอนเทนเนอร์เช่นไฟล์ Microsoft .ico และ Macintosh .icns รวมถึงกราฟิกแบบเวกเตอร์ที่ปรับขนาดได้อาจมีให้โดยรวมถึงประเภทเนื้อหาของไอคอนในรูปแบบของ type = "file content-type" ภายใน แท็ก ดูบทความที่อ้างถึง (W3) พวกเขาแสดงตัวอย่างนี้: <link rel=icon href=favicon.png sizes="16x16" type="image/png"> <link rel=icon href=windows.ico sizes="32x32 48x48" type="image/vnd.microsoft.icon"> <link …

170 html browser favicon

10

วิธี "ครอบตัด" รูปภาพสี่เหลี่ยมลงในสี่เหลี่ยมด้วย CSS ได้อย่างไร

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

170 html css image crop

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