Questions tagged [html5]

48647 questions
0

votes
0

answer
28

Views

Video-streaming the content of a div

I'm developing a teaching application and I would like to be able to stream the contents of a div (the div will contain pictures, text, a white board emulator, etc used during the lesson). The teacher should be able to switch from the regular webcam to the div when necessary. Is there any way to ach...
devamat
0

votes
1

answer
16

Views

setCustomValidity() not working in Chrome browser

I've got a problem when I'm trying to set custom message in my input: It's working on Firefox browser but on Chrome oninvalid is ignored and it still displays custom message. I've found one topic about version of Chrome HERE, but I have version 74. It's possible they still have not fixed it?
Marshall
1

votes
1

answer
603

Views

videojs changing audio tracks programmatically [closed]

I've read the documentation twice and haven't found a way to do this. videojs on its own cannot do this, this is mentioned in the docs so I have the hls plugin which should be able to do it yet I can't find anything related to this. Can someone point me in the right direction?
slash197
0

votes
0

answer
23

Views

How can I draw a circle with the arc-method?

I'm trying to make a basic paint-program in javascript. I've added tools for rectangle, line and freehand drawing. Now I need to add a tool for drawing a circle. I found the code for drawing a circle, but I don't know how to implement and change it fit the code I already have. The code for drawing t...
Senseless
1

votes
3

answer
1.8k

Views

How to set autofocus on a matInput element on click event in Angular 6?

Similar to Google Login page, I want to have autofocus on input element after on click event. I have tried @ViewChild('id') and document.getElementId('id'). Both of it doesn't work. It's always null or undefined. How can I achieve this? Next
1

votes
1

answer
294

Views

Popup issue after upgrading jQuery from 1.11.1 to 3.3.1

I was using jQuery 1.11.1 and jQuery Mobile 1.4.5, everything is working fine. Recently I have upgraded jQuery to 3.3.1. I am getting popup issue. I am getting below error when i tried to open the popup in button onlick by calling popupCaptureOptions() function. Uncaught TypeError: e.preventDefault...
MobileDev
1

votes
1

answer
451

Views

How to connect WIX template with 3rd party REST APIs?

