Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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).

0
votes
1answer
28 views

Tile and grid abstraction

This question is a small subset of the problem I am trying to solve. I am trying to learn to break problems into better abstractions. The original problem I am trying to solve is: Write a JS ...
5
votes
2answers
82 views

Replace anchor tags with spans, and place the href attribute into the span

I'm required to perform a slight conversion on a string which contains html. The conversion should transform a elements such that they become ...
2
votes
0answers
35 views

Event Calendar in JS, CSS, and HTML

I repeated a lot of code here and I'm trying to use more ES6 but I'm not sure where I should have used it in my code. I'd appreciate any input on where I could improve. GitHub ...
0
votes
0answers
47 views

HTML CSS Javascript Index page

I think I've written myself in circles and am bodging elements to get them to work rather than understanding how the page and elements should work together. I've used contrasting colours in each of ...
2
votes
1answer
21 views

Note Tool - Fill text box with template

I've been working on a note tool for my company to help streamline verifying and noting accounts. I've added in extra features that help with different aspects of the job as well. I'm wondering if ...
1
vote
0answers
18 views

SYNTAX QUERY - HTML and CSS responsive navigation bar using FlexBox

I've created my own take on a navigation bar using FlexBox (currently not refined for smaller screen media queries). I would just like someone to go through my code notes and see if I am going about ...
1
vote
2answers
42 views

Replace string of class of button by class so that only one button is filled in using bootstrap buttons

I'm using bootstrap buttons, and in this case I have 5 different buttons with 5 different classes. When one of the buttons is clicked on, I want it to be the only one filled in, and the others to only ...
1
vote
1answer
27 views

Vue.js Stoplight app - Dynamically changing classes on elements

I recently started delving into Vue.js, and decided to try my hand at some custom class/style bindings, so I made a small app that's supposed to cycle through each "light" of a stoplight (red, yellow, ...
0
votes
0answers
34 views

Open Close using javascript

I would like to ad an open hours which would change everyday on my site and also having just the word "closed" when the opening hours is ended. I have used a code that I found on this website but I ...
0
votes
0answers
12 views

list items equi-distant from edge to edge

I've created an equi-distant list of items that span from edge to edge of their container's boundaries. The challenge is usually with the list items' left or right margins that restricts them ...
2
votes
1answer
42 views

Image carousel with jQuery 3.3.1

I'm trying to make a carousel with jQuery and I want to know, how to simplify the code further? so... this is my code: ...
1
vote
1answer
41 views

Drop-down selectors for state and city

I have this old code and I want it to be easier to understand. Originally, it loaded using an onload on the opening body tag, so I managed to change that to a window.onload, but now redundant code is ...
2
votes
4answers
226 views

using $_POST array to prepare PDO statement with variables

I have been developing a little, private Blog Site to make notes/ stories of pen and paper rpg games available for me and my players. This is my first project. As I am new to coding in PHP and MySQL ...
0
votes
2answers
52 views

Convert HTML input string to JavaScript Array literal

I am trying to accept JavaScript array literals in an HTML text input. The problem is that HTML text inputs are captured as strings, such that an input of ...
0
votes
1answer
57 views

Calculator application by an HTML beginner

I've created a Calculator using HTML, CSS and core JS. I just need some suggestions or ...
1
vote
0answers
26 views

Custom login class based view

I am trying to fight my way trough self learning Django (as this is a beast on its own) and Python (just for coding <3) in combination with nginx, PostgreSQL and gunicorn - I have some limited ...
3
votes
1answer
51 views

htmlspecialchars() equivalent in C

I'm trying to write an equivalent of PHP's htmlspecialchars() in C. What is my implementation missing or doing wrong? ...
-2
votes
1answer
43 views
2
votes
1answer
39 views

CSV-simplified: A small open source project

I'm working on a small open source project called CSV-simplified for a course I'm taking (Bloc), and I'm looking for some feedback and potential collaborators. I don't actually know an programmers, so ...
2
votes
0answers
63 views

FCC: Product Landing Page - HTML & CSS only

I have created a product landing page for a freeCodeCamp responsive web design project which requires me to create a "Product Landing Page". Requirements to keep in mind: ...
4
votes
2answers
367 views

Simple to-do application by an HTML beginner

I have made a simple To-Do Application just to get started with HTML/CSS/JavaScript and here is what I came up with. I have done what I can do at my best but still, I need some suggestions on my code, ...
6
votes
1answer
1k views

Python program that obfuscates an email address

I decided to resume my (limited) Python skills after not coding for a long time. Here's a very simple self-contained program to convert the characters of an email address into their HTML entities (...
1
vote
1answer
46 views

create static page with vuejs

I have a static homepage with some routes and thought about creating this with VueJs. I am totally new to this and just know NodeJs with Handlebars. So normally I would have something like this <...
2
votes
2answers
46 views

JavaScript interest rate calculator

As I am still new to web development, refactoring my code is still something that gives me some trouble. I would really appreciate it if someone could look over the Javascript for an interest rate ...
1
vote
1answer
49 views

Check PHP validation code

I have made a form in HTML and the form data should be send via email. For that purpose I have created a PHP script. I did read a lot about the importance of form validation in order to prevent ...
1
vote
0answers
41 views
2
votes
2answers
64 views

