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

ฉันมีสถานการณ์ที่ฉันต้องการอ่านข้อมูลบางอย่างจากรูปแบบ JSON ผ่าน PHP แต่ฉันมีปัญหาในการทำความเข้าใจว่าฉันควรสร้างวัตถุ Javascript อย่างไรเพื่อสร้างรูปแบบ JSON แบบไดนามิก สถานการณ์ของฉันมีดังนี้: <input title="QA" type="text" class="email"> <input title="PROD" type="text" class="email"> <input title="DEV" type="text" class="email"> รหัส Javascript ที่ฉันมีจนถึงตอนนี้ผ่านการป้อนข้อมูลแต่ละรายการ แต่ฉันไม่เข้าใจวิธีการประมวลผลต่อจากนี้ var taskArray = {}; $("input[class=email]").each(function() { var id = $(this).attr("title"); var email = $(this).val(); //how to create JSON? }); ฉันต้องการรับผลลัพธ์ต่อไปนี้ถ้าเป็นไปได้ [{title: QA, email: 'a@a.com'}, …

91 javascript  jquery  html  json 

ฉันมี bootstrap v3.0 ฉันใช้class="active"บนของฉันnavbarและมันไม่เปลี่ยนเมื่อฉันกดรายการเมนู ฉันรู้วิธีทำjQueryและสร้างฟังก์ชันคลิก แต่ฉันคิดว่าควรรวมฟังก์ชันนี้ไว้ใน bootstrap หรือไม่ บางทีมันอาจเป็นปัญหาของ JavaScript? นี่คือส่วนหัวของฉันที่มีไฟล์ js / css / bootstrap ที่ฉันรวมไว้: <!-- Bootstrap CSS --> <link rel="stylesheet" href= "/bootstrap/css/bootstrap.css" /> <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" /> <link rel="stylesheet" href= "/stylesheets/styles.css" /> <!--jQuery --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> <!-- Bootstrap JS --> <script src="/bootstrap/js/bootstrap.min.js"></script> <script src="/bootstrap/js/bootstrap-collapse.js"></script> <script …

91 javascript  html  twitter-bootstrap  twitter-bootstrap-3 

ฉันพยายามที่จะศูนย์องค์ประกอบภายในของ<button>-tag กับ justify-content: centerflexbox แต่ Safari ไม่ได้อยู่ตรงกลาง ฉันสามารถใช้สไตล์เดียวกันกับแท็กอื่น ๆ และทำงานได้ตามที่ต้องการ (ดู<p>แท็ก -tag) มีเพียงปุ่มเท่านั้นที่จัดชิดซ้าย ลองใช้ Firefox หรือ Chrome แล้วคุณจะเห็นความแตกต่าง มีลักษณะตัวแทนผู้ใช้ที่ฉันต้องเขียนทับหรือไม่? หรือวิธีแก้ปัญหาอื่น ๆ สำหรับปัญหานี้? div { display: flex; flex-direction: column; width: 100%; } button, p { display: flex; flex-direction: row; justify-content: center; } <div> <button> <span>Test</span> <span>Test</span> </button> <p> <span>Test</span> <span>Test</span> </p> …

91 html  css  safari  flexbox  css-grid 

ปิด . คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เน้นไปที่ปัญหาเดียวโดยแก้ไขโพสต์นี้เท่านั้น ปิดให้บริการใน7 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันได้ทำการค้นคว้าเกี่ยวกับไลบรารีผ้าใบ HTML และฉันเจอคำถามนี้ สถานะปัจจุบันของไลบรารี JavaScript และเฟรมเวิร์กของผ้าใบ HTML เป็นอย่างไร ที่ถูกถามในปี 2010 คำตอบอันดับต้น ๆ คือ Fabric.js หลังจากทำการค้นคว้าเพิ่มเติมเล็กน้อยฉันได้พบกับhttp://www.html5canvastutorials.com/ซึ่งมีบทช่วยสอนเกี่ยวกับ KineticJs ซึ่งมีผืนผ้าใบหลายแบบเพื่อความเร็ว การวิจัยเพิ่มเติมเล็กน้อยในภายหลังเปิดเผยว่าไลบรารี Canvas ดูเหมือนจะเต็มไปด้วยความเร็วและคุณสมบัติต่างๆ สถานะปัจจุบันของไลบรารีและเฟรมเวิร์ก JavaScript Canvas ในปัจจุบันเป็นอย่างไร มีหนึ่งออกมาด้านบน? แก้ไข: เนื่องจากห้องสมุดมีการเปลี่ยนแปลงและเมื่อไม่นานมานี้มีผู้คนจำนวนมากมาที่นี่เพื่อรับข่าวสารและข้อมูลเกี่ยวกับห้องสมุดใหม่ฉันจึงเปลี่ยนคำถามให้เป็นอมตะมากขึ้น

91 javascript  html  html5-canvas 

ฉันพยายามแบ่ง div ออกเป็นสองคอลัมน์โดยใช้ CSS แต่ฉันยังไม่สามารถทำให้มันใช้งานได้ โครงสร้างพื้นฐานของฉันมีดังนี้: <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div id="right"> <div id="object3"></div> <div id="object4"></div> </div> </div> ถ้าฉันพยายามลอย div ด้านขวาและซ้ายไปยังตำแหน่งตามลำดับ (ขวาและซ้าย) ดูเหมือนว่าจะไม่สนใจสีพื้นหลังของ div ของเนื้อหา และรหัสอื่น ๆ ที่ฉันได้ลองจากเว็บไซต์ต่างๆดูเหมือนจะไม่สามารถแปลเป็นโครงสร้างของฉันได้ ขอบคุณสำหรับความช่วยเหลือ!

91 css  html  css-float 

ฉันมีรถเข็นในเมนูด้านบนของฉันโดยใช้push-rightและปัญหาของฉันคือฟองแบบเลื่อนลงหลุดออกจากหน้า ฉันกำลังพยายามจัดแนวฟองให้ถูกต้องเพื่อให้ตรงกับ 'คลิก' แบบนี้ HTML: <div class="cart pull-right"> <ul class="nav"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a> <div class="dropdown-menu"> STUFF </div> </li> </ul> </div>

91 html  css  twitter-bootstrap 

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

91 html  iframe  obsolete 

ฉันใช้ Django เพื่อการพัฒนาโดยดึงข้อความบางส่วนที่มีอักขระขึ้นบรรทัดใหม่จากฐานข้อมูล อย่างไรก็ตามเมื่อฉันแสดงเป็นเทมเพลตโดยใช้แท็กเทมเพลตจะไม่แสดงอักขระขึ้นบรรทัดใหม่ อะไรคือปัญหา?

91 html  django-templates  newline 

สามารถใช้อะไรก็ได้ตามลำดับ? การวาง<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">มีความสำคัญมาก่อนหรือไม่<title> ใช้มากที่สุดเป็นวิธีที่ดีที่สุดหรือไม่? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Title Goes Here</title> <link rel="stylesheet" href="http://sstatic.net/so/all.css?v=5912"> <link rel="shortcut icon" href="http://sstatic.net/so/favicon.ico"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(function() { $("#wmd-input").focus(); $("#title").focus(); $("#revisions-list").change(function() { window.location = '/posts/1987065/edit/' + $(this).val(); }); }); </script> </head> …

91 html  css  xhtml  w3c 

ฉันมีไฟล์ JSON ที่ฉันสร้างในเซิร์ฟเวอร์ที่ฉันต้องการให้เข้าถึงได้บนไคลเอนต์เนื่องจากสามารถดูเพจได้ โดยพื้นฐานแล้วสิ่งที่ฉันต้องการบรรลุคือ: ฉันมีแท็กต่อไปนี้ที่ประกาศในเอกสาร html ของฉัน: <script id="test" type="application/json" src="http://myresources/stuf.json"> ไฟล์ที่อ้างถึงในแหล่งที่มามีข้อมูล JSON อย่างที่ฉันเห็นมีการดาวน์โหลดข้อมูลเช่นเดียวกับที่เกิดขึ้นกับสคริปต์ ตอนนี้ฉันจะเข้าถึงใน Javascript ได้อย่างไร ฉันได้พยายามเข้าถึงแท็กสคริปต์ทั้งที่มีและไม่มี jQuery โดยใช้วิธีการมากมายเพื่อพยายามรับข้อมูล JSON ของฉัน แต่ก็ไม่ได้ผล การใช้งานinnerHTMLจะได้ผลหากข้อมูล json ถูกเขียนแบบอินไลน์ในสคริปต์ ซึ่งมันไม่ใช่และไม่ใช่สิ่งที่ฉันพยายามจะบรรลุ คำขอ JSON ระยะไกลหลังจากโหลดหน้าไม่ใช่ตัวเลือกในกรณีที่คุณต้องการแนะนำเช่นนั้น

91 javascript  json  html  script-tag 

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

91 css  html 

ฉันมีรหัสนี้ (ซึ่งไม่ได้ให้ผลลัพธ์ที่คาดหวัง) #subject_content.html {% block main-menu %} {% include "subject_base.html" %} {% endblock %} #subject_base.html .... .... <div id="homework" class="tab-section"> <h2>Homework</h2> {% include "subject_file_upload.html" %} </div> แม่แบบเด็ก: #subject_file_upload.html <form action="." method="post" enctype="multipart/form-data">{% csrf_token %} {{ form.as_p }} <input type="submit" value="submit"> </form> และมุมมองของฉัน #views.py @login_required def subject(request,username, subject): if request.method == …

91 html  django  variables  include  django-templates 

imgด้วยsrcsetแอตทริบิวต์ดูเหมือนเป็นวิธีที่ยอดเยี่ยมในการทำรูปภาพที่ตอบสนอง มีไวยากรณ์เทียบเท่าที่ทำงานในbackground-imageคุณสมบัติcss หรือไม่ HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background: url(?something goes here?); }

91 html  css  background-image  srcset 

ถ้าฉันไม่เข้าใจผิด Google Docs เสนอวิธีการแสดง PDF ที่เก็บไว้ในเซิร์ฟเวอร์เดียวกันกับหน้าเว็บผ่านทางแอ<iframe>ป แต่ฉันต้องการทราบว่าฉันจะทำสิ่งนี้ด้วยวิธีที่สอดคล้องกับข้ามเบราว์เซอร์ได้อย่างไร

91 html  pdf 

ฉันกำลังพยายามจัดรูปแบบตัวเลขในรายการสั่งซื้อฉันต้องการเพิ่มสีพื้นหลังรัศมีขอบและสีเพื่อให้ตรงกับการออกแบบที่ฉันกำลังดำเนินการ: ฉันเดาว่าเป็นไปไม่ได้และฉันจะต้องใช้รูปภาพที่แตกต่างกันสำหรับแต่ละหมายเลขเช่น ol li:first-child {list-style-image:url('1.gif')}; ol li:nth-child(2) {list-style-image:url('2.gif');} etc... มีวิธีแก้ปัญหาที่ง่ายกว่านี้หรือไม่?

91 html  css  html-lists  sprite