Most voted "front-end" questions
In software projects, front-end is the part of the software system that interacts directly with the user. If the question is not about "front-end", do not use this tag, even if you are using "front-end" in your project.
Learn more…498 questions
Sort by count of
-
1
votes1
answer146
viewsSome dynamic way to select Ids with Javascript
I would like to know a possibility of an algorithm for me to select a DOM in a more dynamic way, without having to use the getElementById every time. I would like to select all the elements and…
-
1
votes2
answers242
viewsHow can I create an event where I click on a div that contains details of a product and after that this product opens on the same page?
What I want to do: a section on my site where you have a div with title, an image and a text q represents something, for example a drum (musical instrument). And that when I click on this div to…
-
1
votes1
answer126
viewsBack to top button is not overwriting the footer
I have the following problem, I created a button back to the top, positioned it in the lower right corner and gave a position:fixed in it. I’m making use of jQuery library. The problem occurred when…
-
1
votes3
answers53
viewsHow to display the current date while loading the page
I’m willing to display the current date on a particular div while loading the page, I have already made a working sketch of the code, but I am using the button. I followed the code: function…
-
1
votes0
answers2743
viewsAjax request with Authorization header
I’m trying to make an ajax request but it needs a BASIC authentication, follow my code: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>…
-
1
votes1
answer439
viewsHow to take the first and last class Parent of a div contained within a TD via CSS/SASS?
I would like to know how to get the first and last Rent of a class set (.date) that is contained in a div within an element . Following is an example of a code tree: <table> <tr>…
-
1
votes1
answer451
viewsAligning fields with bootstrap inline-Forms
Good afternoon! I don’t have much experience with frontend, but I’ll have to turn around to finish a project, so I’ll need a little help. My question is, I have a few presses on the screen, and I…
-
1
votes1
answer872
viewsHow to apply Hover to all *siblings or *children?
Good evening Guys, this is my first question here on the forum, so sorry if it doesn’t formulate in the best way. The problem I’m facing is applying the css effect :Hover to all sibling or child…
-
1
votes1
answer424
viewsProblem with routerLink at angle 6
I’m having the following mistake: Can't bind to 'routerLink' since it isn't a known property of 'a'. (" <h6 class="text-center"> Do not have an account yet? <a [ERROR…
-
1
votes1
answer742
viewsHow do I get the Header of a Sponse with Angular 2+?
How do I get a response header with Angular 2+? In my case, I’m using version 6. I would like to take this Authorization data to be stored in the Browser Localsession. I am using the following…
-
1
votes1
answer62
viewsBox does not float left(float:left does not work)
so guys, I’m starting to study html and css, I’m trying to make a page with a side menu with the homescreen next to it, but the homescreen box doesn’t go up to the side of the menu bar, I don’t know…
-
1
votes1
answer62
viewsHandling height in percentage [HTML/CSS]
good evening. I am learning technology for front-end programming and came across a program when setting the page size in percentage. I have a DIV and inside these DIV I have two more, getting like…
-
1
votes1
answer435
viewsRecover Header from an angular Http Response
I need to recover the token that comes in Authorization and save in localstorage, but, I’m not getting. My login method within my service is: public login(email: string, password: string):…
-
1
votes1
answer120
viewsAngular 6+: Page update goes to the application’s login area
I performed the composition of my Canactivate and Canload, through the Loggedinguard class. The problem is that whenever I refresh the page, I am redirected to the Login page, even logged in. Below…
-
1
votes1
answer39
viewsCalculation of Ajax Dynamic Products
Good morning. I’m a novice programmer, and I’m developing a sales web app, where my system generates inputs dynamically for each product, multiplying the product price by quantity. But now I need…
-
1
votes0
answers48
viewsFilter results from a Bootgrid table
The project uses the Bootgrid to create tables, and although it hasn’t been updated for a while, I can’t switch to another :/ Thus, I need to implement a filter based on the value of a range slider.…
-
1
votes1
answer46
viewsReset button for font size control (accessibility)
Good morning, I am using this code to increase and decrease the font, I wanted to know how I can do so when click a third button (A) it return to the standard size of the font, also need to lock and…
-
1
votes0
answers980
viewsHow to take or manipulate data inside subscribe - Angular
Unfortunately I can’t, even inside the subscribe, scroll through the variable fixtures$ I can send the data to html and show in the table. However I need to manipulate the data to save in the bank…
-
1
votes1
answer206
viewsDiv in graphic form
Good afternoon. I am developing a project in front-end, new experience. I need to create a "chart" in ranking format. However, the Divs start from top to bottom, I need to reverse this. How do I? My…
-
1
votes1
answer33
views -
1
votes1
answer283
viewsAlign text on top of button
Hello, I would like to align a text that I always have above the button inside a bootstrap card, so that it is always formatted in the correct way, regardless of the size of my text that is inside…
-
1
votes1
answer1128
viewsReact Starter. Take data typed in Input
Hello I’m studying the Reactjs... and made the following structure: [code] class MyNascimento extends Component { constructor(props) { super(props); this.state = { nascimentoValue: null, }; }…
-
1
votes0
answers111
viewsAjax PUT returning error 500
I did an ajax to use the PUT method to update the field of a table but the server (Rest) is returning me error 500 and I do not know what I’m doing wrong, someone can give me a light please? Error…
-
1
votes1
answer87
viewsI cannot access value of a JSON object and display it in the div
I’m running some tests with a file .json with the intention of implementing the code in my application (if I succeed in the tests). I am using the following json file. Follows the code: <!DOCTYPE…
-
1
votes4
answers96
viewsDropdown with Javascript
I am working on a project and came across the following situation: a list of items for a side navigation bar needs buttons that close and open to click (until then beauty). However I need to…
-
1
votes2
answers511
viewsmargin-top has no effect on text within the div
I’m trying to apply margin-top in tag p of my text with the intention that it should come down, but I do not know why it is not working. Every time I apply the margin-top, the effect ends up being…
-
1
votes1
answer174
viewsReact, Redux, Mobx] What is the best way to manage status with paging?
I use mobx, and now also Hooks, to manage application status (if using Redux would face the same problem), and couldn’t find a better way to manage paginated listings. If I have a list in the global…
-
1
votes1
answer85
viewsHow to merge properties of Javascript objects
Personal I am starting with Vue and I am with a small difficulty. In the image below I have a table with some items Every time an item is chosen and increased the amount I need my addOptional…
-
1
votes1
answer60
viewsSASS: Are there any features to avoid repetitions and lines of code color variations?
Problem situation I am creating a palette of colors that vary a lot in their references, being 10% of the base color down. For example: $primary: #0069FF; A 10% subtraction of this value is:…
-
1
votes1
answer248
viewsonClick by Innerhtml React?
I’m trying to create a img with the Event of onClick in the React but it’s printing the code that way on the Web. My Internet code is like this: coluna4.innerHTML = `<img onClick={() =>…
-
1
votes1
answer297
viewsPopular table at angle 8
Good morning, I am trying to popular a table on my system, because the backend done in spring sends me a JSON as follows, an object with several lists inside, example: { "contasDespesasQuitadas": […
-
1
votes1
answer506
viewsBlock Datepicker Date Range Javascript
Blocking a date range using datepicker ? Example, today is day 2, start by day, start by current day + 3 days and lock from day 20 forward of each month. maxDate blocks the next few months. I tried…
-
1
votes2
answers358
viewshow to get class name with javascript
I’m making an accordion and it’s already functional as I’d like (just a few details I’ll get right later). Only now I need that when clicked and the panel expanded, the + (show more) sign be changed…
-
1
votes1
answer353
viewshow to change input number value
I am facing some difficulties to change the value of an input (as stated in the question). Follow the code below: function alteraQtdProduto(op) { if (op == 'up') { var num =…
-
1
votes2
answers58
viewsCreation of local server with express
I installed the framework express in my root folder with all projects on Node, so it was easy to import the modules in all projects. But when I try to start a local server, with the following scope:…
-
1
votes1
answer122
viewsHow to remove the navbar effects from Materialize?
I was developing a site without using Materialize. I decided to import it to use one of its functionalities (Cards). In doing so, the navbar, which already had its own well-defined characteristics,…
-
1
votes2
answers86
viewsproblems with this in Reactjs
The problem is this: I’m trying to build an accountant to practice mine React and an error occurred: this is undefined I created a state to hold the minutes and seconds: constructor(props) {…
-
1
votes0
answers43
viewsGraphic does not change even passing data
I’m pulling data from the BD but it’s not appearing on the graph in the correct date fields, someone can take a look at my code see where I’m missing... I’ll leave some images ----------------…
-
1
votes1
answer106
viewsproperties, and 'i18n' does not exist in type
Project "Vue": " 2.6.10", "Vue-i18n": " 8.15.3" I am configuring the internationalization of the project import Vue from 'vue' import App from './App.vue' import router from './router' import store…
-
1
votes1
answer40
viewsHow to wait for my functions to run for it to increment Java Script
I’m making a Java Script code where I need everything inside the for to be executed and then increment the for including a setTimeout. In the current code it executes everything without waiting for…
-
1
votes0
answers238
viewsPuppeteer take data from Submit
The goal is to have a simple html with a text input and when the user gives Submit the input with the instagram username, the Puppeteer receive the url ('https://instagram.com/${username}') but I’m…
-
1
votes1
answer274
viewsSort Angular Component List
This is Galera speaking! My question is this:: imagine a DIV that within it there are several components like the example below: <div class="row"> <app-fogao></app-fogao>…
-
1
votes1
answer31
viewsButton placement to screen resize
I have a slide where the button should always be positioned according to a given image. When resizing the screen the position of the image is changed causing the button to be misaligned and it is…
-
1
votes0
answers51
viewsChanging data from a Slick method in mobile version - Slick
I’m making some changes to a particular site, but I got stuck. This site has the slide slick, I realized that every resolution less than 480 the arrows of the slide disappear, IE, there is a…
-
1
votes0
answers27
viewsTypeerror: Cannot read Property '_wrapper' of Undefined
I am trying to send data via Emit to the parent component with the data to update my chart data, however the console gave this title error child component: refreshDados (){ var params = {}; for (var…
-
1
votes2
answers520
views'webpack-dev-server' module not found
While trying to execute yarn webpack-dev-server --mode development the following error appears: $ C:\Users\Coding\code\frontend\node_modules\.bin\webpack-dev-server --mode development…
-
1
votes1
answer47
viewsWhy is getElementsByClassName not working?
I have to make a program that when clicking on the link "HIGH CONTRAST" the whole background turns black and the color of the letter turns white My question is what am I doing wrong? If I exchange…
-
1
votes1
answer714
viewsWebpack error (Yarn webpack-dev-server-mode Development)
I’m trying to create my first Reactjs application. When running on the bash terminal of Vscode the following command: yarn webpack-dev-server --mode development The following error appears: $ yarn…
-
1
votes1
answer40
viewsBy minimizing Bootstrap grid screen does not break to a new line
Good morning, you guys! I am having difficulty when the user minimize the screen, fields before overlapping within the grid, break into a new line.... ps: this spacing between the fields is to have…
-
0
votes1
answer418
viewsLoading jQuery on Gento only if it has not been loaded before
I need my module to only load the jQuery if he hasn’t already clicked on the page, I did it by javascript, but it runs very fast, even using 'setInterval' and etc.. In some cases they continue to…