Small Javascript elevator simulation

I created a small Javascript elevator simulation that works as expected, however, being pretty new to Javascript I can t help but feel like this code in unnecessarily complex. Honestly any feedback ...
2
votes
1answer
80 views

jQuery accordion to serve as table of contents

I'm putting together a video website for our company, with a working accordion. It works, but it using the same class name for each section creates issues with the expanding and collapsing. I found ...
1
vote
1answer
34 views

Modal displayed in Google Spreadsheet from Gscript

First: I'm not really a programmer. Thus, this application may be started in a bad way, but here is my question. It's not a specific one because I have no real clue about how to improve my code. Let ...
0
votes
1answer
51 views

Rendering an html page uploaded by a user into MVC app

I need advise whether the approach I took is the optimal one (not sure whether this is the right 'stackExchange' site). I have an MVC application, which is supposed to be able to render an HTML page ...
2
votes
1answer
25 views

IOT Javascript GUI/Hub - Displaying Incoming Data

A server sends JSON to my webpage via a socket and the webpage creates or updates a "card" which displays the information from the JSON data. It's a one-way/read-only system. Flow is: Thing sends ...
2
votes
1answer
58 views

Password reveal functionality

I have made a password reveal feature, however the code is duplicated. Essentially all I want to be able to improve the code, however I'm not exactly sure how I could do this, all I know is it would ...
3
votes
0answers
40 views

Game of Life as a React app [closed]

I think the general functionality is there, but sometimes it looks a little slow/clunky when I try to run my app. Highlighting cells can be slow as it skips over some of the cells I hover over if my ...
3
votes
2answers
804 views

Python - Iterating over contents of BeautifulSoup element very slow

I have a large HTML document where everything is inside a main div, structured like this: ...
2
votes
2answers
76 views

Adding ID to body tag from variable defined in URL

I have written a small PHP script to get a variable from the URL and echo it in the body ID. An example of the url: http://www.example.com/?var=123 I have added ...
3
votes
1answer
176 views

JavaScript responsive menu (dropdown/dropup)

I have the following front-end code for a responsive navigation menu which I thought using in my WordPress website. Clicking the .burger element should cause ...
2
votes
2answers
46 views

Dynamically displaying or hiding checkboxes based on region selection country. Also select All / None included

This is basically my first real venture into JS coding ... I think what I have put together here is quite long-winded and could be streamlined but I'm not quite sure how. So I have a table with ...
1
vote
0answers
187 views

‘Memory-Game' in JavaScript

Can you please review my code for reusability, clarity, readability and any bad stuff or bad practices? Brief Description:- Its a card memory-game, when you click two cards, it sees if they are same ...
6
votes
2answers
249 views

Cake-ordering form and calculator

I’m a designer learning to code and I’ve built a simple form calculator for ordering cakes. I would love it if you could show me how to make the code more idiomatic. How can it be more consistent, ...
4
votes
2answers
214 views

Arkanoid/Breakout clone with ThreeJS

Here's my attempt at an Arkanoid/Breakout clone using JavaScript with ThreeJS. The feedback I'm looking for is more on the code side; the game itself is a work in progress. You can take it for a spin ...
3
votes
1answer
99 views

TypeWriter Javascript effect

I have implemented a Javascript TypeWriter effect for my website. It types out code using the TypeWriter variable by adding each character on and setting a timeout. It then 'deletes' code using text ...
3
votes
0answers
136 views

Get checkbox value of unchecked checkboxes in a table

I have a table where a user can (un)check checkboxes among other features in each row. I faced the problem that I don't receive unchecked checkboxes to my backend. This led to a bigger issue since ...
1
vote
2answers
111 views

JavaScript calculator that only adds numbers

This is a JavaScript calculator that uses JQuery and bootstrap. How can I improve the CSS, HTML, JS and the general design? ...
3
votes
2answers
119 views

Simplifying Counter of Checked Checkboxes

Is the following code a proper solution to my problem? I have a feeling it can be simplified quite a bit. If one of the first four checkboxes is checked the sum is 1; if two 1.5; if three 2; if ...
1
vote
0answers
37 views

Small “Add Contact” HTML & Vainilla JS form

So basically I developed this form with HTML, JS and Bootstrap to add contacts to a backend. It simply shows a form so a user can input some data and it's submitted to an API. The thing is it doesn't ...
1
vote
1answer
58 views

Continuously update position of div with click event

I am trying to continuously get the position of a div on screen and update the new position each time a "click" event listener is clicked. At the moment my code works but feels redundant and could be ...
0
votes
1answer
106 views

Object for generating HTML for hyperlinks

I have a function that generates HTML for hyperlinks. It's arguments may be string literals or variables read from the database. An example call to this function looks like: ...
1
vote
0answers
113 views

Trick circumvents [position: sticky] restriction to parent

Check out the live example: https://verifuse.github.io position: sticky; elements are sticky within the bounding box of their direct parent containers. I wanted to ...
1
vote
0answers
36 views

Slider that increased center slide width. (Slider plugin suggestions)

I wanted to create slider when it slide center slide width must have incresed and the two slide next to it stay on normal slide. I have tried one using slick slider. Here is the code pen link that I ...