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

ฉันพยายามควบคุมวิดีโอ HTML5 โดยใช้ JQuery ฉันมีสองคลิปในอินเทอร์เฟซแบบแท็บมีแท็บทั้งหมดหกแท็บส่วนอีกคลิปมีแค่ภาพ ฉันพยายามทำให้คลิปวิดีโอเล่นเมื่อมีการคลิกที่แท็บแล้วหยุดเมื่อมีคนอื่นคลิก นี่เป็นเรื่องง่ายที่จะทำ แต่ฉันไม่สามารถทำงานได้รหัสที่ฉันใช้ในการเล่นวิดีโอคือ: $('#playMovie1').click(function(){ $('#movie1').play(); }); ฉันได้อ่านแล้วว่าองค์ประกอบวิดีโอจำเป็นต้องเปิดเผยในฟังก์ชันเพื่อให้สามารถควบคุมได้ แต่ไม่สามารถหาตัวอย่างได้ ฉันสามารถทำให้มันทำงานโดยใช้ JS: document.getElementById('movie1').play(); คำแนะนำใด ๆ ที่จะดี ขอบคุณ

206 jquery  css  html  html5-video 

นี่คือ CSS: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } มันสร้างวงกลมด้านล่างได้อย่างไร สมมติว่าถ้าความกว้างของรูปสี่เหลี่ยมผืนผ้าเท่ากับ 180 พิกเซลและความสูงเป็น 180 พิกเซลก็จะปรากฏดังนี้: หลังจากใช้รัศมีเส้นขอบ 30 พิกเซลมันจะปรากฏดังนี้: สี่เหลี่ยมเล็กลงนั่นคือเกือบจะหายไปถ้าขนาดรัศมีเพิ่มขึ้น ดังนั้นเส้นขอบของพิกเซลที่ 180 ด้วยheight/width-> 0pxกลายเป็นวงกลมที่มีรัศมี 180 พิกเซลได้อย่างไร

206 html  css  css-shapes 

วิธีการเพิ่มstyle=display:"block"องค์ประกอบใน jQuery?

206 javascript  jquery  html  css 

วิธีหนึ่งในการหยุดการส่งแบบฟอร์มคือการส่งคืนค่าเท็จจากฟังก์ชัน JavaScript ของคุณ เมื่อคลิกปุ่มส่งจะมีการเรียกใช้ฟังก์ชันการตรวจสอบความถูกต้อง ฉันมีกรณีในการตรวจสอบแบบฟอร์ม หากตรงตามเงื่อนไขนั้นฉันเรียกใช้ฟังก์ชันชื่อreturnToPre ชัดPage (); function returnToPreviousPage() { window.history.back(); } ฉันใช้ JavaScript และDojo Toolkit แทนที่จะกลับไปที่หน้าก่อนหน้ามันจะส่งแบบฟอร์ม ฉันจะยกเลิกการส่งข้อมูลนี้และกลับไปที่หน้าก่อนหน้าได้อย่างไร

206 javascript  html  forms 

ตามที่เป็นอยู่ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบคำถาม & คำตอบของเรา เราคาดหวังคำตอบที่จะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจเรียกร้องให้มีการอภิปรายโต้แย้งโต้แย้งหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงและเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อขอคำแนะนำ ปิดให้บริการใน8 ปีที่ผ่านมา ฉันใหม่มากสำหรับโลกแห่งการพัฒนาเว็บและกระโดดเข้าสู่ bandwagon เพราะฉันพบว่าแนวคิดของ HTML5 น่าสนใจมาก ฉันค่อนข้างมั่นใจในการทำงานกับ Canvas และตอนนี้อยากจะย้ายไปที่ websockets ส่วนหนึ่งของมัน ฉันมาทำความเข้าใจกับ socket.io เป็นเพียงกรอบการทำงานเมื่อเราต้องการทำงานกับเว็บซ็อกเก็ต พอยน์เตอร์ใด ๆ เกี่ยวกับสิ่งที่การสอนและตัวอย่างที่อ้างถึงสำหรับหุ่นจำลองทั้งหมดจะได้รับการชื่นชมอย่างมาก!

205 javascript  node.js  html  websocket  socket.io 

