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
1answer
59 views

Sidebar with slide-out feature

I made a sidebar that has a slide-out feature. When you click on it, it shows more items. I made it with JS and HTML but I think the code can be done more efficiently. How can I clean the code up? <...
-1
votes
0answers
17 views

HtmlAgilityPack - How to get the Value from the tag <div> into aspx.cs [closed]

I have a task to do. I need to get the value from the tag into c#. I need to display the value into Label This here is my HTML code: ...
3
votes
1answer
51 views

First ever webpage (Google homepage)

I am currently completing "The Odin Project" and one of the first projects was to create a google homepage. I was wondering if some people could tell me all the long winded and unnecessary code I ...
2
votes
1answer
45 views

JavaScript list sorting by date and type. better code?

I'm a junior developer. And I want to learn the good way to code. The code I will show you is working, but I feel like its all messy and longer that it should be. It is simply a .js, a .html and some ...
0
votes
0answers
26 views

bs4 HTML cleaner function with repetitive nested if clauses,

[I made a little web-scraper that downloads the source html files as well. Now for the sake of saving storage space i wrote a small function to delete quite a bit of stuff in the html file (specific ...
4
votes
0answers
22 views

Bootstrap 4 Menu Collapse on Scroll

I am trying to code a menu that: Is horizontal on lg+ displays at the top of the page Shows a hamburger menu when the user scrolls from the top Will display as the collapsed format when the ...
2
votes
1answer
42 views

Building a JavaScript GroupPicker class that is tightly coupled with HTML structure. Is this an anti-pattern?

I'm building a GroupPicker class that essentially manages an interface that allows the user to move items between two columns "assigned" vs "unassigned". The items ...
0
votes
0answers
13 views

Passing onClick callback as string in React with serialized props

I am trying to write a Button component for the Dash framework, from Plotly. It has one major specificity: in Dash, you write your app as a Python code, but it uses React for rendering under the hood. ...
3
votes
0answers
41 views

Reduce cluttering in a VPN initialization dance implementation (html, xml extraction and api calls) in Go

I'm still rather new to Go and I wanted to convert a part of a Python script I wrote a while ago to perform the VPN initialization dance (basically a set of API calls + parsing to fetch an auth cookie ...
2
votes
0answers
30 views

HTML game engine within angular

I currently have a very very basic js script that runs something 30 times per second. This is later to be used in a game engine. But now I'm not quite sure how I can best do that. This little script ...
4
votes
0answers
41 views

Beginner navigation bar

I'm fairly new to HTML/CSS and I've put together a navigation bar. The purpose of the navigation bar is to be clean and mobile-friendly. I would appreciate some feedback on what I could do better ...
0
votes
0answers
27 views

Little Multilanguage site with modifiable words in a table.( Code improvement )

I have written a code for my little little website to make it multilanguage. It is a simple "developer" page where you can select from four different languages. Hungarian, English, Deutch and Roman. ...
4
votes
1answer
42 views

Change size of elements until parent reaches certain height

I wrote this method and I would like to refactor it so it is easier to understand and looks cleaner. However, I don't know how or where to start. If you could give it your best shot and explain your ...
4
votes
2answers
198 views

Blogging application with Codeigniter back-end and AngularJS front-end

I am working on a blog application with Codeigniter 3.1.8 and AngularJS v1.7.8. The Dashboard of the application is "pure" Codeigniter, with Models, Controllers, and views, while the fronted is made ...
4
votes
3answers
131 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
121 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
24 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
122 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
22 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
148 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
54 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
90 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? ...
5
votes
1answer
48 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
87 views

Simple Password Generator in JavaScript

...
1
vote
0answers
22 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
39 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
19 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
66 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
47 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
26 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 ...
3
votes
1answer
32 views

Callback usage with custom Stack Exchange Flair

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: The ...
6
votes
2answers
86 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
39 views

Typesetting bidirectional breadth first search with Algotype.js

So I have this: And the typesetting code is here: ...
8
votes
2answers
156 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
49 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
248 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
202 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
131 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
47 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
72 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
56 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
56 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
46 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
28 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
109 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 ...