I’m trying to make an iframe that embeds on any web page where it only shows up as a button on the bottom right of a webpage and when clicked open an about 100px by 100px box that is also embeded on the web page in the bottom right corner. The issue is that every time I put the iframe
Tag: css
How to replicate jquery animation sequence in vanilla js/css
As the title says, I would like to replicate the animation bellow. the jquery API https://api.jquery.com/toggle/ decibels this default behavior as so: but I don’t understand how the transition works. I have tried changing the opacity, translating the element, ect, but obviously no luck. If it is impossi…
Separate onClick event for parent and child element
I have JSX code like this: When I click on parent (outside the child) it will run clickOnParent, and when I click the child it will run both clickOnParent and clickOnChild of course.Now I want to trigger only clickOnChild and ignore clickOnParent when clicking exactly on the child. How can I do? Answer Use Ev…
h1 “hello world” text hiding behind of navigation bar how can i fix this
I have a problem with bootstrap. this is my navbar.html code this is my layout.html code: h1 “hello world” text hiding behind of navigation bar how can i fix this note: navbar must be static in web site THANKS Answer i fixed this problem i added br after the body tag 3 times
Javascript event listeners and arrays
I am trying to recreate a scratch-to-reveal-image effect with 3 images in an array triggered by 3 buttons. My event listener is not working, as you can see, it shows the same revealed images no matter the button. The event listener syntax has confused me a bit and I would like some help on that specifically. …
How can I dynamically style programmatically generated SVG?
I am using a js library (mermaid) to generate svg on a web page. I need to dynamically apply styling to parts of the svg as the user activates various commands using keyboard shortcuts, Particularly, I need to highlight the element in the svg that is currently designated as the selected one in the logical mod…
How to fix tooltip message id dynamically in table
In the table, I am trying to create an Onclick text copier with a copied text tooltip message. Actually, I have done successfully creating an individual id text copier but I am facing a problem with the individual tooltip message, it’s not working for not creating individual dynamic id that’s why.…
traffic light sequence, html, javascript and css
I am trying to make a program that displays a traffic light sequence. I have made a mistake in the code so it doesn’t get past showing the red light when the “starts sequence” button is clicked. if you can see where I went wrong please help me get it working. I have used functions to change …
Use an image as a mask for another image
I’m making a website that I wanted to be a white page that you could stamp to make another image appear under. So when you click, you make a holepunch. Like this exemple : So I managed to have a randomized image in the background as I click which is fine for what I want, and to be able to
JavaScript Show invisible divs on click
I ran into a problem that when I click on the button, it just flips the icon but only makes the invisible fields visible on the second click. Are there any idea how to do it? (Heres a gif to show my problem: https://ibb.co/cvz7pWC ) Also heres my code : Answer This could be to do with you not being