I’ve created a calendar, and the days that are displayed are generated with a js loop It gives me this DOM result : I’m bringing a repository data from my controller to this twig template that return some dates where sessions has been made. So I would like to know how I would be able to read with …
Tag: html
unable to read data from firebase using html
I can see data in a Firebase realtime database from the console but if I try to read this data via HTML/JavaScript it’s not giving me anything. I have tried two different ways; neither worked. Format of the data: First way: Second way: Answer The following code resolved the issue and now I get my sensor…
Regex validation working with JavaScript but not with HTML5 input validation pattern
I am trying to write Regex for New Zealand address validation. This is the valid character set which I want to capture, must start with a number and case insensitive which includes letters A to Z, numbers (0-9) and hyphen “-” and forward slash “/” as well as Maori accented characters f…
How to make a div element navigable by arrow keys when using JAWS
I would like to make a div element navigable by arrow keys when JAWS is running. The div should not be navigable using the TAB key; so using tabindex is not applicable. Here is an example snippet of the html/reactjs structure. The two nested div should not be available to the accessibility API; hence the use …
Bootstrap 5 navbar not changing background color on scroll?
Yes, I have checked the other posts. I didn’t have this issue when building normal html/css/js project but I need bootstrap for this project and I think it is interfering somehow with my script, but I do not know how. On scroll, I want color to change from transparent to x. I also want to change all nav…
Adding Autoplay To Video Element With Javascript
I want to have my video automatically play and loop for me when the user scrolls to a specific area on the video element. I’m aware that I can use a JS observer to do this: however, how do I use JavaScript to add and remove ‘autoplay’? What I want my default code to be: What I want to happen
Chartjs Radar Chart Tooltip not showing correct label
I have the following radar chart, which displays the data fine. However on the tooltip, it is not showing the label (e.g – C), it is just showing the data value twice (e.g – 3). Does anyone know what I am doing wrong? Here is my code: Answer As pointed out by @user2057925, there’s been repor…
Toggle active state on button in v-for loop using Vue 3
I’m making a filter header in Vue 3 where you select one category to view at once, so you can click to toggle on and off that filter and also if you click another, it deselects the previous active one, only one or none ever active at once. I’ve found examples such as this jsfiddle which 1. doesn&#…
How can I load this select input field with options passed using JS?
When loading an HTML table, there is this select input field, which should make available some options. Right after the HTML table row is built, I’m calling a function, which should populate this input field, getting it by its class. Here is the HTML piece and the function: Appreciate any help! Answer Y…
JavaScript wont hide text, just images
I am having problems with my JavaScripts which is meant to make a tab gallery display. It hides the images when I choose another gallery, but I also have a presentation text -called “text-poze” and that is not hide when I am choosing another gallery , so the text from Album 1 will be seen when Alb…