Category "frontend"

copy text onclick from <p> tag

<div class="d-flex flex-row justify-content-between"> <p class="mb-0 me-1 py-2 ps-4 add-text" id=

make a div show on page load

const links = Array.from(document.querySelectorAll("a")); const tabs = Array.from(document.querySelectorAll(".tabcontent")) const hideAll = () => tabs.f

How can I print a function from JavaScript to html

I'm trying to make a out of '*' and I got the code right because it works in the console but when I try to print it in the html document it does not work functi

how to show 1 div out of 4 at a time

So I have a navigation of 4 links, to 4 divs(pages). I want only one page to show at a time, with the id=home showing first once the page loads. To be clearer,

How does React hook handle dependency lists when passing objects to child components?

Parent component like this: function ParentComponent(){ return ( <ChildComponent data={{ x: 1, y: 2 }} /> ) } Child component like this: function

how to customize tooltip width in bootstrap

I have a bootstrap tooltip like the following. <i class="fas fa-question-circle" style="color: #f44336; cursor: pointer;" data-toggle="tooltip" data-plac

LIQUID: How to hide an accordion if there is no content for it in the LIQUID file?

Code below does create accordion in Shopify product pages. I'm looking for a way to hide accordion if it has no content to display. Each accordion is an unique

javascript canceled request after 50 seconds

Describing of context: java app (running under wildfly) works under high workload and heap is almost filled. Because of that full GC runs often and this leads t

Issue with chakra UI CSS [closed]

I am trying to display a card using chakra UI and next js but the CSS of chakra UI is messed up and all of my components are now not being sho

Angular <p> displayed by *ngFor won't float to the right

I have this chat in which I'm trying to apply styles to the "chat-container". The messages are displayed with Angular's *ngFor as follows: <p *ngFor="let m o

Why styles.css file doesn't apply to the page

I'm moved styles.css file to every location in my project and tried to link it in html file. I moved it even in the same folder where html files are, href auto

"react" was conflicted between "package.json » eslint-config-react-app

I want to know, why this problem happens sometime. I overcome it by opening the desired folder with code directly. But can't use git bash. And saving package.js

I am having issue with my image src in next.js [duplicate]

I am using Sanity image url in my project and I am getting this error in my console page that says next-dev.js?3515:25 Warning: Prop src did

I have used circle marker to show places on a world map in react. How to add popup on circle marker to shows up the location when circle is clicked?

I have used circle marker to show places on a world map in react. How to add popup on circle marker to show details when circle is clicked. Currently the code s

Remove specific HTML div when click on delete button using vuejs

So I have some input fields which are repetitive to fill different data. For every repetition, I also have a delete button. If I click on this delete button, th

Props values are not updating in webpack server React js

Whenever I try to pass or update the props value from parent to child I need to restart the webpack server everytime. I don't know why props value are not getti

dynamic classes with tailwindcss and eleventy

I am using eleventy.js with tailwindcss and postcss. In my setup, postcss does not seem to recognise dynamic classes like md:pl-{{(loop.length-loop.index+1)*2}}

`react-query` mutate onSuccess function not responding

query, I'm making a bulletin board right now. So, I put the values ​​of title, content in the Form information into the react-query function onSucce

TYPO3 frontend-page shows section names

I have trouble with my frontend TYPO3 Site, because it shows the names of the sections. I don't know how to remove this alerts... Thanks for help. UPDATE: I ha

Creating a centered carousel with react-alice-carousel

I have struggled the whole day to create a centered carousel with react-alice-carousel library and the results are those. Link to the library here Basically I a