Podcast #128: We chat with Kent C Dodds about why he loves React and discuss what life was like in the dark days before Git. Listen now.

Questions tagged [html]

HTML (Hyper Text Markup Language) is the standard content markup language of the web. It is an open standard developed and maintained by W3C (World Wide Web Consortium).

Filter by
Sorted by
Tagged with
4
votes
3answers
101 views

Simple PHP Form Application

I have just started messing around with PHP/SQL and came up with a simple sign-in application that checks if your sign-in information is valid based on database information. Here is my code: ...
4
votes
1answer
101 views

Automate html file editing with python - Change the author

Hello I would like to use python to change the author of an html file, in order to do so I have written a few lines. First I have used the HTMLParser class from ...
0
votes
0answers
22 views

Angular pagination component

I have written an Angular component for pagination. It works like this: page count < 12 all pages are shown Example: < 1 2 *3* 4 5 6 > page count >= ...
1
vote
0answers
40 views

How to open an input file programmatically (javascript) in a reliably way? [closed]

How to open an input file programmatically (javascript) in a reliably way? The most modern versions of internet browsers prevent the opening of input files programmatically (javascript) under certain ...
2
votes
0answers
20 views

Angular ng-for Odd/Even Scenario

I just want to create masonry vertical layout with two divider .card-lef`` and.card-right`. Anyone have an idea to place ...
1
vote
2answers
147 views

Javascript code for select input

Hi friends i have this code for select input change, i need some good advice if this code is ok like that or is a way to optimize this code? thanks! This code is used for changing info's between ...
3
votes
0answers
50 views

Simple vanilla JavaScript Carousel with tabs and pause button

I currently got into coding and I am completely self taught. Since I know that my code is far from being perfect, I am asking for advice and tips on how to improve. Feel free to drop in any comments ...
3
votes
1answer
33 views

Sessions class With assoc-array - practicing

I try to dealing with sessions.. including arrays before moving to "database". Sessions class.file ...
6
votes
1answer
73 views

Resizable split DIVs Vue.js

I just started Developing Web App (Vue.js) for my company for around 1-2 months. Therefore, my knowledge and experience in HTML, CSS and Javascript is kinda shallow. I've created a custom resizable ...
1
vote
0answers
23 views

Pass all data through FormGroup

How can I improve this code? Is it somehow possible to remove fields from HTML and pass all necessary data through FormGroup? ...
4
votes
0answers
30 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 ...
2
votes
1answer
80 views

Simple Password Generator in JavaScript

...
1
vote
0answers
19 views

Centering an item over an image with absolute positioning and flexbox

Here's how I'd usually center align an item with absolute positioning: ...
-2
votes
1answer
35 views

I was given an assignment on writing a javascript ES6 program for vehicles. Am I writing this correctly? Any advice or tip? [closed]

I'm taking an online course in website development and we're going over JavaScript ES6, but my professors lecture and notes I've taken we're not very helpful more resourceful with the assignment I was ...
2
votes
0answers
16 views

How to differentiate web fonts font-face font-weights?

What do you guys think: OPTION #1 (same font-face name and change font-weight) ...
5
votes
2answers
62 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: ...
2
votes
0answers
40 views

Personal Portfolio (freeCodeCamp Responsive Web Design project)

I would appreciate som feedback on my fictional portfolio. I am doing the freeCodeCamp curriculum and a personal portfolio is one of the Responsive Web Design Projects using only HTML/CSS. I am ...
1
vote
1answer
22 views

Technical Documentation Page (freeCodeCamp Responsive Web Design project)

I would appreciate som feedback on my Technical Document Page. I am doing the freeCodeCamp curriculum and a Technical Document Page is one of the Responsive Web Design Projects using only HTML/CSS. I ...
1
vote
0answers
25 views

Callback usage with custom Stack Exchange Flair, is it difficult to follow?

So today I decided to continue refining my JavaScript skills and utilized the Stack Exchange API (v2.2) to write a "user flair" replica. In case you don't know what the flair that SE provides is: ...
6
votes
2answers
75 views

perl6: html color gradient generator

Inspired in this color gradient generator, this is a gradient generator in perl6. I wonder if the code could be simplified or improved. It converts the hex colour to base10, calculates the gradient ...
1
vote
0answers
37 views

Typesetting bidirectional breadth first search with Algotype.js

So I have this: And the typesetting code is here: ...
7
votes
2answers
138 views

Webpage with a preload animation using JavaScript setTimeout

I am working on a website with an animation that runs at the beginning before the content of the homepage becomes visible. I've looked at some examples of preloaders and now use that code with some ...
1
vote
0answers
48 views

eCommerce Mockup App in Vanilla Javascript [closed]

I have completed this mockup eCommerce app using pure Vanilla Javascript. This version can add product into shopping cart and automatically calculate the order summary in the shopping cart. It can ...
7
votes
1answer
134 views

Generating a chess board with JavaScript

In another attempt to further my knowledge in the JavaScript language, I've written a chess board generator that will essentially create a chess board with any initial state supplied. This supports ...
0
votes
1answer
99 views

The Game of Pig in JavaScript

I've implemented the game of Pig in JavaScript. My implementation has the following rules: Two players take turns playing in rounds. In a round, the player rolls a single die as many times as they ...
6
votes
1answer
129 views

Group list items into pages, rows and columns

I have a list of labels for printing. Now I have go over the list and print the labels. The layout is specified by how many labels per page and per row on a page I can print. ...
2
votes
1answer
45 views

javascript carousel

I made this javascript code for a simple slider that can be controlled by arrows up/down. I'm wondering what I could have done better.. ...
2
votes
2answers
50 views

Survey form (freeCodeCamp Responsive Web Design project)

I would appreciate som feedback on my fictional survey form. I am doing the freeCodeCamp curriculum and a Survey Form is one of the Responsive Web Design Projects using only HTML/CSS. I am especially ...
3
votes
1answer
51 views

Product landing page (freeCodeCamp Responsive Web Design project)

I would appreciate som feedback on my fictional product landing page. I am doing the freeCodeCamp curriculum and Product Landing Page is one of the Responsive Web Design Projects using only HTML/CSS. ...
1
vote
0answers
9 views

Better way to apply class based on multiple conditions

I am using Angular 8.x. I have a table with two columns that can be sorted. You can only sort one column at a time. I have conditions that display an up and down sort icon if neither column is being ...
2
votes
2answers
54 views

Cardinal direction enum from range input

Still learning JS and I made the following function to convert degrees into cardinal directions respectively. My first iteration of the code was over 50 lines and I was able to get it down to 13 using ...
4
votes
1answer
45 views

JavaScript HTML DatePicker

I'm still new in javascript and learning. I want to create a date picker using html and javascript. Below is what I have tried and it's working, so my question is "how can I do it better?" My idea is ...
0
votes
0answers
12 views

Twig macro to generate a table

Basically, I'm lazy. And so, since I don't want to write multiple times the same table HTML, I've made a very ... convoluted macro. ...
0
votes
0answers
27 views

HTML & Javascript form: Need feedback

2 weeks ago I passed a technical test for the job of a frontend developer so they give me a screenshot of a typical form and I need to code it by HTML/CSS and they request a small animation with ...
2
votes
1answer
47 views

PHP allow template to use HTML only

I have a place where i have to include a HTML template. The HTML is written by employees only but i dont wanna be an idiot and include it without masking|checks :) It should allow HTML tags only ...
4
votes
2answers
107 views

Dynamically add/remove fields on input

The following code allows users to enter multiple optional quantity fields after first filling in a value of the current quantity input. If the input field contains a value it will then display the ...
4
votes
2answers
99 views

AJAX communication with pure JS and PHP

I'm looking for a good approach to AJAX communication using only pure JS and PHP. I would like it to be as safe as possible and compatible with most modern browsers and IE 10+. I did some research and ...
2
votes
2answers
39 views

Google homepage beginner project

I was hoping to get some feedback on my basic recreation of the google homepage. Im doing the Odin Project learning course and this was the first project trying to use the basics of HTML/CSS HTML ...
1
vote
1answer
32 views

Generating HTML for prerolled d20 RPG initiative tables

A fairly simple program that I tried to write in Common Lisp in order to practice/learn. I'm sure this can be done more elegantly but Lisp's string handling seems to be very werd. ...
1
vote
0answers
46 views

Javascript + php system for reusable HTML templates

I have many pieces of HTML code that are used in many parts of the website (controlled by javascript), like edit forms and dialogs. Instead of include-ing the html ...
4
votes
1answer
87 views

Create HTML structure dynamically

We had a long HTML string with information about the makers of our software. However, for i18n this was unwieldy. So I started to refactor, so only each person's description is translateable, not all ...
2
votes
1answer
24 views

HTML and CSS word styling and screen reader usability

I’m trying to target three words in a h1 for the organization name using to wrap each word and a unique ID to style each word via css. It looks like this: ...
4
votes
1answer
52 views

Demotion/Promotion Script

I wrote a code which is creating a Session and write in the Session Arrays diffrent things like: Username and Rank. I wrote then a function which is checking the Visited Profile Name and Rank and the ...
3
votes
1answer
47 views

Determine fragment identifier from HTML page in Swift

For an iOS app which helps me rolling back vandalism on Stack Exchange, I have a piece of Swift code which downloads a revision page (example) and tries to find the 'spacer' fragment just above a ...
4
votes
1answer
42 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 ...
1
vote
2answers
72 views

Using flexbox to replace fixed and absolute positioning

I'm using flexbox to create a simple header, hero image with caption and footer. As you can see from my snippet, the header is fixed and the hero image scrolls underneath. Is there a way to achieve ...
3
votes
1answer
57 views

multiple api calls through promise

update1: - I need to make two different api calls. - from the result of first api call I am getting id in the variable firstAPIid, https://reqres.in/api/users?page=2 - I need to pass this id ...
3
votes
1answer
40 views

Showing a unique result based on options selected

I created a simple quiz in HTML/CSS and plain Javascript. There are three questions with two options each, so there are eight possible combinations of answers, and therefore results. You can only pick ...
1
vote
0answers
20 views

Repetitive light-box gallery code

I'm in the process of making a website for a friend of mine who wants to display both the tattoos he has made, as well as his paintings. The idea for the layout is to have a gallery for his tattoos, ...
2
votes
0answers
47 views

Wait for an element to exist in DOM before clicking it

Here is the problem: some script is injecting some HTML5 elements (actually a button with the #thebutton ID) to the current DOM. But this is a third party script ...