Category "html"

Using RegEx to extract data from an anchor tag

I have the following anchor tag in an html document that I want to extract the link and the text from: <a href="https://www.catholicgallery.org/bible-drb/act

Need a Click and Drag solution using Vanilla Javascript without jQuery

I have to do a click-and-drag solution for a background image in Vanilla Javascript for a project. I found this solution using jQuery in Codepen. Can anyone hel

Vue 3 - "Failed to resolve component" with child component

I have this SocialNetworks.vue component <template> <div class="socialNetworks"> <SocialLink to="https://twitter.com/" icon="twitter.svg" n

Two HTML Forms in one DJango views

I have two simple HTML forms on one page. I want to create Django view to submit multiple Django forms. I can submit form1 but I have no clue how to submit form

Why can't I scroll left on my webpage that I've wrote with HTML & CSS when I decrease the width of viewport?

I've done a project from frontendmentor.io (stats-preview-card-component) with HTML & CSS. Everything work well but when I decrease the width of viewport in

Change Background Color based on the selected Type

I have this <Select> to choose which type they want to input <select class="form-control" id="exampleFormControlSelect1" v-model="exType"> &l

How to find element from html with jQuery

I have a table with checkbox option for each row. For each row I have href (dedicated link) handled by HTML file. I have created a button called: "download" by

Materialize Modal is not opening up

This is one of the materialize-modals Im using in my file: <li class="logged-in"> <a href="#" class="grey-text modal-trigger" data-target="modal-sig

multistep form with fieldset is not going to next fieldset even if required field is filled

I have a multistep form with fieldset, but on the next button click, it is not going to the next step it still shows the required field is empty. Blade <form

Why does Attr inherit from Node in the DOM?

according to the DOM Core, Attr objects inherit the Node interface, but since they are not actually child nodes of the element they describe, the DOM does not

Laravel form post data from placeholder value

I want to pass the data on a form placeholder without user input, want to know if that is possible... Below is my form in view @extends('layouts.app') @section

Grid column template breaks when width < 500px

Everything works in landscape mode it outputs like this: value#1 value#2 value#3 But when screen width is < 500px it outputs like this: value#1 value#2

Prevent to remove spcaes between Action Icon of DataTable for HTML created in the ajax response

Video Link: https://drive.google.com/file/d/1vWfoYWsOT_DSfKOTuE1dH2xxhdl51UCd/view?usp=sharing I am creating the HTML code to redraw dataTable in ajax response.

How to make grid sytem resposive in tailwind css

Hello hope are you well! I am working on a component Vue.js, and I am used utility class tailwind CSS to styles. Based on my task, I have to created a div as

Empty Button error for ASTRA CART DRAWER after WAVE report scanning

Running the Wave Report tool, I got an error about <button type="button" class="astra-cart-drawer-close"> saying A button is empty or has no value text

What is the difference between the <!-- text --> and /* text */ comments?

What is the difference between the <!-- text --> and /* text */ comments? Are they both the same thing or is there a difference in function?

How do I upload a webcam image using JavaScript ajax to a Django site?

I am creating a livestreaming site using Django and I need to upload an image using an ajax post request to a model form on the django site. I am working with t

what are data-* HTML attributes?

I've recently found on one of the sites opening tag like this: <script data-ip="93.1xx.3.2x" data-backuri="something.com"> And I couldn't find any info

media rules not working for diffrent window size?

here in html & css i am trying to create a responsive navbar This is my html code: <a href="" class="active">Contact</a>

how can i show a different window depending on the option i choose from a selection combo?

I have this code And I want to show a different message when I click in one of these options. document.getElementById("specialityAppointmentSelection").