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
3
votes
2answers
118 views

Php registration form input is required validation

Ok, so I have been looking for resources on how to make a registration form work with input validation. I want the error message show up under the table of the registration form and not on top of the ...
1
vote
1answer
83 views

blueBox dashboard Dribble design challenge

I have coded an UI from dribble design as a challenge and completed it but I think The CSS I wrote is really bad. I am a beginner. How can I improve my CSS?. One of the main problems is that I am ...
1
vote
0answers
61 views

Show & hide multiple elements - vanilla js

Asked this on StackOverflow, not knowing that this would be a better place for the question... I've managed to figure out a script in js to hide and show various elements. But, I imagine there must ...
0
votes
0answers
34 views

HTML, CSS and JS Boilerplate using Webpack, Babel, Sass and BrowserSync

I am working on a html, css and js boilerplate for my projects. My goal is to have a setup where I can fire off npm run watch and all files are watched and compiled....
1
vote
0answers
40 views

Sliding marker on link hover and click with jQuery

The code I'm bringing forward is for a vertical menu, where I needed a marker to do the following: When hovering over a link the marker should slide down next to it. When not hovering over a link the ...
4
votes
1answer
822 views

Onclick radio buttons to change background color

We are displaying two radio buttons in page. Click on Radio buttons, it will change background color. Is there any way to improve the quality of the code? ...
1
vote
0answers
29 views

HTML & CSS best practices for this customer checklist control?

HTML & CSS ...
3
votes
1answer
80 views

Edit button toggles modal and load data from PHP using AJAX and JQUERY

I've been working on an edit/update button that will toggle a modal that looks like this: Is there a better code for this JavaScript code that I made? ...
3
votes
1answer
253 views

Tic tac toe game in a web browser

I have this tic tac toe game which is very old project of mine, though I made some changes on this to improve the script to perform better. This game is functional, Any logic improvements or other ...
0
votes
2answers
97 views

User interface HTML string generated using PHP

Goal This is very basic beginner script, only for prototyping, probably never to reach alpha/beta prototyping/production, is being designed/tested for performance. Its performance quality might be ...
3
votes
2answers
53 views

Sliding marker on link hover with jQuery

