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

จะใช้ ngStyle เพื่อเพิ่มภาพพื้นหลังได้อย่างไร? รหัสของฉันใช้ไม่ได้: this.photo = 'http://dl27.fotosklad.org.ua/20121020/6d0d7b1596285466e8bb06114a88c903.jpg'; <div [ngStyle]="{'background-image': url(' + photo + ')}"></div>

105 javascript  html  css  angular 

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

105 html  editor  html-table  cell 

ฉันมีตู้คอนเทนเนอร์และลูก ๆ ของพวกเขาอยู่ในตำแหน่งที่แน่นอน / ค่อนข้างสูง จะตั้งความสูงของตู้คอนเทนเนอร์อย่างไรให้ลูก ๆ อยู่ข้างใน? นี่คือรหัส: HTML <section id="foo"> <header>Foo</header> <article> <div class="one"></div> <div class="two"></div> </article> </section> <div style="clear:both">Clear won't do.</div> <!-- I want to have a gap between sections here --> <section id="bar"> <header>bar</header> <article> <div class="one"></div><div></div> <div class="two"></div> </article> </section> CSS article { position: relative; …

105 html  css  position  height  absolute 

ใหม่เอี่ยมสำหรับ JS ฉันกำลังพยายามตรวจสอบว่าองค์ประกอบอินพุตไฟล์ว่างหรือไม่เมื่อส่งแบบฟอร์มด้วย jQuery / JavaScript ฉันได้แก้ปัญหาต่างๆมากมายและไม่มีอะไรได้ผลสำหรับฉัน ฉันพยายามหลีกเลี่ยง/c/fakepath(เว้นแต่จะไม่มีตัวเลือกอื่น) <input type="file" name="videoFile" id="videoUploadFile" /> สิ่งนี้ใช้ไม่ได้: var vidFile = $("#videoUploadFile").value; วิธีเดียวที่ฉันจะได้ชื่อไฟล์คือถ้าฉันใช้สิ่งต่อไปนี้: var vidFile = document.getElementById("videoUploadFile").files[0].name; หากไม่มีไฟล์รหัสจะแสดงข้อผิดพลาด: ไม่สามารถอ่านชื่อคุณสมบัติของ undefined ซึ่งสมเหตุสมผลเนื่องจากไม่ได้ตั้งค่าอาร์เรย์ แต่ฉันไม่สามารถหาวิธีจัดการกับข้อผิดพลาดนี้ได้ ฉันจะคว้าองค์ประกอบการป้อนไฟล์อย่างถูกต้องได้อย่างไรvideoUploadFileตรวจสอบว่าว่างเปล่าส่งข้อความแสดงข้อผิดพลาดหากว่างเปล่า

105 javascript  jquery  html 

ฉันจะจัดแนวข้อความเพื่อให้บางส่วนจัดแนวไปทางซ้ายและบางส่วนจัดแนวไปทางขวาในบรรทัดเดียวกันได้อย่างไร <p>This text should be left-aligned. This text should be right aligned.</p> ฉันสามารถจัดแนวข้อความทั้งหมดไปทางซ้าย (หรือทางขวา) ไม่ว่าจะเป็นแบบอินไลน์โดยตรงหรือโดยใช้สไตล์ชีต - <p style='text-align: left'>This text should be left-aligned. This text should be right aligned.</p> ฉันจะจัดแนวข้อความที่สอดคล้องกันไปทางซ้ายและทางขวาโดยให้อยู่ในบรรทัดเดียวกันได้อย่างไร

105 html  css 

ฉันใช้ <input type= "file" name="Upload" > ตอนนี้ฉันต้องการ จำกัด สิ่งนี้โดยยอมรับเฉพาะไฟล์. pdf และ. xls เมื่อฉันคลิกปุ่มส่งควรตรวจสอบสิ่งนี้ และเมื่อฉันคลิกไฟล์ (PDF / XLS) บนหน้าเว็บมันควรจะเปิดขึ้นโดยอัตโนมัติ ใครช่วยยกตัวอย่างเรื่องนี้ได้ไหม

