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

7

Наэтотвопросестьответына Stack Overflow нарусском : Div. Занятьоставшеесяместо ฉันจะสร้าง div เติมความกว้างที่เหลือได้อย่างไร <div id="Main" style="width: 500px;"> <div id="div1" style="width: 100px;"></div> <div id="div2"></div> <div id="div3" style="width: 100px; float: right;"></div> </div> ฉันdiv2จะเติมส่วนที่เหลือได้อย่างไร?

88 html css

4

อักขระใดแสดงถึงบรรทัดใหม่ในพื้นที่ข้อความ

เพียงอย่างรวดเร็ว แต่ต้องการให้แน่ใจว่าฉันจับรูปแบบข้ามแพลตฟอร์มได้ ฉันต้องการแปลงบรรทัดใหม่ที่ป้อนลงในพื้นที่ข้อความเป็น [ลูกน้ำ] เพื่อให้สามารถแสดงผลลัพธ์ได้ในบรรทัดเดียวคำถามของฉัน ... ขณะนี้การส่งจาก google chrome เมื่อฉันดูค่าฉันพบว่ามันใช้\r\nสำหรับบรรทัดใหม่ ถ้าฉันแทนที่\r\nฉันรู้ว่ามันจะใช้งานได้กับ chrome บน windows 7 แต่สิ่งที่เกี่ยวกับแพลตฟอร์มอื่น ๆ มีรูปแบบใดบ้างที่เบราว์เซอร์อื่นจะแทรกเป็นบรรทัดใหม่ภายในพื้นที่ข้อความ

88 html textarea newline

5

css ที่ง่ายที่สุดสำหรับการแจ้งเตือนแบบ "สีแดง" ของ Facebook

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

88 javascript html css user-interface user-experience

9

วิธีรับค่าเก่าด้วยเหตุการณ์ onchange () ในกล่องข้อความ

ฉันมีกล่องข้อความและค่าที่สร้างขึ้นเมื่อโหลดหน้าเว็บ ตอนนี้ถ้าผู้ใช้เปลี่ยนสิ่งใด ๆ ในกล่องข้อความฉันต้องการรับค่าที่เปลี่ยนแปลง (ค่าใหม่) และค่าเก่า แต่เมื่อฉันทำ ELEMENT.value แล้วมันจะให้ค่าที่เปลี่ยนแปลงเท่านั้น ข้อเสนอแนะใด ๆ เพื่อรับค่าเก่า? ด้านล่างนี้คือรหัสของฉัน <head> <script type="text/javascript"> function onChangeTest(changeVal) { alert("Value is " + changeVal.value); } </script> </head> <body> <form> <div> <input type="text" id="test" value ="ABS" onchange="onChangeTest(this)"> </div> </form> </body> </html> ขอบคุณล่วงหน้า

88 javascript html validation

6

การเว้นแถวของตาราง

<html> <head> <title>Table Row Padding Issue</title> <style type="text/css"> tr { padding: 20px; } </style> </head> <body> <table> <tbody> <tr> <td> <h2>Lorem Ipsum</h2> <p>Fusce sodales lorem nec magna iaculis a fermentum lacus facilisis. Curabitur sodales risus sit amet neque fringilla feugiat. Ut tellus nulla, bibendum at faucibus ut, convallis eget neque. …

88 html css html-table row padding

12

ฉันสามารถปิดการลบรอยหยักในองค์ประกอบ <canvas> HTML ได้หรือไม่

ฉันกำลังเล่นกับ<canvas>องค์ประกอบวาดเส้นและอื่น ๆ ฉันสังเกตว่าเส้นทแยงมุมของฉันมีการต่อต้านการดัด ฉันชอบรูปลักษณ์ที่ดูหยาบสำหรับสิ่งที่ฉันกำลังทำ - มีวิธีใดในการปิดคุณสมบัตินี้หรือไม่?

88 javascript html canvas antialiasing

17

ฉันจะตั้งโฟกัสไปยังองค์ประกอบอินพุตแรกในรูปแบบ HTML ที่เป็นอิสระจาก id ได้อย่างไร

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

88 javascript html forms focus

5

ทำให้พื้นหลังข้อความโปร่งใส แต่ไม่ใช่ข้อความ

