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

9

ฉันกำลังทำงานกับแอพที่ฉันจะใช้ทั้ง HTML5 ใน UIWebView และเฟรมเวิร์ก iOS ดั้งเดิมร่วมกัน ฉันรู้ว่าฉันสามารถใช้การสื่อสารระหว่าง JavaScript และ Objective-C ได้ มีห้องสมุดใดบ้างที่ทำให้การสื่อสารนี้ง่ายขึ้น ฉันรู้ว่ามีไลบรารีมากมายที่จะสร้างแอพ iOS ดั้งเดิมใน HTML5 และ javascript (เช่น AppMobi, PhoneGap) แต่ฉันไม่แน่ใจว่ามีไลบรารีที่จะช่วยสร้างแอพ iOS ดั้งเดิมที่มีการใช้งาน JavaScript มากหรือไม่ ฉันจำเป็นต้อง: ดำเนินการเมธอด JS จาก Objective-C เรียกใช้เมธอด Objective-C จาก JS ฟังเหตุการณ์ JS ดั้งเดิมจาก Objective-C (ตัวอย่างเช่นเหตุการณ์ที่พร้อมใช้งาน DOM)

101 javascript ios html uiwebview

5

HTML5 doctype ทำให้ IE9 เข้าสู่โหมดแปลก ๆ ?

ฉันกำลังพยายามให้ IE9 โหลดหน้าเว็บด้วยมาตรฐาน IE9 ... ฉันสังเกตเห็นว่าได้<!DOCTYPE HTML>ทำให้สิ่งที่น่ารังเกียจเข้าสู่โหมดนิสัยใจคอ ... ซึ่งทำให้ทุกอย่างในหน้าแตก ... ฉันจะทำให้ IE ยึดติดกับมาตรฐาน IE9 ได้อย่างไร

101 html internet-explorer-9 doctype

5

วัตถุประสงค์ดั้งเดิมของ <input type =“ hidden”>? [ปิด]

ปิด. คำถามนี้เป็นคำถามปิดหัวข้อ ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน7 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันอยากรู้เกี่ยวกับจุดประสงค์ดั้งเดิมของ<input type="hidden">แท็ก ปัจจุบันมักใช้ร่วมกับ JavaScript เพื่อจัดเก็บตัวแปรที่ส่งไปยังเซิร์ฟเวอร์และสิ่งต่างๆเช่นนั้น HTML 2.0 เปิดตัวในเดือนพฤศจิกายน 1995ซึ่งมีข้อกำหนดสำหรับประเภทอินพุต = "hidden" อยู่แล้ว JavaScript เผยแพร่เมื่อเดือนมีนาคม พ.ศ. 2539 ดังนั้นจึง<input type="hidden">มีอยู่ก่อน JavaScript ดังนั้นจุดประสงค์ดั้งเดิมคืออะไร? ฉันนึกได้แค่การส่งค่าจากเซิร์ฟเวอร์ไปยังไคลเอนต์ซึ่ง (ไม่เปลี่ยนแปลง) ถูกส่งกลับไปเพื่อรักษาสถานะไว้ หรือฉันทำอะไรผิดพลาดในประวัติของมันและ<input type="hidden">ควรจะใช้ร่วมกับ JavaScript เสมอ? หากเป็นไปได้โปรดให้ข้อมูลอ้างอิงในคำตอบของคุณด้วย

101 javascript html history

9

แนวทางในการออกแบบอีเมล HTML มีอะไรบ้าง? [ปิด]