ฉันจะรับชื่อหน้า HTML ด้วย JavaScript ได้อย่างไร

205 javascript  html  dom  title 

ฉันไม่ได้รวมบรรทัดของรหัสต่อไปนี้ในแท็กหัวของฉัน แต่ favicon ของฉันยังคงปรากฏในเบราว์เซอร์ของฉัน: <link rel="icon" href="favicon.ico" type="image/x-icon" /> จุดประสงค์ของการรวมมันคืออะไร?

205 html  favicon 

สมมติว่าฉันมีสตริง " ฉันชอบก้นใหญ่และฉันนอนไม่หลับ " และฉันก็ตัดมันด้วยoverflow:hiddenดังนั้นมันจึงแสดงเป็นดังนี้: ฉันชอบก้นใหญ่และฉันไม่สามารถ ตัดข้อความ เป็นไปได้ไหมที่แสดงสิ่งนี้: ฉันชอบก้นใหญ่และฉันไม่สามารถ ... ใช้ CSS หรือไม่

205 html  css 

ฉันมีช่วงข้อมูลแบบไดนามิกในหน้าของฉันอย่างมีellipsisสไตล์ .my-class { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 71px; } <span id="myId" class="my-class"></span> document.getElementById('myId').innerText = "..."; ฉันต้องการเพิ่มคำแนะนำเครื่องมือองค์ประกอบนี้ด้วยเนื้อหาเดียวกัน แต่ฉันต้องการให้ปรากฏเฉพาะเมื่อเนื้อหามีความยาวและจุดไข่ปลาปรากฏบนหน้าจอ มีวิธีใดบ้างที่จะทำ? เบราว์เซอร์โยนเหตุการณ์เมื่อellipsisเปิดใช้งานหรือไม่ * เบราว์เซอร์: Internet Explorer

205 javascript  html  css  tooltip  ellipsis 

ฉันรู้ว่ามันไม่ถูกต้อง แต่เพื่อภาพประกอบฉันต้องการทำสิ่งนี้: <%= Html.Button("Action", "Controller") %> เป้าหมายของฉันคือสร้างปุ่ม HTML ที่จะเรียกวิธีการทำงานของคอนโทรลเลอร์ MVC ของฉัน

205 html  asp.net-mvc 

ฉันค่อนข้างใหม่กับ Angular2 และฉันมีปัญหาเล็กน้อย: ใน Login-Component-HTML ของฉันฉันมีช่องทำเครื่องหมายสองช่องซึ่งฉันต้องการผูกข้อมูลสองทางเข้ากับ Login-Component-TypeScript นี่คือ HTML: <div class="checkbox"> <label> <input #saveUsername [(ngModel)]="saveUsername.selected" type="checkbox" data-toggle="toggle">Save username </label> </div> และนี่คือ Component.ts: import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router'; import { Variables } from '../../services/variables'; @Component({ selector: 'login', moduleId: module.id, templateUrl: 'login.component.html', styleUrls: ['login.component.css'] …

205 html  angular  typescript  checkbox  data-binding 

ฉันมี 2 divs เคียงข้างกันใน flexbox มือขวาควรมีความกว้างเท่ากันเสมอและฉันต้องการให้มือซ้ายจับที่เหลือ แต่จะไม่เว้นแต่ฉันจะตั้งค่าความกว้างเป็นพิเศษ ดังนั้นในขณะนี้มันถูกตั้งค่าเป็น 96% ซึ่งดูโอเคจนกระทั่งคุณสควอชหน้าจอจริงๆ - จากนั้น div มือขวาจะได้รับพื้นที่ที่ต้องการเล็กน้อย ฉันเดาว่าฉันจะทิ้งมันไว้อย่างที่มันเป็น แต่มันก็รู้สึกผิด - เหมือนจะต้องมีวิธีพูด: คนที่ใช่ก็เหมือนกันเสมอ คุณอยู่ทางซ้ายคุณจะได้ทุกอย่างที่เหลือ .ar-course-nav { cursor: pointer; padding: 8px 12px 8px 12px; border-radius: 8px; } .ar-course-nav:hover { background-color: rgba(0, 0, 0, 0.1); } <br/> <br/> <div class="ar-course-nav" style="display:flex; justify-content:space-between;"> <div style="width:96%;"> <div style="overflow:hidden; …

