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
1
vote
0answers
8 views

Custom react dropdown

Last night I had to build dropdown for the menu on the website that I'm working on. As I'm still React newbie I first looked if there is some package for what I'm trying to achieve but there wasn't, ...
-5
votes
0answers
12 views

jQuery get index of .active element, but with reference to its original siblings [closed]

I am toggling an active class to an object in jquery in a grid like so : ...
2
votes
0answers
22 views

Email Service - Sending an email with azure blob storage Version 2.0

Now implemented changes suggested in my previous post and now am back again for the internet to tear me and my shitty code down. PatchNotes Extracted templateRetriever class from the email service ...
2
votes
1answer
34 views

Javascript - Extract data from html table

I want to extract the headers data and column data (not row data) from an HTML table using JavaScript. Is this a good approach of doing it? And how can I simplify this using jQuery? ...
1
vote
0answers
12 views

Stacked inputs with rows using flexbox

I am trying to create stacked inputs using flexbox, with the additional ability to also set rows. Here is the code: ...
-2
votes
0answers
16 views

Facebook like notification pop up error [closed]

This is what I got when I tried to implement Facebook like notification popup. I want those notification to left because it is cut and out of the frame. Here is my code: ...
0
votes
1answer
18 views

Splitting a div and positioning an inner div

I have an outer div with... Width Number of slots the outer div represents The intent is to add a child div, but position the child div based on the start and end slot in the parent div. To ...
3
votes
1answer
54 views

Does my graphics engine code follow good conventions?