ปิด . คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เน้นไปที่ปัญหาเดียวโดยแก้ไขโพสต์นี้เท่านั้น ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ คุณสามารถให้แนวทางใดสำหรับการจัดรูปแบบ HTML ที่สมบูรณ์ในอีเมลในขณะที่ยังคงรักษาเสถียรภาพของภาพที่ดีในไคลเอนต์จำนวนมากและอินเทอร์เฟซอีเมลบนเว็บ คำตอบที่ไม่เกี่ยวข้องกับคำถามใน Stack Overflow แนะนำ: http://www.campaignmonitor.com/blog/archives/2008/05/2008_email_design_guidelines.html ซึ่งประกอบด้วยแนวทางต่อไปนี้: วางสไตล์ชีต<body>แทน<head> ไคลเอนต์อีเมลบางโปรแกรมจะตัด CSS ออกจากส่วนหัว แต่ปล่อยไว้หากบล็อกสไตล์อยู่ในเนื้อความ (ไม่ถูกต้อง) ใช้สไตล์อินไลน์ในกรณีที่เป็นไปได้ Gmail จะตัดสไตล์ชีทใด ๆ ไม่ว่าจะอยู่ใน<head>หรือใน<body>สไตล์ แต่ให้เกียรติสไตล์อินไลน์ที่กำหนดโดยใช้style=""แอตทริบิวต์ กลับไปที่ตาราง มาตรฐานอีเมลได้ก้าวถอยหลังไปแล้วในช่วงไม่กี่ปีที่ผ่านมาด้วย Outlook 2007 ที่ใช้โปรแกรมการแสดงผล Microsoft Word เรียนรู้สิ่งที่เรียนรู้ส่วนใหญ่เกี่ยวกับการวางตำแหน่งโดยไม่มีสไตล์ชีต อย่าพึ่งพารูปภาพ ไคลเอนต์ส่วนใหญ่และไคลเอนต์อีเมลบนเว็บส่วนใหญ่จะไม่แสดงภาพเว้นแต่ผู้ใช้จะร้องขอให้แสดงโดยเฉพาะ ฉันยังมีความจริงที่ "ไม่ยืนยัน" บางส่วนซึ่งจำไม่ได้ว่าอ่านที่ไหน อย่าใช้มากกว่าสองระดับของการซ้อนในตาราง เป็นจริงหรือไม่ จะเกิดอะไรขึ้นถ้าฉันทำ? มีลูกค้า / ลูกค้ารายใดที่สำลักสิ่งนี้หรือไม่? โปรดระวังการซ้อนภาพพื้นหลังในเซลล์ …

101 html email

15

html - แถวตารางเหมือนลิงก์

ฉันไม่สามารถตั้งค่าแถวตารางเป็นลิงก์ไปยังบางสิ่งได้ ฉันสามารถใช้ได้เฉพาะ css และ html ฉันลองสิ่งที่แตกต่างจาก div ในแถวไปยังสิ่งอื่น แต่ก็ยังไม่สามารถใช้งานได้

101 html css hyperlink html-table

6

Django: ฉันจะเพิ่มแอตทริบิวต์ html ที่กำหนดเองในช่องป้อนข้อมูลในแบบฟอร์มได้อย่างไร

ฉันมีช่องป้อนข้อมูลที่แสดงผลด้วยเทมเพลตดังนี้: <div class="field"> {{ form.city }} </div> ซึ่งแสดงผลเป็น: <div class="field"> <input id="id_city" type="text" name="city" maxlength="100" /> </div> ตอนนี้สมมติว่าฉันต้องการเพิ่มautocomplete="off"แอตทริบิวต์ให้กับองค์ประกอบอินพุตที่แสดงผลฉันจะทำอย่างไร หรือonclick="xyz()"หรือclass="my-special-css-class"?

101 django django-templates django-forms django-widget html

19

ปิดใช้งานเวลาในตัวเลือกวันที่เวลาบูตสแตรป

ฉันใช้ตัวเลือกวันที่เวลาบูตสแตรปในเว็บแอปพลิเคชันของฉันซึ่งสร้างใน PHP / HTML5 และ JavaScript ฉันกำลังใช้งานจากที่นี่: http://tarruda.github.io/bootstrap-datetimepicker/ เมื่อฉันใช้การควบคุมโดยไม่มีเวลามันไม่ได้ผล มันแสดงกล่องข้อความเปล่า ฉันแค่ต้องการลบเวลาออกจากเครื่องมือเลือกวันที่ มีวิธีแก้ปัญหานี้หรือไม่? <div class="well"> <div id="datetimepicker4" class="input-append"> <input data-format="yyyy-MM-dd" type="text"></input> <span class="add-on"> <i data-time-icon="icon-time" data-date-icon="icon-calendar"> </i> </span> </div> </div> <script type="text/javascript"> $(function() { $('#datetimepicker4').datetimepicker({ pickTime: false }); }); </script>

