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

มีใครทราบวิธีปรับขนาดโปสเตอร์วิดีโอ HTML5 ให้พอดีกับขนาดของวิดีโอไหม นี่คือ jsfiddle ที่แสดงปัญหา: http://jsfiddle.net/zPacg/7/ นี่คือรหัสนั้น: HTML: <video controls width="100%" height="100%" poster="http://www.wpclipart.com/blanks/buttons/glossy_buttons/glossy_button_blank_orange_rectangle.png"> <source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" /> <source src="http://demo.inwebson.com/html5-video/iceage4.ogg" type="video/ogg" /> <source src="http://demo.inwebson.com/html5-video/iceage4.webm" type="video/webm" /> </video>​ CSS: video{ border:1px solid red; }​ สังเกตว่าสี่เหลี่ยมผืนผ้าสีส้มไม่ได้ปรับขนาดให้เท่ากับขอบสีแดงของวิดีโอ นอกจากนี้การเพิ่ม CSS ด้านล่างก็ใช้ไม่ได้เช่นกันเนื่องจากปรับขนาดวิดีโอพร้อมกับโปสเตอร์: video[poster]{ height:100%; width:100%; }

96 css  html  attributes  html5-video 

ฉันรู้ว่าการฝังสไตล์ CSS ลงในแท็ก HTML โดยตรงจะส่งผลต่อการเอาชนะจุดประสงค์ส่วนใหญ่ของ CSS แต่บางครั้งก็มีประโยชน์สำหรับการดีบักเช่นใน: <p style="font-size: 24px">asdf</p> ไวยากรณ์สำหรับการฝังกฎเป็นอย่างไร: a:hover {text-decoration: underline;} ลงในแอตทริบิวต์สไตล์ของแท็ก A? ไม่ชัดนี่ ... <a href="foo" style="text-decoration: underline">bar</a> ... เนื่องจากจะมีผลตลอดเวลาซึ่งต่างจากเพียงแค่ในระหว่างการวางเมาส์

96 html  css 