ดังนั้นฉันกำลังมีปัญหา ฉันมองไปรอบ ๆ และมองไปรอบ ๆ แต่ไม่มีโชค ฉันต้องการทำให้พื้นหลังของร่างกายโปร่งใส แต่ปล่อยให้ข้อความไม่โปร่งใส อย่างที่เป็นอยู่ตอนนี้ฉันทำให้ทั้งสองมีความทึบเท่ากัน นี่คือรหัสของฉัน: @charset "utf-8"; body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color: #42413C; margin: 0; padding: 0; color: #000; } /* ~~ Element/tag selectors ~~ */ ul, ol, dl { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, …

87 html css text opacity

9

สร้างลิงก์ HTML ที่ไม่ทำอะไรเลย (ไม่มีอะไรจริง)

ฉันต้องการลิงค์ที่ไม่ทำอะไรเลย ฉันไม่ต้องการสิ่งนี้: <a href="#"> แล้วเพราะ URL something.com/whatever/#ที่จะกลายเป็น เหตุผลเดียวที่ฉันต้องการลิงก์คือเพื่อให้ผู้ใช้เห็นว่าพวกเขาสามารถคลิกที่ข้อความได้ จาวาสคริปต์ถูกใช้เพื่อดำเนินการบางอย่างดังนั้นฉันจึงไม่จำเป็นต้องใช้ลิงก์เพื่อไปที่ใดก็ได้ แต่ฉันต้องการให้มันดูเหมือนลิงค์! ฉันสามารถใช้แอตทริบิวต์ข้อมูลบางอย่างและบอกให้ CSS ทำให้องค์ประกอบดูเหมือนลิงก์หากมีแอตทริบิวต์นี้ แต่ดูเหมือนจะใช้งานมากเกินไป

87 html css

7

angularjs newline filter โดยไม่มี html อื่น ๆ

ฉันพยายามที่จะแปลงตัวอักษรขึ้นบรรทัดใหม่ ( \n) เป็น HTML br's ตามการสนทนานี้ใน Google Groupนี่คือสิ่งที่ฉันได้รับ: myApp.filter('newlines', function () { return function(text) { return text.replace(/\n/g, '<br/>'); } }); การอภิปรายยังแนะนำให้ใช้สิ่งต่อไปนี้ในมุมมอง: {{ dataFromModel | newline | html }} ดูเหมือนว่าจะใช้htmlตัวกรองเก่าในขณะที่ตอนนี้เราควรใช้ng-bind-htmlแอตทริบิวต์ ไม่ว่าสิ่งนี้จะทำให้เกิดปัญหา: ฉันไม่ต้องการให้ HTML ใด ๆ จากสตริงดั้งเดิม ( dataFromModel) แสดงผลเป็น HTML เฉพาะbrของ ตัวอย่างเช่นกำหนดสตริงต่อไปนี้: ในขณะที่ 7> 5 ฉันยังไม่ต้องการ html & ของที่นี่ ... …

87 javascript html angularjs sanitization

13

ฉันจะ * ปรับเมนูแนวนอนใน HTML + CSS ได้อย่างไร

คุณพบบทเรียนมากมายบนแถบเมนูใน HTML แต่สำหรับกรณีเฉพาะนี้ (แม้ว่า IMHO ทั่วไป) ฉันไม่พบวิธีแก้ปัญหาที่เหมาะสม: # THE MENU ITEMS SHOULD BE JUSTIFIED JUST AS PLAIN TEXT WOULD BE # # ^ ^ # รายการเมนูแบบข้อความเท่านั้นมีจำนวนแตกต่างกันไปและเค้าโครงหน้าเว็บก็ลื่นไหล รายการเมนูแรกควรจัดชิดซ้ายรายการเมนูสุดท้ายควรจัดชิดขวา รายการที่เหลือควรกระจายอย่างเหมาะสมที่สุดบนแถบเมนู จำนวนจะแตกต่างกันดังนั้นจึงไม่มีโอกาสคำนวณความกว้างที่เหมาะสมล่วงหน้า โปรดทราบว่า TABLE จะไม่ทำงานที่นี่เช่นกัน: หากคุณอยู่กึ่งกลาง TD ทั้งหมดรายการแรกและรายการสุดท้ายจะไม่ถูกจัดเรียงอย่างถูกต้อง ถ้าคุณจัดชิดซ้ายและจัดชิดขวาของการตอบสนองแรก รายการสุดท้ายระยะห่างจะไม่เหมาะสม ไม่แปลกที่ไม่มีวิธีที่ชัดเจนในการนำสิ่งนี้ไปใช้อย่างสะอาดตาโดยใช้ HTML และ CSS?