I am making a 2d graphics engine. I am somewhat new to JavaScript and have been winging this project. So far it creates a background (a tilemap made of smaller images in a grid) and sprites ( a small ...
1
vote
0answers
25 views

12-column CSS grid system similar to Bootstrap

I am trying to build a 12-column CSS grid system very similar to bootstrap. 4 breakpoints are supported: normal, sm, md, and lg. Anyway, here is the code: ...
1
vote
0answers
37 views

Converting multiple HTML files to csv lowers down the speed

New to python. I am converting multiple html files to csv. Developed a full code. It can easily convert 50+ files at a time but after 200+ files, the code takes too much time and with 1000s to ...
3
votes
1answer
50 views

Bubble sort visualization: JavaScript

I'm very new to the JavaScript, and hence I would like to get a feel on the language by writing some of the basic programs. One of those is the following visualization of the Bubble Sort: Code: <...
1
vote
1answer
40 views

Generating a new web-page template and adding multiple new elements with pure JavaScript?

So, I am trying to generate a web-page template with JavaScript according to user specified values. I tested it with just background-color and made it working. I ...
0
votes
1answer
30 views

Implement jquery like functions addClass, removeClass and delay in Javascript

Assume $ is not the browser. Now have to implement $, it will take a string, which is a query, it will use the querySelector to select the element. (Reference: https://developer.mozilla.org/en-US/docs/...
0
votes
1answer
58 views

Data selection and filtering

Here i have javascript code where is 'animals' object and 'people' array of objects. User selects the data from select box and accordingly table fills with selected data(which is array of objects) and ...
1
vote
1answer
36 views

How do I refactor this signup form without using SASS?

I made a simple signup form using this HTML. Am I separating my code properly here or is there some code that I could remove/change? The form looks good visually, ...
2
votes
1answer
95 views

Suggestion for improving this code to be more readable and easy for beginners? [closed]

I'm a JavaScript beginner trying to learn by doing. Here I have a table with different values: I have used two for loops. Is there an easier way to achieve this? For example having just one for loop, ...
2
votes
1answer
121 views

Array of random values that changes over time

I had a project with repetitive HTML, JS code blocks in which should be ten fields (A, B, C...) with certain functionality. Three fields are already implemented, but I don't want to copy and paste ...
3
votes
1answer
61 views

Paint Program in HTML

I have written a little Paint-Program in HTML. You can also save and load your wonderful paintings. My code works, but my heart says that my code is not so beautiful. I dont use JS/HTML/CSS very often ...
1
vote
0answers
14 views

Maka cached Ajax call more robust and solving race conditions

I beem preparing for a front end interview and been practicing making Ajax calls using Vanila Javascript. Here is the demo https://codesandbox.io/s/search-with-customize-catch-ei81f?file=/src/index....
2
votes
0answers
17 views

Semicircle Navigationmenu with html, css and js

i am trying to create a semicircle menu with animations and texts. Currently i try to position the texts in the semicircle which is only working with a specific window-width and browser. This is my ...
-2
votes
1answer
38 views

javascript-Location access in a web page [closed]

I am creating web page in which I get user location and store it in an input field of a form using javascript. But perfomance is ...
2
votes
3answers
44 views

PHP/HTML Table and Modal Forms that display information

Its been a while since I have written PHP or HTML for a project, so I could use some thoughts on improving the code below. I wrote all of this going off of old knowledge, so I imagine its really ...
1
vote
1answer
25 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 ...
0
votes
1answer
39 views

Is it ok to break long html elements down into multiple lines?

I often see very long code lines like this: ...
5
votes
3answers
274 views

Sudoku game in JavaScript

PHP coder here. Learning JavaScript this week. I made a sudoku game for practice. Features: Import puzzles by pasting a text string. Imported squares are gray. Your squares are white. Program doesn't ...
3
votes
1answer
35 views

My first static web project without any external js

This is my first static web project made from scratch without any external js libraries. please review and let me know the improvement areas. 1, are my js functions upto mark? any performance issues ...
2
votes
1answer
44 views

Reviewing a Canvas Drawing Utility in plain Javascript

So for a class project, I have to figure out the most efficient way to draw on a canvas. First thing that came to mind was using moveTo and lineTo repeatedly following mouse cursor, and thats exactly ...
3
votes
2answers
39 views

Simple Timer Program

I have built a timer program in JavaScript. It decrements one counter every second, and if that counter is at zero, it decrements another counter, and sets the first counter to 59. If the second ...
2
votes
2answers
71 views

Javascript Tic Tac Toe

I've created a Tic Tac Toe game in JS/HTML/CSS. Is there anyway this can be improved? Thanks Codepen: https://codepen.io/KhushrajRathod/pen/wvaeOaZ Github: https://github.com/KhushrajRathod/...
1
vote
1answer
50 views

Simplifying input filtering in tables with multiple selectors using jQuery

Code explained I wrote a few identical functions for each table to filter them based on the user input typed in the input fields using jQuery. After filtering it counts the rows that are left visible....
2
votes
1answer
61 views

JS Object In --> HTML Out (from a Noob/hobbyist)

I would appreciate feedback especially if you would be embarrassed by this code, or if I was on your team and you would expect better and/or you would mention something. This code was derived from ...
3
votes
1answer
84 views

HTML/CSS Gallery Website | Feedback on design and code

My goal was to create a portfolio site for my motion design work. The website should be modern and intuitive, yet pose a good gallery. Please also comment on the dark mode functionality and ...
2
votes
0answers
36 views

Six Nations Prediction league Web App

I built a simple web app to manage my friends and I's six nation prediction league. This is my first go at web development so although it works I am guessing that I am not following all best practices ...
0
votes
0answers
19 views

Jquery tooltip with callback hover more tooltips displays delayed content

I have an html table with multiple rows and columns. ...
5
votes
2answers
118 views

Simple HTML5 registration form

I'm creating a simple registration form for a Linux installation party I'm organizing. Although I'm a decent programmer, I rarely create HTML files. I want to know if this form is safe for my users ...
2
votes
2answers
61 views

Simple navbar in pure HTML5 and CSS3 [closed]

With some effort I've managed to build a very simple (maybe too simple haha) navigation bar for a website. Is it possible to make a transition on the dropwdown list from height:0 to some suitable ...
3
votes
1answer
69 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? <...
3
votes
1answer
100 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
51 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 ...
1
vote
0answers
40 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
265 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
42 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
44 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
35 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 ...
5
votes
1answer
81 views

navigation bar with forward fading links

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 ...
5
votes
1answer
83 views

Javascript To Do Application

I've created a simple JS 'To Do List' application. I'm very new to JS and this is the first JS project I have done. I would greatly appreciate any feedback on how to make the code more efficient, ...
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
47 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
229 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 ...

1
2 3 4 5
32