ขออภัยหากคำถามนี้ได้รับคำตอบแล้ว ฉันได้ลองค้นหาวิธีแก้ไขแล้ว แต่ไม่พบสิ่งที่เหมาะกับรหัสของฉัน ฉันยังใหม่กับ jQuery ฉันมีเมนูติดหนึบสองประเภทที่แตกต่างกันสำหรับสองหน้าที่ต่างกัน นี่คือรหัสสำหรับทั้งคู่ $(document).ready(function () { var contentNav = $('.content-nav').offset().top; var stickyNav = function () { var scrollTop = $(window).scrollTop(); if (scrollTop > contentNav) { $('.content-nav').addClass('content-nav-sticky'); } else {; $('.content-nav').removeClass('content-nav-sticky') } }; stickyNav(); $(window).scroll(function () { stickyNav(); }); }); $(document).ready(function () { var stickyNavTop = $('.nav-map').offset().top; …

96 javascript  jquery  html  css  dom 

ฉันมีเว็บไซต์คลาสสิฟายด์และในหน้าที่มีการแสดงโฆษณาฉันกำลังสร้างแบบฟอร์ม "ส่งเคล็ดลับให้เพื่อน" ... ดังนั้นใครก็ตามที่ต้องการสามารถส่งเคล็ดลับของโฆษณาไปยังที่อยู่อีเมลของเพื่อน ๆ ฉันเดาว่าต้องส่งแบบฟอร์มไปยังหน้า php ใช่ไหม <form name='tip' method='post' action='tip.php'> Tip somebody: <input name="tip_email" type="text" size="30" onfocus="tip_div(1);" onblur="tip_div(2);"/> <input type="submit" value="Skicka Tips"/> <input type="hidden" name="ad_id" /> </form> เมื่อส่งแบบฟอร์มหน้าจะถูกโหลดใหม่ ... ฉันไม่ต้องการแบบนั้น ... มีวิธีไหนบ้างที่ทำให้ไม่โหลดซ้ำแล้วยังส่งเมล์ได้? ควรจะไม่มี ajax หรือ jquery ... ขอบคุณ

96 javascript  php  html  ajax  forms 

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

96 javascript  jquery  html 

ฉันสร้างตารางใน ASPX แล้ว ฉันต้องการซ่อนคอลัมน์ใดคอลัมน์หนึ่งตามข้อกำหนด แต่ไม่มีแอตทริบิวต์เหมือนvisibleในการสร้างตาราง HTML ฉันจะแก้ปัญหาของฉันได้อย่างไร?

96 html  asp.net  html-table 

ฉันใช้งานกับโหนดข้อความทั้งหมดของ DOM ของฉันและตรวจสอบว่า nodeValue มีสตริงที่แน่นอนหรือไม่ /html/body//text()[contains(.,'test')] นี่เป็นกรณีที่ละเอียดอ่อน แต่ผมยังต้องการที่จะจับTest, หรือTEST TesTเป็นไปได้กับ XPath (ใน JavaScript) หรือไม่?

96 javascript  html  xml  xslt  xpath 

ในขณะที่ฉันกำลังอ่าน HTML ของบางหน้าฉันสังเกตเห็นว่าบางหน้าใช้แอตทริบิวต์ "data-reactid" เช่น: <a data-reactid="......" ></a> แอตทริบิวต์นั้นคืออะไรและมีหน้าที่อะไร?

96 javascript  html  reactjs 

ฉันต้องการมีตัวยึดตำแหน่งเช่น<No result>เมื่อผลการกรองกลับเป็นค่าว่าง ใครช่วยได้บ้าง ไม่รู้จะเริ่มตรงไหน ... HTML : <div ng-controller="Ctrl"> <h1>My Foo</h1> <ul> <li ng-repeat="foo in foos"> <a href="#" ng-click="setBarFilter(foo.name)">{{foo.name}}</a> </li> </ul> <br /> <h1>My Bar</h1> <ul> <li ng-repeat="bar in bars | filter:barFilter">{{bar.name}}</li> </ul> </div> JS : function Ctrl($scope) { $scope.foos = [{ name: 'Foo 1' },{ name: 'Foo 2' },{ …

95 javascript  html  angularjs 

คุณกำหนดขีด จำกัด อักขระในการป้อนข้อความใน HTML ได้อย่างไร

95 html  character-limit 

ตามที่กล่าวมาในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบถาม & ตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจก่อให้เกิดการถกเถียงโต้แย้งการสำรวจความคิดเห็นหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงได้และอาจเปิดขึ้นมาใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อรับคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา มีวิธีใดบ้างที่เบราว์เซอร์จะทดสอบเว็บไซต์ของฉันด้วยความละเอียดที่สูงกว่าหน้าจอของฉัน เช่นฉันมีหน้าจอ 1440 x 900 และฉันต้องการทดสอบเว็บไซต์ในขนาด 1920 x 1200, 1920 x 1080 เป็นต้น

95 html  css  resolution 

ฉันเปิดหน้าต่างป๊อปอัปข้าง window.open ใน JavaScript ฉันต้องการรีเฟรชหน้าหลักเมื่อฉันปิดหน้าต่างป๊อปอัปนี้ (onclose event?) ฉันจะทำอย่างไร window.open("foo.html","windowName", "width=200,height=200,scrollbars=no");

95 javascript  html  javascript-events 

แค่สงสัยว่ามีใครรู้บ้างไหมว่าเหตุการณ์ใดที่<input type="number" />องค์ประกอบHTML5 เริ่มทำงานเมื่อคลิกลูกศรขึ้น / ลง: ฉันใช้onblurสำหรับเมื่อโฟกัสออกจากช่องป้อนข้อมูลแล้ว

95 javascript  html 

ฉันต้องการด้านนอกdivซึ่งเป็นสีดำเพื่อห่อหุ้มมันให้divลอยอยู่ภายใน ฉันไม่ต้องการที่จะใช้style='height: 200pxในdivกับouterdivรหัสตามที่ผมต้องการให้เป็นโดยอัตโนมัติสูงของเนื้อหา (เช่นลอยdivs) <div id='outerdiv' style='border: 1px solid black;background-color: black;'> <div style='width=300px;border: red 1px dashed;float: left;'> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> </div> <div style='width=300px;border: red 1px dashed;float: right;'> <p>zzzzzzzzzzzzzzzzzzzzzzzzzzzzz</p> </div> จะบรรลุเป้าหมายนี้ได้อย่างไร?

95 css  html  css-float 

รหัสที่ถูกต้องในการสร้างลิงค์กับหัวข้อ 1 ตามมาตรฐานเว็บคืออะไร? ใช่ไหม <h1><a href="http://stackoverflow.com"> stackoverflow </a></h1> หรือ <a href="http://stackoverflow.com"><h1> stackoverflow </h1></a> ขอบคุณ

95 html  web-standards