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

5

ฉันจะสร้างลิงค์ไปยังไฟล์ในเครื่องบนหน้าเว็บที่รันในเครื่องได้อย่างไร

ฉันต้องการมีไฟล์ html ที่จัดการไฟล์บางไฟล์ที่กระจัดกระจายอยู่ทั่วฮาร์ดไดรฟ์ของฉัน ตัวอย่างเช่นฉันมีสองไฟล์ที่ฉันจะเชื่อมโยงไปยัง: C:\Programs\sort.mw C:\Videos\lecture.mp4 ปัญหาคือฉันต้องการให้ลิงก์ทำงานเป็นทางลัดไปยังไฟล์ ฉันได้ลองทำสิ่งต่อไปนี้แล้ว: <a href="C:\Programs\sort.mw">Link 1</a> <a href="C:\Videos\lecture.mp4">Link 2</a> ... แต่ลิงก์แรกไม่ทำอะไรเลยและลิงค์ที่สองจะเปิดไฟล์ใน Chrome ไม่ใช่ VLC คำถามของฉันคือ: มีวิธีการปรับ HTML ของฉันเพื่อรักษาลิงค์เป็นทางลัดไปยังไฟล์หรือไม่ หากไม่มีวิธีในการปรับ HTML มีวิธีอื่นที่จะลิงก์ไปยังไฟล์ที่กระจัดกระจายไปทั่วฮาร์ดไดรฟ์อย่างเรียบร้อยหรือไม่? คอมพิวเตอร์ของฉันใช้ Windows 7 และเว็บเบราว์เซอร์ของฉันคือ Chrome

155 html anchor local-files

11

จะแสดงไฟล์ PDF เป็น HTML ได้อย่างไร?

ฉันมีไฟล์ PDF ที่สร้างขึ้นอัตโนมัติโดยitextและฉันต้องแสดงไฟล์ PDF นั้นใน HTML คำถามของฉันคือ: จะแสดงไฟล์ PDF ในเครื่องใน HTML โดยใช้pdf.js ได้อย่างไร? ควรสร้างไฟล์ PDF โดยมาตรฐานบางอย่างหรือไม่

155 html pdf

12

ฉันจะทำให้ฟอร์ม HTML ทั้งหมด“ อ่านได้อย่างเดียว” ได้อย่างไร

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

155 html

9

วิธีรับเนื้อหาของ iframe ใน Javascript

154 javascript html iframe

9

Ruby on Rails: วิธีการแสดงสตริงเป็น HTML?

ฉันมี @str = "<b>Hi</b>" และในมุมมองของฉัน erb: <%= @str %> สิ่งที่จะแสดงบนหน้าคือ<b>Hi</b>เมื่อสิ่งที่ฉันต้องการจริงๆคือสวัสดี วิธี "ตีความ" สตริงของทับทิมเป็นมาร์กอัป HTML คืออะไร แก้ไข : กรณีที่ @str = "<span class=\"classname\">hello</span>" ถ้าในมุมมองของฉันฉันทำ <%raw @str %> ซอร์สโค้ด HTML คือ<span class=\"classname\">hello</span> ที่สิ่งที่ฉันต้องการคือ<span class="classname">hello</span>(ไม่มีแบ็กสแลชที่หนีเครื่องหมายคำพูดคู่) อะไรคือวิธีที่ดีที่สุดในการ "unescape" เครื่องหมายคำพูดคู่นั้น

154 html ruby-on-rails ruby string

10

ตัวยึดฟิลด์ข้อความ HTML ที่กึ่งกลางศูนย์

ฉันจะจัดตำแหน่งตัวจัดตำแหน่งของตัวป้อนฟิลด์ในรูปแบบ html ได้อย่างไร ฉันใช้รหัสต่อไปนี้ แต่มันไม่ทำงาน: CSS -> input.placeholder { text-align: center; } .emailField { top:413px; right:290px; width: 355px; height: 30px; position: absolute; border: none; font-size: 17; text-align: center; } HTML -> <form action="" method="POST"> <input type="text" class="emailField" placeholder="support@socialpic.org" style="text-align: center" name="email" /> <!<input type="submit" value="submit" /> </form>

154 html css

5

คุณจะทำให้ <div> สองตัวทับซ้อนกันได้อย่างไร