105 html  forms 

ด้วย Apple MacBook Pro รุ่นใหม่ที่มีจอแสดงผลเรตินาหากคุณให้ภาพ "มาตรฐาน" บนเว็บไซต์ของคุณภาพนั้นจะดูเลือนรางเล็กน้อย ดังนั้นคุณต้องให้ภาพเรตินา มีวิธีเปลี่ยนไปใช้@2xรูปภาพโดยอัตโนมัติเช่น iOS (พร้อม Objective-C) หรือไม่? สิ่งที่ฉันได้พบก็คือ: CSS สำหรับภาพที่มีความละเอียดสูงในการแสดงโทรศัพท์มือถือและจอประสาทตาแต่ฉันหวังว่าฉันจะหากระบวนการอัตโนมัติสำหรับภาพทั้งหมดของฉันโดยไม่ต้อง CSS หรือ JavaScript เป็นไปได้ไหม? UPDATE ผมจะเน้นที่น่าสนใจนี้บทความแนะนำโดย@ Paul D. เวทท์และที่น่าสนใจการอภิปรายเกี่ยวกับการเชื่อมโยงโดยเซบาสเตียน

104 html  image  retina-display 

ฉันจะอยู่ในบรรทัดเดียวกันในขณะที่ทำงานกับ<p>แท็กได้อย่างไร

104 html  css  tags 

ฉันมีแท็ก, <input type="submit" class="like"/>. ฉันต้องการให้ข้อความภายในปุ่มพูดว่า "ชอบ" แต่ตอนนี้มันขึ้นว่า "ส่ง" class="like" ก็คือ CSS ของปุ่มนั่นเอง

104 html 