87 html css

16

เปลี่ยนสีของสัญลักษณ์แสดงหัวข้อย่อยในรายการ html หรือไม่

สิ่งที่ฉันต้องการคือสามารถเปลี่ยนสีของสัญลักษณ์แสดงหัวข้อย่อยในรายการเป็นสีเทาอ่อนได้ ค่าเริ่มต้นเป็นสีดำและฉันคิดไม่ออกว่าจะเปลี่ยนอย่างไร ฉันรู้ว่าฉันสามารถใช้รูปภาพได้ ฉันไม่ควรทำอย่างนั้นถ้าฉันสามารถช่วยได้

87 html css html-lists

4

x-tmpl คืออะไร?

กำลังหาคำตอบในเน็ต แต่ไม่พบอะไรเลย รหัสขนมเล็กน้อยนี้ทำให้ฉันหงุดหงิดอย่างที่ฉันไม่เข้าใจ (เป็นส่วนหนึ่งของปลั๊กอินที่เรียกว่า: jQuery File Upload) <script id="template-download" type="text/x-tmpl"> {% for (var i=0, file; file=o.files[i]; i++) { %} <tr class="template-download fade"> {% if (file.error) { %} <td></td> <td class="name"><span>{%=file.name%}</span></td> <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td> <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td> {% } else { %} <td class="preview">{% if (file.thumbnail_url) { …

87 html

13

ปรับขนาดแคนวาส Chart.js

ใน ( ข้อผิดพลาดพื้นที่ทำงานของ Android WebView HTML5 ) ฉันโพสต์คำถามเกี่ยวกับการลงจุดกราฟโดยใช้ไลบรารี Graph.js ปัญหาที่ฉันมีตอนนี้คือถ้าฉันเรียกใช้ฟังก์ชันเพื่อลงจุดกราฟหลาย ๆ ครั้งผืนผ้าใบจะปรับขนาดทุกครั้ง ทุกครั้งที่กราฟถูกวาดใหม่เป็นผืนผ้าใบเดียวกันขนาดของกราฟจะเปลี่ยนไปด้วย ฉันลองตั้งขนาดของผืนผ้าใบด้วย แต่ไม่ประสบความสำเร็จ อะไรคือสาเหตุ? ทำไมผ้าใบถึงปรับขนาดทุกครั้ง?

87 html canvas chart.js

3

: แตะ CSS หลอกคลาสหรืออะไรที่คล้ายกัน?

ฉันกำลังพยายามสร้างปุ่มซึ่งเมื่อผู้ใช้คลิกปุ่มนั้นจะเปลี่ยนรูปแบบขณะที่กดปุ่มเมาส์ค้าง ฉันยังต้องการให้เปลี่ยนรูปแบบในลักษณะเดียวกันหากสัมผัสในเบราว์เซอร์มือถือ สิ่งที่เห็นได้ชัดสำหรับฉันคือการใช้ CSS: active pseudo-class แต่ไม่ได้ผล ฉันพยายาม: โฟกัส แต่มันก็ไม่ได้ผลเช่นกัน ฉันลอง: วางเมาส์เหนือและดูเหมือนจะใช้งานได้ แต่มันยังคงรูปแบบไว้หลังจากที่ฉันเอานิ้วออกจากปุ่ม การสังเกตทั้งหมดนี้อยู่ใน iPhone 4 และ Droid 2 มีวิธีใดบ้างที่จะจำลองเอฟเฟกต์บนเบราว์เซอร์มือถือ (iPhone, iPad, Android และอื่น ๆ อีกมากมาย) ตอนนี้ฉันกำลังทำสิ่งนี้: <style type="text/css"> #testButton { background: #dddddd; } #testButton:active, #testButton.active { background: #aaaaaa; } </style> ... <button type="button" id="testButton">test</button> ... <script type='text/javascript' src='http://code.jquery.com/jquery-1.6.1.min.js'></script> <script …

87 javascript jquery html css mobile

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