The following code is for a vertical menu, where I needed a marker to slide down next to a link upon hovering over said link. Therefore I needed to change CSS properties of a HTML element (the top-...
2
votes
1answer
78 views

Fetch text values from JSON and Display pop onclick text

I have below code which will fetch the text from json & onclick text , display pop up box in page.... Now i need to give options to change font-family, font color.... But Adding the code in the ...
1
vote
0answers
36 views

Nesting 3 divs within another div using JavaScript [closed]

For a class that I'm in, we're creating digital Pokemon cards. I'm trying to create elements that are nested within another element and repeated multiple times. For example, I have currently: ...
1
vote
1answer
75 views

Edit and delete uploaded images code inside script tag

I am Displaying mask images & allowing user to upload the custome image inside mask image, now i want to give an option for user to Edit & Delete the Uploaded image.... Video link : https://...
3
votes
0answers
96 views

Block YouTube iframes until user consents with cookies

I'm trying to embed YouTube video's on a website in a privacy-friendly way. The code doesn't load the iframes by default but shows a preview thumbnail overlayed with an info message instead. The ...
1
vote
2answers
1k views

JavaScript change image every three seconds

I have a function that changes the image on a webpage every three seconds. I would like feedback on efficiency, good code practices, and anything else that can improve the quality of this code. It ...
4
votes
0answers
35 views

Fullscreen slideshow with fading background [closed]

For the past months I have been learning plain javascript without jquery or libraries/frameworks. So now, when I develop a website, I want to write all of the JS code by myself to fully understand ...
0
votes
2answers
66 views

Improving the code of my About Page

I have completed my website and I'm super happy with its design, but I feel that how I reached this point can be made more efficient and genuinely improved. Note: I'm only looking for assistance on ...
2
votes
1answer
70 views

Generate a Style Tag and Append to a Document

Code Review I have two functions of styleAppend and getCss, which generate and append a ...
0
votes
0answers
46 views

Showing and hiding information with photos

I have been given an extremely loose design to follow: a page must show people's photos and name in a text overlay over the image, and when clicked a bio shows below. Must Haves Photo, text overlay ...
3
votes
1answer
187 views

Move and resize square boxes with Vanilla JS

Feature requirements. I can move a square box. I can resize a square box by stretching four edges. Many square boxes can exist. I've implemented moving and resizing square boxes by module pattern. ...
0
votes
2answers
112 views

Methods To Generate an HTML String using an Array in PHP

Problem Method getQuoteHTML generates an HTML string using an array returned from ...
5
votes
4answers
344 views

Calculate Final Grade: follow-up

I'm creating an online calculator to get the average grade of different tests my students take and also the final grade. I wonder if you see any problems in this update or any way to improve it: <...
2
votes
1answer
67 views

Create HTML page to document contents of directory

I often work on embedded system projects in which I have a number of documentation files, such as microprocessor datasheets, schematics, bills of materials, etc. I find it convenient to create a ...
1
vote
1answer
57 views

JS Simple Image Slider

I'm currently learning some javascript and I've been getting up to scratch with ES6. I have learned the basics and continued to build things that I've wanted to build in Javascript for a long time. I ...
2
votes
2answers
93 views

PHP New User Creation

I'm learning more about PHP, so I've decided to create a simple login/create account system. Entering information for creating a new account sends the data to my ...
3
votes
4answers
478 views

Calculate inputs average

I'm creating an online calculator to get the average grade of different tests my students take. I wonder if you see any problems in the following code or any way to improve it: ...
3
votes
1answer
81 views

Simple HTML website with CSS

I've made a simple website from scratch using HTML and CSS, for practice purposes only. I got the website to look the way I want but I would appreciate some feedback on the code, especially the CSS ...
5
votes
2answers
57 views

Position logo in middle of nav

I've recently migrated away from floats and have started using flexbox to build my grids. My navigation has 4 menu items. I'd like my logo to sit in the middle of these. To maintain a good page ...
2
votes
1answer
69 views

HTML form with confirmation before submission

I'm creating a website about an auto show that the user is going to. I'm collecting input from them via textboxes, check boxes, radio buttons, etc. I'm presenting them with a confirmation that the ...
5
votes
2answers
107 views

Simple front end TODO list

I have implemented a very basic TODO List with no database or backend support. Though I have coded in C++ and Python before, this is my first HTML and JavaScript code. Please review the code and let ...
2
votes
2answers
74 views

Python web page to display SSL certificate status

My task was to create a Python script and connect to various TLS sites and grab the expiry dates. I've done this with openssl and ssl modules just fine. In my mind I was wanting to create a web page ...
5
votes
1answer
92 views

Aggregating HTML files

I am using PHP to keep my webpage organized. The directory looks like this: root/folder/file1 root/folder/file2 root/folder/file3 root/index.php Each file is ...
0
votes
1answer
422 views

On form inputs focus, show div. hide div on blur for multiple inputs and hidden divs

I posted a question on Stack Overflow and got an answer that works but has a lot of duplicated code. In the future, the functionality may also require a third or more divs to be shown or hidden. The ...
3
votes
1answer
98 views

Authentication system (no browser) with mail verification

I made an authentication system for my software (no browser is used) that works like this: User receives a Key on it's mail after buying the software User registers account using that key and inputs ...
3
votes
1answer
45 views

Numbered lines list

I tried my hand at making a numbered line list. I would like some feedback on my use of CSS and if this approach (using a numbered list) is considered a good solution. ...
4
votes
1answer
68 views

Basic static HTML page with applied accessibility

I'm following the project found here. I'm sure I forced some flexboxes where they didn't need to be. Tried to apply some accessibility topics that were discussed in earlier lessons. Overall its a very ...
1
vote
1answer
268 views

jQuery Slideshow with pagination

The code below is for a slideshow that shows a slide with class active, pre-loads a slide with class next, and holds the slide with class last in the background. My biggest issue with this is there ...
2
votes
1answer
6k views

How to set state of multiple properties in one event handler (React)

Pretty straight forwards really...I know that it's usually bad practice to repeat your code so I'm wondering how I could join handleAuthorChange() and handleContentChange() into one method. I guess it ...
2
votes
0answers
412 views

My first vanilla Javascript shopping cart

I made a vanilla Javascript shopping cart using sessionStorage. This way users can navigate pages without losing data. The checkout form sends to paypal. A self invoking function initializes event ...
3
votes
2answers
84 views

React-based weather app

I am an experienced developer but pretty new to React. I wanted to go on my own and build a simple little weather app that updates the image, tempature, and description of each day when you click on ...
1
vote
1answer
212 views

A simple jQuery function that removes empty or tags containing just '&nbsp;'

I've made a simple function, this time in jQuery rather than JS, that just removes empty <p></p>, span and strong tags. I'm curious to see what everyone ...
2
votes
4answers
2k views

A simple function that removes empty or tags containing just '&nbsp;'

I've written a function that should get rid of empty p, span, etc tags and those with just ' ' and am looking for ways to improve it. My original solution was very 'wet', but I've managed to come ...
2
votes
2answers
161 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. ...
1
vote
0answers
34 views

Displaying Singapore bus arrival times using a Go template

I am wondering whether my template usage in main.go could be better. For example in other code I notice: ...
3
votes
2answers
86 views

Displaying information extracted from an HTML table

This function below (used on a timeout due to my page loading time) displays information on my site. I grab this data from my table view that I load into the page. It is launched by clicking a button ...
4
votes
1answer
78 views

Converting Markdown to HTML using Go

I recently ported a blog of mine from Python to Go (to improve speed and performance) and while all is great so far, I'd like some help optimising the Markdown ...
4
votes
3answers
255 views

Adding / updating user info into MySQL database

I'm working on an app that will be used for employee management and I'm using MySQL for the database. You can add employees, view/update/delete them, and on the dashboard I'm listing them in different ...
4
votes
1answer
101 views

Battle Noughts vs Crosses in Javascript

This simple game tries to solve the problem of a game that often end in a lock. It does so by providing the players with Xs and Os with superpowers. With great powers come possible disadvantages. For ...
0
votes
1answer
34 views

Injecting a set of files in a Thymeleaf template while keeping the amount of tags at a minimum

I use a Thymeleaf template to inject a set of files (which contain precalculated HTML) into one big HTML. The files with their metadata are stored in a map called ...

1 2 3 4 5 32