ฉันต้องการเก็บโค้ด JavaScript ทั้งหมดไว้ในส่วนเดียว ก่อนปิดทำการbodyแท็กในหน้าเค้าโครงหลักของฉันและแค่สงสัยว่าดีที่สุดที่จะพูดถึงสไตล์ MVC ตัวอย่างเช่นถ้าฉันสร้างไฟล์ DisplayTemplate\DateTime.cshtmlไฟล์ที่ใช้ DateTime Picker ของ jQuery UI มากกว่าที่ฉันจะฝัง JavaScript ลงในเทมเพลตนั้นโดยตรง แต่ไฟล์นั้นจะแสดงผลกลางหน้า ในมุมมองปกติของฉันฉันสามารถใช้@section JavaScript { //js here }แล้ว@RenderSection("JavaScript", false)ในเค้าโครงหลักของฉัน แต่ดูเหมือนว่าจะใช้ไม่ได้ในเทมเพลตดิสเพลย์ / ตัวแก้ไข - มีความคิดใดบ้าง

104 html  asp.net-mvc  asp.net-mvc-3  razor 

ฉันได้สร้างเพจสำหรับไคลเอนต์และตอนแรกฉันทำงานใน Chrome และลืมตรวจสอบว่ามันทำงานใน Firefox หรือไม่ ตอนนี้ฉันมีปัญหาใหญ่เพราะทั้งหน้าขึ้นอยู่กับสคริปต์ที่ใช้ไม่ได้ใน Firefox มันขึ้นอยู่กับ "ลิงก์" ทั้งหมดที่มีrelที่นำไปสู่การซ่อนและแสดงหน้าที่ถูกต้อง ฉันไม่เข้าใจว่าเหตุใดจึงใช้ไม่ได้ใน Firefox สำหรับหน้าเช่นมีประชาชนได้#menuPage, #aboutPageและอื่น ๆ ลิงก์ทั้งหมดมีรหัสนี้: <a class="menuOption" rel='#homePage' href="#">Velkommen</a> มันทำงานได้อย่างสมบูรณ์แบบใน Chrome และ Safari นี่คือรหัส: $(document).ready(function(){ //Main Navigation $('.menuOption').click(function(){ event.preventDefault(); var categories = $(this).attr('rel'); $('.pages').hide(); $(categories).fadeIn(); }); // HIDES and showes the right starting menu $('.all').hide(); $('.pizza').show(); // Hides and …

104 javascript  jquery  html  firefox 

ง่ายต่อการตั้งค่า CSS แบบอินไลน์ด้วยจาวาสคริปต์ หากฉันต้องการเปลี่ยนความกว้างและมี html ดังนี้: <div style="width: 10px"></div> สิ่งที่ฉันต้องทำคือ: document.getElementById('id').style.width = value; มันจะเปลี่ยนค่าสไตล์ชีตแบบอินไลน์ โดยปกตินี่ไม่ใช่ปัญหาเนื่องจากสไตล์อินไลน์จะแทนที่สไตล์ชีต ตัวอย่าง: <style> #tId { width: 50%; } </style> <div id="tId"></div> การใช้ Javascript นี้: document.getElementById('tId').style.width = "30%"; ฉันได้รับสิ่งต่อไปนี้: <style> #tId { width: 50%; } </style> <div id="tId" style="width: 30%";></div> นี่เป็นปัญหาเพราะไม่เพียง แต่ฉันไม่ต้องการเปลี่ยนค่าอินไลน์เท่านั้นหากฉันมองหาความกว้างก่อนที่จะตั้งค่าเมื่อฉันมี: <div id="tId"></div> ค่าที่ส่งคืนเป็น Null ดังนั้นหากฉันมี …

104 javascript  html  css  ajax  dom 

ฉันพบสิ่งที่ฉันเชื่อว่าเป็นจุดบกพร่องของ Firefox และฉันสงสัยว่านี่เป็นข้อบกพร่องจริงหรือไม่รวมถึงวิธีแก้ไขปัญหาสำหรับสิ่งนี้ หากคุณสร้างเว็บเพจพื้นฐานด้วยแหล่งข้อมูลต่อไปนี้: <html> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script> </head> <body> <div> <input id="txtTest" type="text" /> <input type="button" onclick="$('#txtTest').attr('disabled','disabled');" value="Set Disabled (jQuery)" /> <input type="button" onclick="document.getElementById('txtTest').disabled = true;" value="Set Disabled (js)" /> <input type="button" onclick="$('#txtTest').removeAttr('disabled');" value="Remove Disabled" /> </div> </body> </html> หากคุณแบบไดนามิกและรีเฟรชหน้าเว็บที่จะยังคงอยู่คนพิการแทนการรีเซ็ตกลับสู่สภาพเดิมไม่พิการ ฉันได้ลองสิ่งนี้ใน IE8 และ Chrome และสิ่งเหล่านั้นทำงานตามที่ฉันคาดหวังโดยรีเซ็ตด้านหลังเป็นไม่ปิดใช้งานเมื่อฉันรีเฟรชdisabletextboxtextboxtextbox ข้อมูลที่น่าสนใจอีกอย่างก็คือมันยังคงทำสิ่งเดียวกันหากอินพุตเป็น a checkboxแทนที่จะเป็นtextboxไฟล์.

104 html  firefox  input  textbox 

ฉันกำลังพยายามสร้างรายการแบบเลื่อนลงที่มีตัวยึด ดูเหมือนจะไม่รองรับplaceholder="stuff"เหมือนรูปแบบอื่น ๆ มีวิธีอื่นในการรับตัวยึดตำแหน่งในเมนูแบบเลื่อนลงของฉันหรือไม่

104 html  twitter-bootstrap  placeholder 

ฉันมีองค์ประกอบบางอย่างดังต่อไปนี้: <a class="slide-link" href="#" data-slide="0">1</a> <a class="slide-link" href="#" data-slide="1">2</a> <a class="slide-link" href="#" data-slide="2">3</a> ฉันจะเพิ่มคลาสให้กับองค์ประกอบที่มีdata-slideค่าแอตทริบิวต์เป็น0(ศูนย์) ได้อย่างไร ฉันได้ลองวิธีแก้ปัญหาต่างๆมากมาย แต่ไม่ได้ผล ตัวอย่าง: $('.slide-link').find('[data-slide="0"]').addClass('active'); ความคิดใด ๆ ?

104 jquery  html  css  custom-data-attribute