101 javascript html twitter-bootstrap

2

CSS Input Type Selectors - เป็นไปได้ที่จะมีไวยากรณ์“ หรือ” หรือ“ not”?

หากมีอยู่ในการเขียนโปรแกรม) หากฉันมีรูปแบบ HTML ที่มีอินพุตต่อไปนี้: <input type="text" /> <input type="password" /> <input type="checkbox" /> ฉันต้องการใช้สไตล์กับอินพุตทั้งหมดที่เป็นtype="text"หรือtype="password". type != "checkbox"หรือฉันจะชำระทั้งหมดของการป้อนข้อมูลที่ ดูเหมือนว่าฉันต้องทำสิ่งนี้: input[type='text'], input[type='password'] { // my css } ไม่มีวิธีทำ: input[type='text',type='password'] { // my css } หรือ input[type!='checkbox'] { // my css } ฉันมองไปรอบ ๆ และดูเหมือนว่าจะไม่มีวิธีทำสิ่งนี้ด้วยตัวเลือก CSS เดียว ไม่ใช่เรื่องใหญ่ แต่ฉันเป็นแค่แมวขี้สงสัย ความคิดใด ๆ ?

101 html css css-selectors

10

Internet Explorer 11 ปิดใช้งาน“ แสดงไซต์อินทราเน็ตในมุมมองที่เข้ากันได้” ผ่านเมตาแท็กไม่ทำงาน

ฉันทำงานบนเว็บไซต์อินทราเน็ตมานานกว่า 6 เดือนแล้วหรือไม่โดยที่ฉันใช้doctypeเมตาแท็กhtml5 และ edge ที่เข้ากันได้ด้านล่างเพื่อบังคับให้ Internet Explorer ไม่เลียนแบบเบราว์เซอร์เวอร์ชันเก่าและสิ่งนี้ก็ใช้ได้ <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>My title</title> <meta http-equiv="X-UA-Compatible" content="IE=EDGE" /> </head> <body> </body> </html> สาเหตุที่ฉันทำแบบนี้เพราะที่ทำงานใช้การตั้งค่านโยบายเพื่อเปิดใช้งานมุมมองความเข้ากันได้สำหรับไซต์อินทราเน็ตทั้งหมดและวิธีการใช้การEDGEตั้งค่านี้ได้ผลใน Internet Explorer 9 กว่าหนึ่งเดือนที่แล้วฉันได้รับการอัปเกรดเป็น Internet Explorer 11 และไซต์ยังคงทำงานได้ตามที่คาดไว้ วันนี้สิ่งนี้หยุดทำงานตามที่คาดไว้ฉันไม่สามารถพูดได้อย่างแน่นอน แต่ฉันคิดว่านโยบายที่บังคับให้มุมมองความเข้ากันได้ไม่ได้เปิดใช้งานใน IE11 และตอนนี้ก็คือ ... ทำในสิ่งที่คาดหวังและไซต์นี้กำลังทำงานในโหมดองค์กรซึ่งเลียนแบบ IE8 ไม่มีใครรู้วิธีแก้ไขปัญหานี้และบังคับให้ใช้ IE11 บนไซต์อินทราเน็ตเมื่อมีการบังคับใช้ "โหมดองค์กร" ที่เข้ากันได้ และไม่สามารถปิดการใช้งานผ่านการตั้งค่าเบราว์เซอร์? แก้ไข …

101 html internet-explorer compatibility internet-explorer-11

9

สีพื้นหลังสำรองสำหรับรายการ

ฉันมีรายการและแต่ละรายการเชื่อมโยงกันฉันสามารถสลับสีพื้นหลังสำหรับแต่ละรายการได้หรือไม่? <ul> <li><a href="link">Link 1</a></li> <li><a href="link">Link 2</a></li> <li><a href="link">Link 3</a></li> <li><a href="link">Link 4</a></li> <li><a href="link">Link 5</a></li> </ul>

101 html css

14

จัดหน้าให้อยู่กึ่งกลางใน bootstrap

ฉันมีรหัสนี้อยู่ในเลขหน้า <div class="pagination"> <ul> <li><a href="?p=0" data-original-title="" title="">1</a></li> <li><a href="?p=1" data-original-title="" title="">2</a></li> </ul> </div> แต่ของฉันulอยู่ชิดซ้าย มีวิธีใดบ้างที่จะทำให้ulWRT อยู่ตรงกลางdiv? ฉันพยายามmargin: auto autoและmargin :0 autoพวกเขา แต่ไม่ได้ผล

101 html twitter-bootstrap css

30

Bootstrap Modals ยังคงเพิ่มช่องว่างภายในให้กับร่างกายหลังจากปิดแล้ว

ฉันใช้ bootstrap และ Parse framework เพื่อสร้าง webapp ขนาดเล็ก แต่วิธีการ Bootstrap เหล่านั้นยังคงเพิ่มช่องว่างภายในให้กับร่างกายหลังจากปิดแล้ว วิธีแก้ปัญหานี้? ฉันพยายามใส่รหัสนี้ในจาวาสคริปต์ของฉัน: $('.modal').on('hide.bs.modal', function (e) { $("element.style").css("padding-right","0"); }); แต่มันไม่ได้ผล ไม่มีใครรู้วิธีแก้ไขปัญหานี้หรือไม่? รหัสของฉัน: <button type="button" class="btn btn-lg btn-default" data-toggle="modal" data-target="#loginModal">Admin panel</button> <div id="loginModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-sm">  <div class="modal-content">  <div class="modal-header"> <button …

101 javascript jquery html css twitter-bootstrap

9

ข้อความการจัดแนวแนวตั้ง CSS ภายใน li

ฉันกำลังแสดงจำนวนกล่องในแถวพร้อมกับความสูงและความกว้างที่กำหนดซึ่งสร้างจากแท็ก <li> ตอนนี้ฉันต้องจัดข้อความให้อยู่ตรงกลางแนวตั้ง CSS แนวตั้งไม่มีผลกระทบบางทีฉันอาจขาดอะไรไป ??? ฉันไม่ได้มองหาเทคนิคโดยใช้ (ระยะขอบช่องว่างความสูงของบรรทัด) สิ่งเหล่านี้จะใช้ไม่ได้เนื่องจากข้อความบางส่วนมีความยาวและจะแบ่งออกเป็นสองบรรทัด โปรดค้นหารหัสจริง: โค้ด CSS ul.catBlock{ width:960px; height: 270px; border:1px solid #ccc; } ul.catBlock li{ list-style: none; float:left; display:block; text-align: center; width:160px; height: 100px; } ul.catBlock li a{ display: block; padding: 30px 10px 5px 10px; height:60px; } รหัส HTML <ul class="catBlock"> <li><a href="#">IP …

101 html css vertical-alignment

14

ประเภทอินพุต = รหัสผ่านอย่าให้เบราว์เซอร์จำรหัสผ่าน

ฉันจำได้ว่าเห็นวิธีการ<input type="password" />ที่เบราว์เซอร์จะไม่แจ้งให้ผู้ใช้บันทึกรหัสผ่าน แต่ฉันกำลังวาดภาพว่างเปล่า มีแอตทริบิวต์ HTML หรือเคล็ดลับ JavaScript ที่จะทำสิ่งนี้หรือไม่?

101 html passwords

3

ฉันจะตรวจสอบได้อย่างไรว่ามีการโหลด iframe หรือไม่

ฉันกำลังพยายามตรวจสอบว่า iframe โหลดหรือไม่หลังจากที่ผู้ใช้คลิกปุ่ม ฉันมี $('#MainPopupIframe').load(function(){ console.log('load the iframe') //the console won't show anything even if the iframe is loaded. }) HTML <button id='click'>click me</button> //the iframe is created after the user clicks the button. <iframe id='MainPopupIframe' src='http://...' />...</iframe> ข้อเสนอแนะใด ๆ ? อย่างไรก็ตาม iframe ของฉันถูกสร้างขึ้นแบบไดนามิก ไม่โหลดด้วยการโหลดหน้าเริ่มต้น

101 javascript jquery html iframe

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