205 html  css  flexbox 

ฉันกำลังทำงานเพื่อวางรากฐานที่สร้างความตระหนักในการเข้าถึงอินเทอร์เน็ต สำหรับงานนำเสนอเราต้องการเสนอการประชุมเชิงปฏิบัติการขนาดเล็กที่จำลองความพิการ / ความบกพร่องต่าง ๆ ให้กับผู้คน สิ่งนี้ทำได้ผ่านเว็บไซต์ที่สร้างขึ้นเป็นพิเศษสำหรับงานนำเสนอนี้ หนึ่งในความบกพร่องที่แสดงให้เห็นคือการสั่นสะเทือนซึ่งหมายถึงการเคลื่อนไหวของมือที่สั่นคลอนและควบคุมยาก ด้วยการด้อยค่านี้มันเป็นเรื่องยากมากที่จะย้ายเคอร์เซอร์ของเมาส์อย่างแม่นยำและกดปุ่มเมาส์ในขณะที่เมาส์อยู่เหนือลิงก์ ทั้งคนชราและคนที่เป็นโรคเช่นพาร์กินสันอาจมีอาการสั่นได้ ตอนนี้ฉันต้องการย้ายเคอร์เซอร์ของเมาส์ไปในทางที่ไม่สามารถคาดเดาได้ดังนั้นจึงเป็นเรื่องยากสำหรับคนที่จะคลิกปุ่มเล็ก ๆ เนื่องจากจาวาสคริปต์ไม่อนุญาตให้ย้ายเคอร์เซอร์ของเมาส์โดยตรงฉันกำลังมองหาวิธีอื่นเพื่อให้ได้สิ่งนี้ ฉันคิดตามแนวคิดต่อไปนี้: การใช้ไดรเวอร์ / ยูทิลิตี้ของเมาส์เพื่อจำลองการสั่นของเมาส์ ซ่อนเคอร์เซอร์ของเมาส์ผ่าน CSS วางภาพเคลื่อนไหว GIF ของเคอร์เซอร์เมาส์เขย่าที่ตำแหน่งของเคอร์เซอร์ดั้งเดิม (ด้วย JavaScript) จากนั้นทำให้ลิงก์เป้าหมายสามารถคลิกได้ทุก ๆ วินาทีไม่กี่วินาที อย่างน้อยก็จะให้ความรู้สึกราวกับว่ามีคนคลิกอยู่เสมอในช่วงเวลาที่ผิด ในขณะที่ความคิดแรกนั้นค่อนข้างเจ๋งฉันก็ไม่สามารถหาเครื่องมือแบบนี้ได้ไม่ว่าจะเป็นสำหรับ Mac หรือ Windows และฉันไม่มีทักษะในการเขียนโปรแกรมด้วยตัวเอง ความคิดที่สองดูเหมือนจะค่อนข้างงุ่มง่าม แต่มันจะทำให้ได้ผลตามที่ต้องการ ใครมีความคิดอื่นบ้าง

204 javascript  html  css  accessibility  simulation 

ฉันใช้เฟรมเวิร์ก bootstrap ของ twitter มาระยะหนึ่งแล้วพวกเขาก็อัพเดตเป็น version 3 เร็ว ๆ นี้! ฉันมีปัญหาในการติดท้ายท้ายกระดาษฉันใช้เทมเพลตเริ่มต้นที่จัดทำโดยเว็บไซต์ bootstrap twitter แต่ก็ยังไม่มีโชค

204 html  css  twitter-bootstrap  twitter-bootstrap-3 

มีโอกาสใดที่จะตรวจสอบการเลือกไฟล์ทุกไฟล์ที่ผู้ใช้ทำกับ HTML inputของประเภทfileองค์ประกอบหรือไม่ ก่อนหน้านี้มีการถามหลายครั้ง แต่onchangeเหตุการณ์ที่เสนอมักจะไม่เริ่มทำงานหากผู้ใช้เลือกไฟล์เดียวกันอีกครั้ง

204 javascript  html  forms  dom-events