I created a simple web site using WIX platform. (https://www.wix.com/). I have some simple forms. Like customer registration and package management. All the UI part is done. And I have a Node.JS server to manage customers and packages. API is 100% done. Now I need to connect WIX template with my NOd...
Chanaka De Silva
1

votes
3

answer
45

Views

The program is skipping the if in my if else statement PHP

Here is my php code: Here is the html form that sends the information: USD/Canadian Money Conversion Site Starting Amount: 1 10 20 Conversion type: USD to Canadian Canadian to USD Conversion Rate: Step: 1 2 3 4 For some reason the php does not recognize the value of whichWay if the user selects US...
Caleb
1

votes
1

answer
400

Views

web page shows 507 insufficient storage once in a while

I have a website up and running. The website worked fine on localhost with no such errors but after I put it online it started showing 507 insufficient storage page whenever two or three users used the same page at the same time. For example there is a webpage chat.php which runs an ajax request to...
Vipul Sharma
1

votes
2

answer
57

Views

Stroke animation, how to attach another path to the appearing stroke?

I have the following animation: @keyframes dash { to { stroke-dashoffset: 0; } } #currency-chart-path { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: dash 30s linear forwards; } Run the code snippet to see the animation. I want to attach the arrow to the stroke so it look like...
Dimitri Kopriwa
1

votes
1

answer
84

Views

Angular 7 routing doesn't work properly it refreshes the page

Here is the problem that I have: I don't want to refresh my website when I select one of the tabs in my navbar. I'm new to angular and as I understand the router should route to a page without reloading the link. My code in app-routing-module import { NgModule } from '@angular/core'; import { Routes...
Ziya Arslan
1

votes
1

answer
103

Views

How to enable/disable inputs in blazor

I am trying to Enable/Disable a group of time inputs in Blazor based on a checkbox ; while for inputs of type button the below solution works ,for inputs of type time it doesn't : Solution for button input that works [Parameter] public bool state{get;set;} public string SetButton() { string resul...
Bercovici Adrian
1

votes
2

answer
41

Views

Apply Dynamic CSS on a angular component based on object value

Is there any way in angular, html or css to dynamically apply CSS based on object value: HTML: {{ obj.n }} CSS: .first { color: #db4437; } .second { color: #32cd32; } What I want to do is, if obj.n is red, I want first as the class of span tag and second => otherwise
Harshil Shah
1

votes
4

answer
40

Views

Is form submitted if <form> tag has no name attribute (and child <input> elements within form do have name attribute?

If I do not specify name attribute within tag, is everything within form is submitted successfully? I know that without name is not submitted in either GET or POST
user10777718
1

votes
3

answer
55

Views

How to remove extra border on “page' broken” table?

I have a long table, multi-page table thats breaks between pages. The table has borders and border-collapse as collapse. But on printable preview - there is some extra border. How can I remove it? Here is working example https://codepen.io/anon/pen/MxLjvK text text text text
Molfar
1

votes
3

answer
47

Views

The specified value “undefined” is not a valid number

I´m learning for an exam which is about company inventories. I thought i could do myself a favor and learn something new about coding while learning for this exams. Normally i only do frontend with very little javascript at my company. What i´m trying to do is setting up a table with 2 input rows....
Jurijcorn
1

votes
3

answer
56

Views

Create a Input and Label for each object in an array

I have populated an array with a list of ingredients. I need to make a dynamically create a checkbox & label combo for each object (just the 'Name' Object) within the array here is the code that I am trying to create for each object in the array Doughnuts I need to replicate that code fragment for e...
Humza Yusuf
1

votes
1

answer
35

Views

How to fix this unexpected image positioning on my leaderboard?

The code below creates a leaderboard which ranks users from 1 to 10 and here is the result: Now the problem is: How to get rid of that right deviation in 10th rank. I think it's because 10 is wider than other numbers... and the problem seems to be more annoying if I want to create more ranks maybe 4...
Sara Ree
1

votes
1

answer
51

Views

How to add image and data into firebase

I want to send/add notification data in database that contains image with some text data so I am not able to add this data in firebase. I tried some code for only data insertion, but it doesn't work and How do I add image in firebase? I am adding database which is made manually for notification. I w...
Vinit Mapari
1

votes
2

answer
57

Views

Can you step “1.00” instead of just 1 in input type number?

I'm using Polymer paper-input and I want to make my input of type='number' always show 2 decimals points, including when it's a whole number. So instead of the default of just 1, I want to always show it as 1.00. I got the paper-input to step='1' or even step='0.01', but every time the value is a w...
Minh Ly
1

votes
4

answer
63

Views

Display Date (not time) from Firestore Timestamp

I'm pulling a timestamp from a Firestore database, and I only want to display the date to the user. The original timestamp is Timestamp(seconds=1555477200, nanoseconds=0) I've tried a few variations to get the Date, but they all have the same output- Due: Wed Apr 17 2019 06:10:21 GMT-0500 (Centra...
Caponigri
1

votes
3

answer
40

Views

How to permanently focus an element?

Suppose I have a page where a button or an input field is the most important element on the page. I know that I can automatically focus the element when the page loads by using the autofocus attribute: Hello! This works as advertised, but unfortunately, the element will lose focus if the user clicks...
Flux
1

votes
2

answer
24

Views

Pause animation between each rotation for five seconds

I am working on this demo. How can I add five seconds delay to this animation between each rotate? .card { background: #00f; width: 100px; height: 100px; animation: rotate 4s infinite; -webkit-animation: rotate 4s infinite; } @-webkit-keyframes rotate { 100% { transform: rotate(90deg); }...
Mona Coder
-1

votes
6

answer
48

Views

Add css class to child elements based on index in array in javascript

I have an Javascript array of indexes like so [0, 2] And a bunch of paragraph elements like so some text some more text some sample text some text here some great text What would be a succinct way to add a css class to the paragraphs whose index appears in the array? In this case I expect a class to...
Smarajit
0

votes
0

answer
16

Views

html file input doesn't trigger on change event and disable file input control

I have a simple html form where I save product info and then refresh the screen with the saved product info. After that the user can upload a document. I have two questions here: Until user has saved the product info, the upload button should be not clickable. Once the product is saved and ID is gen...
Cindy
0

votes
0

answer
11

Views

Show only the text string from a Html-form

I'm set up a Html-form which send a form with the mailto action. I want that the String from the Textfield only appears and not the form format. It would be great if the method is only made in Html. Title of the document Title Nachricht: The actual results are: Text= Textstring from textarea Send=Se...
morissirom
0

votes
0

answer
7

Views

App híbrida. La cámara no se abre para capturar foto

I have a mobile application in HTML5 and Javascript, buildeada with PhoneGap in which there is a script that works taking captures from the camera. It works correctly in browsers, it asks for permission to use the camera, but it gives authorization error from the apk. The script: https://pixlcore.c...
rafa_pe
0

votes
0

answer
4

Views

Geolocation API is not at all working on all Safari browser

It seems that geolocation API no longer work on both desktop and mobile version of Safari browser. Code as simple as below is not working, it is asking for location but then callback function is not running. Why does Mozilla website says that this API is supported by Apple Safari while clearly it's...
Aumkar Thakur
1

votes
2

answer
5.2k

Views

How to create a ruler a tool for canvas?

Like the standard paint program in windows, I'm trying to create a very basic sketch canvas program where the the user can select a ruler tool to draw with on the canvas. How do I achieve this? I'm quite a beginner so I'd appreciate if the answer is as simple as possible... Thanks!!
user2972029
1

votes
3

answer
4.5k

Views

How do I remove the bottom border of my selected tab

How can my current HTML/CSS coding be modified such that, once a tab selection has been made, that the bottom border will be removed? Here's what it presently looks like: Here is the desired outcome: Here is the code: JavaScript tabs example ul#tabs { list-style-type: none; margin: 30px 0 0 0; paddi...
Jason Kelly
4

votes
9

answer
122

Views

Disappearing button in HTML

I wrote a simple input field with a button in it. Code is as given below. form { width: 50%; } /* Style the search field */ .add-on { position: relative; } .add-on input { width: 100%; border-radius: 0; } .add-on button { position: absolute; border-radius: 0; top: 2px; right: 3px;...
Ajay Kulkarni
0

votes
2

answer
20

Views

How to assign values by property in nested object array using javascript

I would like to know how to assign values to object property in nested object by id=insta in javascript I have a two objects, I need apply one object property to another using javascript I got stuck and dont know how to proceed, obj1.forEach(e=> {if(e.id==='insta') Object.assign(e, obj2)}) var obj1...
Senthil
1

votes
1

answer
71

Views

Thymeleaf: Only variable expressions returning numbers or booleans are allowed in this context

I have a SpringBoot 2.1.4.RELEASE RESTful Web Service app., using Spring Initializer, embedded Tomcat, Thymeleaf template engine, and package as an executable JAR file. I have this piece of code in one of my templates, ... But I got this error when rendering the template: org.thymeleaf.exceptions.T...
carles xuriguera
0

votes
1

answer
12

Views

On checking the internet availability, it navigates to the default browser(chrome) in phonegap

I'm trying to create a web app using phonegap. And I was using the code below and it worked fine. document.addEventListener('deviceready', onDeviceReady, false); function onDeviceReady() { window.location.href = 'https://abc.xyz/'; } Now I need to check my internet connectivity too, so as I used the...
Jqa
0

votes
0

answer
3

Views

Overlay a text in a Full Screen Video Player

I want to overlay or show the text html in my full screen video player. it does show in the normal screen but when I click the full screen, the text is not shown. here is what is look like when it is in normal sreen. SEE MY OVERLAY TEXT IN NORMAL VID SCREEN and when I FULL SCREEN it. WHEN FULL SCREE...
webx coding
0

votes
1

answer
15

Views

Canvas Drawing: Await for images to load in a recursive method

I am implementing a recursive method that takes an array of images and draw them into a canvas: async drawImages(ctx, images): Promise { const img = images.shift(); const imgToDraw = new Image(); imgToDraw.src = img.src; imgToDraw.onload = () => { ctx.drawImage(imgToDraw, img.x, img.y, img.w, img.h)...
Strider
1

votes
3

answer
1.3k

Views

play DRM content in chrome driver

I'm writing some selenium tests for a HTML5 player playing DRM content, the player works fine in Chrome when I test it manually, but nothing is loaded or played in the latest chrome driver if I run my test cases. Is it because of the drm content isn't authorized to play in chrome driver or something...
nieschumi
-3

votes
1

answer
15

Views

What does the sentence “Inline Style CSS is not recommended to use because it affects the whole CSS layout.” mean?

Last year I did a course on web development. Now I am going over the course materials. So when the instructor said: Inline Style CSS is not recommended to use because it affects the whole CSS layout. what does this sentence mean? So here is an example: Hello CSS! bbbbbb hhhhhh In the above code, the...
mvr950
0

votes
0

answer
6

Views

Magnific Popup Wordpress Audio Shortcode Keeps Playing after Close

I have created an inline popup for my custom Wordpress theme using Magnific Popup and the wp_audio_shortcode() function. It works beautifully, except that the audio keeps playing when I close the popup. (Embedded video stops exactly as expected, which is great!) I read this post magnific-popup, how...
NYCjbd
0

votes
0

answer
4

Views

Input type date behavior in android

Input type 'date' when used in android, does not have the option to select previous year. I want to have a basic date picker so that the users can select there birth date. When i tap on the input field, i get the date picker with current year. If i have to select by birth date, i will have to tap o...
Prenith T

View additional questions