ฉันต้องการคนสองคนที่จะดูเป็นแบบนี้: | | ---| LOGO |------------------------ | |_______________| LINKS | | CONTENT | อะไรคือวิธีที่ประณีต / งดงามที่สุดในการทำให้มันซ้อนทับกันอย่างเป็นระเบียบ? โลโก้จะมีความสูงและความกว้างคงที่และจะสัมผัสกับขอบด้านบนของหน้า

154 css html overlap

30

ประเภทอินพุต = ไฟล์แสดงเฉพาะปุ่ม

มีวิธีการสไตล์<input type=file />องค์ประกอบ(หรือสคริปต์) ที่จะมองเห็นได้เฉพาะปุ่ม "เรียกดู" โดยไม่มีฟิลด์ข้อความ? ขอบคุณ แก้ไข : เพียงชี้แจงว่าทำไมฉันถึงต้องการสิ่งนี้ ฉันกำลังใช้รหัสอัปโหลดไฟล์หลายไฟล์จากhttp://www.morningz.com/?p=5และไม่จำเป็นต้องป้อนฟิลด์ข้อความเพราะมันไม่มีค่า สคริปต์เพิ่งเพิ่มไฟล์ที่เลือกใหม่เพื่อรวบรวมในหน้า มันจะดูดีขึ้นมากหากไม่มีฟิลด์ข้อความถ้าเป็นไปได้

154 javascript html css

12

ยัติภังค์อ่อนใน HTML (<wbr> vs. & shy;)

คุณจะแก้ปัญหาด้วยเครื่องหมายขีดกลางบนหน้าเว็บของคุณได้อย่างไร ในข้อความอาจมีคำยาวซึ่งคุณอาจต้องการแบ่งบรรทัดด้วยยัติภังค์ แต่คุณไม่ต้องการให้เครื่องหมายขีดกลางปรากฏขึ้นหากคำทั้งหมดอยู่ในบรรทัดเดียวกัน ตามความคิดเห็นในหน้า <wbr>นี้เป็น "ซุปแท็กที่คิดค้นโดย Netscape" ที่ไม่ได้มาตรฐาน ดูเหมือนว่ามีปัญหากับการปฏิบัติตามมาตรฐานเช่นเดียวกับ&shy; ดูเหมือนว่าจะมีวิธีการที่จะได้รับการแก้ปัญหาการทำงานให้กับเบราว์เซอร์ไม่ทั้งหมด วิธีใดในการจัดการยัติภังค์อ่อนและทำไมคุณถึงเลือก มีวิธีแก้ปัญหาที่ต้องการหรือวิธีปฏิบัติที่ดีที่สุดหรือไม่? ดูที่เกี่ยวข้องดังนั้นการอภิปรายที่นี่

154 html text soft-hyphen wbr

5

จะบันทึกภาพไปยัง localStorage และแสดงในหน้าถัดไปได้อย่างไร?

ดังนั้นโดยทั่วไปฉันต้องอัปโหลดภาพเดียวบันทึกลงใน localStorage จากนั้นแสดงในหน้าถัดไป ขณะนี้ฉันมีการอัปโหลดไฟล์ HTML ของฉัน: <input type='file' id="uploadBannerImage" onchange="readURL(this);" /> ซึ่งใช้ฟังก์ชั่นนี้เพื่อแสดงภาพบนหน้า function readURL(input) { document.getElementById("bannerImg").style.display = "block"; if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { document.getElementById('bannerImg').src = e.target.result; } reader.readAsDataURL(input.files[0]); } } ภาพจะปรากฏขึ้นทันทีบนหน้าเพื่อให้ผู้ใช้เห็น พวกเขาจะถูกขอให้กรอกแบบฟอร์มที่เหลือ ส่วนนี้ทำงานได้อย่างสมบูรณ์ เมื่อแบบฟอร์มเสร็จสมบูรณ์แล้วพวกเขาก็กดปุ่ม 'บันทึก' เมื่อกดปุ่มนี้ฉันจะบันทึกอินพุตแบบฟอร์มทั้งหมดเป็นlocalStorageสตริง ฉันต้องการวิธีในการบันทึกภาพเป็นlocalStorageรายการด้วย ปุ่มบันทึกจะนำพวกเขาไปยังหน้าใหม่ หน้าใหม่นี้จะแสดงข้อมูลผู้ใช้ในตารางโดยมีรูปภาพอยู่ด้านบน ดังนั้นธรรมดาและเรียบง่ายที่ฉันต้องการที่จะบันทึกภาพในlocalStorageครั้งเดียว …

