Prevent input value from resetting on refresh
I've noticed that in Firefox an input element maintains its value when the page is reset but not in Safari. Is there a way to maintain the values a user would have typed in JavaScript (no PHP).I've...
View ArticleSticky header animating in from the left on Safari
I'm using a sticky header and everything is fine, but, in Safari it animates in from the top left hand side when i scroll. It doesn't happen in firefox or chrome.. any idea of what you add or change in...
View ArticlengSwitch for array of object for angular 7
I am trying to write a logic to handle ngswitchcase for the json response which have multiple objects.Is it possible to handle the object inside the ngswitch and how?I would like to make dynamic form...
View ArticleAngular way to tell if content overflows container in ngFor, and if so which...
I'd like a way to tell if the components inside of a container overflow the container. If it does overflow, I'd like to get the index of the item that causes the overflow. The goal of this problem is...
View ArticleClik here to view.
HTML5 Video: How to Cover Controllers with a poster
I am using HTML5 to load a video from the backend. The UX requires a cover image that covers the whole HTML5 video player, including the controller. The issue is when I use the poster attribute to load...
View ArticleHow to access this keyword in this constructor/prototype object? [duplicate]
I have a camera app which simply invokes the camera and put an overlay over it, plain JS code as follows:const video = document.getElementsByClassName('video')[0]; async function useCamera() { try { if...
View ArticleHow to override styles from CSS framework (MDL) correctly
I started a new project and decided to use MDL (https://getmdl.io) as the foundation. Now I wonder (I cannot find anything about this actually), what you would consider to be the best way to override /...
View ArticleCSS Keyframe not working on IOS devices (Chrome, Safari)
I've programmed this keyframe here:#wrapper { display: flex; justify-content: center; } #wrapper div { -webkit-animation: slideLeft 4s; animation: slideLeft 4s; -webkit-animation-fill-mode: forwards;...
View ArticleMove viewport to center of page? [duplicate]
I have created a very large graphic requiring lots of vertical and horizontal scrolling when viewed in a Web page. How do I move the user's viewport to the center of the page? Is this what the CSS...
View ArticleAdding file to one iinput changes image for another?
I have two image inputs I want the user to be able to add an image to each, and when they do change the image for each. Unfortunately when one changes the image for the second (profile image) the...
View ArticleIncrementing a displayed number upon a button click
I would like to increment the number displayed by the h3 tag whenever the button is pressed but can't seem to find the solution to do this. var outPut = document.querySelector("#outPut"); var button1 =...
View ArticleCSS @font-face isn't working with gotham font
I want to use Gotham font for my website which is not a web-safe font so I have the font sitting in the directory called 'gotham':index.htmlstyle.cssGotham/Gotham-Light.otfHere's what my CSS file looks...
View ArticleCSS for sophisticated two columns layout (text and images)
I have been trying to write CSS for responsive two columns layout (text and images), but I am having hard time with that. Layout looks like this: two column layoutRequirements:Content within columns is...
View ArticleHow to trigger a function on all images with a class when done loading in...
I have a webpage on which a lot of images need to load. I want to show a div with a loading gif while the image is loading, but I want to fade out that div when the image is done loading. When I was...
View ArticleHow to access a specific menu item dropdown with CSS?
I am using joomla and helix_ultimate theme, and this what helix theme developers provided for accessing every menu item dropdown..sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {display:none;}But I...
View ArticleChrome autofill is populating multiple fields
I have the following HTML.First of all, Chrome is ignoring the autocomplete="off", but worst is that when you choose an email to autocomplete, Chrome populates all of the input fields with the same...
View ArticleRead in values of a script tag using JavaScript [duplicate]
I am attempting to add values within a script tag and reading it and parsing the values in JavaScript. I have something like this in my HTML file.<script type="text/plain" id="bound-bunny"> v...
View Articleif statement in html (based on search query)
I have got a page that displays some content, but I would like to remove the content after a serach query and display the results. I believe that there should be two if statements, one for the current...
View ArticleHow to fire javascript function when div is loaded (but do not wait, while...
I'm using menus, tabstrips, etc. on my HTML page, which needs to be initilized in JavaScript, for example:<ul class="k-menu"> ...some menu items </ul> <script...
View ArticleIssues with temperature converter javascript [duplicate]
I'm a beginner of programming and trying to make a temperature converter of C2F and F2C with Javascript but it doesn't work. My goal is that when user enter a number, cliking on C2F button will get the...
View Article