All Questions
Tagged with css event-handling
21 questions
0
votes
1
answer
282
views
Updating active cards dynamically added by API
I am making a website where you can search through all the countries in the world. Once you have found a country you want more detail about you should be able to click and view a detailed page with ...
4
votes
2
answers
983
views
Vue.js checkout stepper
I have made this small checkout stepper with Vue (v 2.x.x):
...
2
votes
1
answer
229
views
Carousel Using Vanilla Javascript
As a beginner project, I've start working on this carousel slider that would slide through an image and a testimonial on click.
The number of images and content slides would always be the same number. ...
9
votes
2
answers
525
views
Flex panels in CSS and JS
I was following Wes Bos JS 30-day challenge, so HTML and CSS are mostly are copy-paste,
I'd like feedback on JS (mostly).
Thanks.
...
9
votes
2
answers
720
views
Animated Calendar using HTML + CSS + JS
I'm a beginner developer and I'm building a calendar for smartphones. I'm using HTML, CSS and JS. I'm not entirely done with the project yet, however, I have the feeling that I'm making a messy code. ...
1
vote
2
answers
101
views
Javascript to-do application for native Javascript
I did a simple to-do application for native Javascript. This is my first time, previously I used only jQuery. What recommendations would be useful?
https://codepen.io/denibudeyko/pen/MWyEmox
...
1
vote
1
answer
163
views
Showing form on btn click - preventDefault of submit btn, then remove listener
I've built out a section on a page that contains multiple instances (why I'm using querySelectorAll()) of this Request Brochure form. They are using Campaign ...
3
votes
1
answer
73
views
eCommerce Mock App
This is a follow-up question to eCommerce Mockup App in JS.
How do I implement the 'observe' pattern for the cart to regenerate html? So that, it will keep refresh its own. And any review on my coding ...
9
votes
2
answers
130
views
User-focused timeline logging
I'm working on a small piece of my personal website. I'd like a timeline logging all of my relevant achievements in my career in Computer Science, in general. I'd like to implement a feature that ...
5
votes
2
answers
454
views
Dropdown menu that opens on click using plain Javascript
I made a simple dropdown menu which opens when clicked, and closes when the user clicks anywhere outside the menu. The following is the codebase:
...
6
votes
1
answer
506
views
Simple input class change with vanilla JS
I am just testing how I solved simple stuff.
Goal: The aim is to expand the width of an input and collapse it.
When mouseover ...
5
votes
1
answer
129
views
Responsive, scrollable sidenav for old browsers
The following code has been tested on the latest chromium, on Opera Mini, on Safari for IOS 7 and finally, on the default web browser on android 2.3.3.
As you may already know, the CSS ...
5
votes
2
answers
338
views
Crystals Collector game with four clickable buttons
I'm a few weeks into javascript and had to make a simple "crystals collector" app. The app works as intended, but the code is obtuse and repetitive.
I'd like to make the app work using just one on ...
5
votes
2
answers
266
views
Sparking animation for Button
I just came through a GitHub repo, which has an amazing animation for Button in Android.
So, I thought why not make that for web buttons too.
And I started ...
4
votes
2
answers
1k
views
Zig-zag child element with Flexbox and JavaScript
Recently I found a question on StackOverflow that seemed very interesting: How to make HTML elements "zig zag" this way:
...
2
votes
2
answers
181
views
Simple menu with descriptions
If one menu-item is clicked then the description with the same data-filter attribute should be shown.
I added a class to the description elements to associate each one with the affiliated menu item.
...
9
votes
3
answers
800
views
Carousel in Vanilla JavaScript
I finally got my carousel to work in JavaScript, and I want to know what you guys think about it and what I can do better.
...
0
votes
4
answers
262
views
Three clickable navigation elements, where only one should be active
I have three clickable <h1> elements in the nav bar of a static page I'm making as a practice project. I wrote code so when I click one, it lights up.
Since ...
1
vote
1
answer
1k
views
Replace HTML input file element with custom styled button
I've been working on a solution to replace the HTML input file element with a custom styled button.
jsFiddle: https://jsfiddle.net/Lau1989/4jLz04pc/5/
First ...
4
votes
2
answers
123
views
Individual collapsible areas with accessibility in mind
I've been learning Javascript by creating reusable individually collapsible areas (not using jQuery) and I was wondering if someone could review it and let me know if there is anything they would do ...
2
votes
1
answer
108
views
Setting header color on scroll for each post
On this site this site, I have some code which you can see below which figures out the offset for each post from the top of the document and assigns a colour from each post to the header when it ...