154 javascript jquery html local-storage

3

การลบการเยื้อง ul ด้วย CSS

ฉันไม่สามารถลบการเยื้องออกจากรายการที่ไม่เรียงลำดับของฉันเมื่อมีบรรทัดยาวในรายการของฉันล้อมรอบ นี่คือรายการของฉันดูเหมือนว่า: ผู้ใช้ Windows สามารถใช้ผงสำหรับอุดรู ผู้ใช้ Mac สามารถใช้ Terminal.app ผู้ใช้ Linux สามารถใช้ SSH userid@ourserver.com พอร์ต 22 ........... > หรือใช้โปรแกรม SFTP อย่าง Cyberduck เพียงชี้ไปที่ ........................... .............. > ourserver.com พอร์ต 22 (จุดแสดงเยื้อง) ฉันได้อ่านวิธีแก้ไขปัญหามากมายแล้วลองตั้งค่าระยะขอบและระยะห่างจากศูนย์ให้เป็นศูนย์โดยใช้การเยื้องข้อความแบบรายการ แต่ไม่มีอะไรทำงาน ฉันคิดว่าปัญหาคือมีส่วนหัวเหนือรายการที่ฉันต้องการให้อยู่กึ่งกลางดังนั้นฉันจึงตั้งระยะขอบให้เป็นอัตโนมัติและจากนั้นจะทำรายการด้านล่างยุ่งเหยิง แต่แม้ว่าฉันจะบอกว่ามีสอง divs อยู่ใน div parent มันไม่ทำงาน นี่คือ HTML / CSS (ฉันรวมทุกอย่างในกรณีที่มีการตั้งค่าบางอย่างที่ทำให้การแก้ปัญหาอื่น ๆ ทั้งหมดล้มเหลว) <div id="info"> <p><strong>Did you …

154 html css html-lists

13

ฉันจะส่งแบบฟอร์มการอัปโหลดอัตโนมัติเมื่อไฟล์ถูกเลือกได้อย่างไร

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

154 javascript html

2

ทำให้ไอเท็ม flex ใช้ความกว้างของเนื้อหาไม่ใช่ความกว้างของคอนเทนเนอร์พาเรนต์

ฉันมีภาชนะที่มี<div> แต่ก็มีเด็ก display: flex<a> ฉันจะทำให้เด็กปรากฏเป็น "อินไลน์" ได้อย่างไร โดยเฉพาะฉันจะกำหนดความกว้างของเด็กตามเนื้อหาได้อย่างไรและไม่ขยายไปถึงความกว้างของผู้ปกครอง สิ่งที่ฉันพยายาม: ฉันตั้งค่าให้เด็กdisplay: inline-flexแต่ก็ยังใช้ความกว้างเต็ม ฉันยังลองคุณสมบัติการแสดงผลอื่น ๆ ทั้งหมด แต่ไม่มีผลใด ๆ ตัวอย่าง: .container { background: red; height: 200px; flex-direction: column; padding: 10px; display: flex; } a { display: inline-flex; padding: 10px 40px; background: pink; } <div class="container"> <a href="#">Test</a> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล http://codepen.io/donpinkus/pen/YGRxRY

154 html css flexbox

16

คุณตรวจจับการล้างอินพุต "ค้นหา" HTML5 อย่างไร

ใน HTML5 searchประเภทการป้อนข้อมูลจะปรากฏขึ้นพร้อม X เล็กน้อยทางด้านขวาที่จะล้างกล่องข้อความ (อย่างน้อยก็ใน Chrome หรือที่อื่น ๆ ) มีวิธีการตรวจสอบเมื่อมีการคลิก X นี้ใน Javascript หรือ jQuery นอกเหนือจากการพูดการตรวจพบเมื่อมีการคลิกที่กล่องทั้งหมดหรือทำตำแหน่งตรวจจับการคลิก (ตำแหน่ง x ตำแหน่ง / y)?

154 javascript jquery html events dom-events

16

ฉันจะล้างอินพุตไฟล์ HTML ด้วย JavaScript ได้อย่างไร

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

154 javascript html

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