Questions tagged [html]

HTML (Hyper Text Markup Language) is the standard markup language used for structuring web pages and formatting content. HTML describes the structure of a website semantically along with cues for presentation, making it a markup language, rather than a programming language. HTML works in conjunction ...

0
votes
0answers
4 views

Position:absolute element inside a div with overflow-y:auto does not show in the desired position

First of all, sorry for the title gore, I didnt know how to put it on a couple of lines. I have this situation: The div that overflows With this element: The absolute element The problem I face is ...
0
votes
0answers
12 views

how to change browser window location?

Here is a mechanism I have going but I'm pretty sure it's not canonical way to do it, but regardless I cannot understand why it wouldn't work. A form is collected at one endpoint, lets call it /login ...
0
votes
0answers
14 views

How to update value of input after change of dropdown which is populated by mysql?

I have run into a problem and Im not sure where to start... So my problem is- I need to use a dropdown which is automatically populated by a query concatenating two fields to make a single full-name. ...
0
votes
1answer
17 views

How to get data from Select tag and Insert into Input tag using ASP.NET

Right now I have a Select Tag retrieving all the Title of the documents from the Database: string QueryString = "SELECT TITLE FROM DOC"; SqlConnection myconnection = new SqlConnection(...
0
votes
1answer
16 views

Select a subdiv with JS event listener

I'm trying to create a simple buzzfeed quiz with HTML and JavaScript as a practice project. All my options are divs of subdivs in HTML. The four options are a div, the top row of two options is a ...
0
votes
0answers
19 views

Passing PHP variable to a hidden subclass

Just a quick question. Is there some security flaws with passing PHP variables taken from MySQL table to a hidden subclass of some class so that when a parent class when clicked can be passed onto and ...
1
vote
1answer
20 views

Switch Statement - Multiple results for single case

I have this page: var count = 0; function switchStatement() { var text; var answers = document.getElementById("userInput").value; switch (answers) { case "": text = (count ...
0
votes
2answers
61 views

Why is my first row of DIVs missing a DIV?

I have a bunch of inline-block DIVs with some CSS style attributes:: .main { width:100%; box-sizing:border-box; } .item-cont { display:inline-block; padding:20px; } ....
0
votes
2answers
28 views

Trouble passing React prop to DOM element

I'm trying to restrict an input to integers. I'm trying to pass the step attribute which seems to work when used directly in HTML, but am having a hard time getting having it passed from react. Below ...
1
vote
0answers
6 views

TinyMCE, JQuery capture HTML for output

I am trying to use TinyMCE to format html that can then be previewed and displayed on the same webpage. I then need to cature this html to convert the output to a JPG/PNG image. I have got as far as ...
0
votes
1answer
8 views

stroke-dashoffset animation with keyframes and css variables

Either I'm crazy, or I've found a weirdness with keyframes and svg animation. I'm simply animating an SVG stroke around a circle that in effect creates an animated percentage dial. As soon as I ...
0
votes
4answers
21 views

Bootstrap navbar doesnt expand after collapsing

I am new to bootstrap and JS and I've almost exactly followed the documentation but for some reason my button doesn't expand on click. I've checked other similar answers on SO, but all of them were ...
1
vote
1answer
37 views

z-index problem with multi-layer background

I'm trying to implement a specific design but have stumbled upon quite a lot of complexities by now. The main problem remains the background of linear gradient - it shall be stretched on the whole ...
0
votes
1answer
15 views

Static viewport width

I want my website to have a static viewport width of 350px. Always. Those 350px should span the entire device width. How do I do this? Is the <meta name="viewport"> enough? I tried setting the ...
0
votes
0answers
18 views

How to call a function from a script file into a button click event in javascript HTML?

I'm working a 3D viewer project. Currently I have divided the HTML into two one that contains a button, and the other contains the viewer itself. The end goal for me at the moment is to press this ...
1
vote
0answers
26 views

Jquery textbox empty function not working on html website

On my live website page here is I am facing an error that is 'I want show an alert when Name & Email textbox will empty. I am trying to solve this issue today all hours but I didn't solve this , ...
1
vote
1answer
25 views

How to show only the divs that meet all of the checkbox criteria?

With the example below, if you click on "magazine", the two "Magazine" divs appear, which is good! However, when you then click on "$19.50", the two "Magazine" divs still appear, but now every div ...
0
votes
1answer
6 views

Magnific Pop-Up - Show different gallery depending upon image clicked

I'm trying to have 2 separate sets of images come up depending on the original link you clicked on, for a portfolio kind of purpose. <span class ="imageParent"> <a href="#" target="...
0
votes
0answers
5 views

Dash Integration for interactive graphs visualization in PHP based Website

I am working on a project in which I need to integrate dash into a website based on PHP for visualization of interactive graphs. Is it possible to integrate dash in PHP or I need to write the whole ...
-1
votes
0answers
10 views

Owl carousel 1px distance between images error

im building a website for an agency, as per their design. im using owl carousel to achieve the needs, but there is a problem, on the sliding images, on google chrome, there is a 1px line between the ...
0
votes
0answers
11 views

Reading .txt file in Firebase Storage into variable

I have a .txt file in the firebase storage which I am trying to read into my website. I have used var storage = firebase.storage(); var storageRef = storage.ref(); var fileRef = ...
-1
votes
0answers
26 views

can't center a div inside another div in angular 6 [duplicate]

I know I'm not the first to ask this ,I have tried to center a div inside another div but is has been centered horizontally but not vertically. I have tried all the solutions which I have found in ...
0
votes
1answer
22 views

Updating HTML using an Excel file

I'm creating a HTML showcase to access to an online store to show a series of main products with little data; something like an Instagram page. I already have it done and now I would like to make a ...
1
vote
1answer
36 views

Responsive text-align based on position

I think the answer to this is no but, before I make more drastic changes, I want to ensure I haven't missed something. Is there a means, via CSS only, to alter the justification of an element and its ...
-2
votes
4answers
45 views

How do I get text from each span with a specific class tag?

I have a list of email addresses. Each of them is in a span like so: <span class="checked-emails-list">[email protected]</span> I need to get that email address and put it in an array of ...
1
vote
0answers
42 views

jQuery animation issue with swapping div's

I am making a script that switches the position of div's with a jQuery animation. The problem that I'm running into is that if I want to swap 2 div's from different line's, this works fine, but if ...
0
votes
0answers
10 views

Excel File Download Blocked by Ext JS

Actually, I would like to Trigger the automatic download of a generated excel file in an Ext JS Page. Is there any example source code which could help? Find Below my personnal source code which is ...
0
votes
1answer
42 views

Disable body scrolling on element

I created a floating sticky bootstrap panel at the bottom right of the screen. It look like a chat support like intercom. When I'm scrolling on the panel the body will scroll too. And it's really ...
1
vote
1answer
33 views

Compare url in django

I am trying to hide a content when a user is visiting his own profile. I tried the code below but it didn't work. What could be wrong. {% if request.path == "/account/users/{{ request.user.username }...
0
votes
2answers
25 views

React how to display label even when empty

I have a label displaying a string from a text input that the user fills in. The string is stored in the question variable and it is displayed as follows: <label className={css('form-title-label'...
1
vote
1answer
20 views

CSS stylize the second word in select option [duplicate]

Is it possible to change the style for just one word in a select option with CSS ? <select> <option class="my-class">Angelina Jolie</option> <option class="my-class">Brad ...
1
vote
1answer
39 views

Why when I copy javascript code word for word and encapsulate it in my own html (which is exact except for containing propper tags) it wont function

src: http://thecodeplayer.com/walkthrough/3d-perspective-projection-canvas-javascript the code below is code I copied and put inside propper tags. some css is missing from source that i dont know ...
0
votes
0answers
30 views

Why does this drag-drop code insert an extra value?

I have this code (it does not run in the snippet I do not know why: v). It is already part of what I want, item 1 only accept entering the drop-zone, item 2 within 1, and item 3 within 2. However, ...
0
votes
4answers
28 views

Scroll left-to-right on HTML Table

Is it possible for the user to scroll left and right in this table? Right now, no scrollbar appears and I miss data on the right hand side. Demo: https://jsfiddle.net/6wf0te1d/ Code: /* Latest ...
-1
votes
2answers
53 views

How to return HTML on a function

I'm trying to return some HTML in a function and I don't understand why it doesn't work, it seems easy but I can't find the solution. It doesn't display anything, but when I return some console.log it ...
0
votes
0answers
5 views

How to implement an slider in Google AMP with URL change?

Each article can slide with the navigation icons appearing at the top of the page, at the same time on each slide, the article changes with the URL. In AMP we have, amp-next-page. But, this will ...
0
votes
0answers
10 views

How to implement optgroups in bootstrap multiselect (Knockout binding)

I implemented bootstrap multiselect using knockout JS binding. How to implement optgroups here? https://jsfiddle.net/DivyaYandra/a9v0c4m8/ <select id="select1" multiple="multiple" class="...
0
votes
5answers
42 views

HTML Div Classes

My question is quite simple. In HTML, when assigning a class to a div, is it best to do individual divs with one class or to do one div with a bunch of classes. For example: For the individual divs ...
0
votes
0answers
14 views

Substitute specific letters in a string during letter substitution without knowing letter index?

I'm working on this simple JavaScript application that takes plain text and uses a substitution cipher to scramble the text and generate the output. Basically a 'made-up language' generator. Some ...
1
vote
0answers
54 views

How to apply [ngClass] to :after of an element?

I am trying to modify existing code that styles a progress line to look a little like a London Underground map, with circles for each stop. The CSS is currently selecting the :after property of my &...
0
votes
1answer
15 views

What would cause a web font to look different on Windows and a Mac?

I am using IBM Plex, loaded from Google Fonts with: <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet"> I am using Bootstrap 4 and ...
-3
votes
0answers
21 views

Scripts are not loaded properly on server

Below code is working fine in local host but its not working on server. on clicking on status-update model was displayed,status drop-down is displayed on the model but after selecting/without ...
0
votes
1answer
21 views

Ionic Popover button

I want to make a log out button at the end of the navbar. I made something like this: but I want to do like this:
-1
votes
1answer
29 views

Use Javascript to read all png files in a directory and display them on an HTML page

I have a directory full of png files and csv files. I want to some how loop through that directory and display all the png files onto a HTML page. Keep in mind that these png files don't have similar ...
-2
votes
1answer
28 views

css border built of three image resources

I need to create a background border for a webpage. I have three image resources for this: left side, top, right side. I'm having problem finding good css examples for this, only examples where only ...
0
votes
1answer
18 views

Multilevel option in select HTML

I am currently developing a website and I have a problem. I want to make a list with several levels (hierarchical), except that apparently it doesn't exist (if yes tell me). So I made myself a system ...
0
votes
2answers
24 views

flexbox - make last child to be different flex direction

Is it possible to make one of the child element omake to be flex-direction: row? I want to make cvv input to be next to expiry input, but now its below it. My code below: .form-col-1--cc { ...
0
votes
0answers
11 views

Angular-svg-round-progressbar progress bar not synced with current value in ionic 2

The round progress bar is not synced with the current value that defined to the progress. I have the scenario here- 1)The progress bar has max value 5 and current value 0, the progress start and ...
-4
votes
0answers
25 views

mailto send client to email from database

I'd like to use mailto that will send clients to certain email from database. Something like this: echo "<span class='post-phone'>".$row['tel_cislo']."</span> | <span class='post-mail'...
0
votes
0answers
37 views

Execute script to a particular div only

Till now we are using Iframe to load HTML and script to show the form to the user. Now, we want to move from Iframe to DIV, but here we have a problem with script. Because Iframe is responsible to ...