Posts by Sergio • 133,294 points
2,786 posts
-
2
votes1
answer1430
viewsA: Fs.copyFile is not a Function
Functionality fs.copyFile added only in version 8.5 node. It was very much expected as there was no simple API to copy files before. Seeing in the documentation is there: Added in: V8.5.0…
-
11
votes3
answers103
viewsA: How can I decrease the size of this function?
Since there is a pattern in the code where all the if depend solely on qm, you could do it like this: function adc_atalho(qm) { document.getElementById("botaoAtalho" + qm).style.display = "none";…
-
4
votes2
answers679
viewsA: Formatting result to currency
To format simple numbers as the percentage you can use toFixed(2). To format the value in cash you can better configure the .toLocaleString() with minimumFractionDigits and maximumFractionDigits…
-
4
votes1
answer178
viewsA: Showing data when typing
You can do it using the keyup in the input thus: const [valor, ir, liquido] = [...document.querySelectorAll('form input')]; /* ou em browsers antigos: var inputs = document.querySelectorAll('form…
-
0
votes1
answer89
viewsA: How to load multiple routes in Node.js in a . jade
An example with 2 files: File layout.pug: html head title O meu site // etc... body block bodyPagina File contactos.pug extends ./layout.pug block bodyPagina // aqui continuas o conteúdo do body…
-
0
votes1
answer802
viewsA: How to change the Color background of a DIV with Class and Id?
Three problems: when you set the style in CSS the attribute .style is empty because it is applied to the DOM element. You must use window.getComputedStyle. when you define the style in CSS the…
-
3
votes2
answers419
viewsA: how to correctly write php inside javascript
The right way to write PHP within Javascript is to avoid doing so. I know it sounds like a joke but it’s true. I used these language mixes myself but this generates a huge amount of bugs and is…
-
8
votes2
answers356
viewsA: Changing the variable name during a repeat loop in Javascript
Here’s an example with the Starwars API :) The important ideas are: passes the element to be iterated to a new context/scope, so that variable is stored inside the function. chain ajax and function…
-
1
votes1
answer75
viewsA: Error Node .. version
To know which version of Node.js you should use -- and not ... The short version is just -v. Forehead node --version or node -v.…
-
2
votes3
answers542
viewsA: What files for an MEAN project should I send to Github?
Github has a repository with examples of .gitignore typical. One of them (link here) is the .gitignore for Node.js. The function of the file .gitignore is exactly not sending to Git ephemeral files,…
-
4
votes3
answers701
viewsA: How to take the last four months given given date
To generate the date of the day in the last four months: function mesAnterior(date, diff) { const d = new Date(date); d.setMonth(d.getMonth() + diff); return d; } function…
-
3
votes1
answer489
viewsA: Problems with special Avascript characters
The IUU decodes no characters as ; / ? : @ & = + $ , #,you have to use the decodeURIComponent. console.log( decodeURI("%3F"), // vai dar "%3F" decodeURIComponent("%3F") // vai dar "?" );…
javascriptanswered Sergio 133,294 -
2
votes1
answer606
viewsA: Search by id Mongo
What you seek is: var review = location.reviews.find(rev => rev.id == '59c0135658d09042f1bd203f'); // ou var review = location.reviews.find(rev => rev.id == req.params.locationid); So look in…
-
3
votes3
answers1863
viewsA: Get original image dimension with Javascript
I believe the only cross-browser way that includes older browsers is asynchronous, creating a new image with the builder new Image. For modern browsers you can use the naturalHeight and naturalWidth…
-
5
votes2
answers815
viewsA: Vuejs Router-View and Axios
Usa one of the methods that the vue-router implements in the component, the beforeRouteEnter. Those hooks/ pre-defined hooks such as the beforeRouteEnter are called before the route is redecorated,…
-
10
votes3
answers827
viewsA: Create serial number generator button
Here is a suggestion. At least generate wf20171000, and all Ids are unique. You could use a more complex ID with uuid, which would be numeric alpha, but for what you described I think the example…
-
1
votes2
answers463
viewsA: take a JS variable’s value and put it in the input value
To assign a value to an input just do input.value = 'novo valor'; But you can just do it with toLocaleDateString. I made two examples, one with your corrected code, the other with…
-
1
votes2
answers613
viewsA: Problems loading a list of Json in Vue.js
This url that you have only returns one object. Use another to return an array to use in bancodedados. This other url has an array in the property results. Example: new Vue({ el: '#app', data: {…
-
2
votes1
answer164
viewsA: Json problems with Vue.js
Vue has no native method ready, the "life cycle" of an instance is: You must use the created which is called when the instance is created because you don’t have to wait for the mounted which is…
-
2
votes1
answer82
viewsA: Stop a Function with jquery?
The setTimeout when invoked returns a pointer to stop it. So if you call the clearTimeout with this pointer as argument you interrupt the setTimeout. An example would be: var espera = null; function…
-
6
votes3
answers539
viewsA: Increment input values in +1 containing letters and numbers using Jquery?
The Javascript correspondent to explode of PHP is the split. To be able to use both cases of having only numbers or numbers after letters (with the separator -) you can do it like this: var partes =…
-
3
votes2
answers1091
viewsA: jQuery: . val() in select only returns the value of the first option
When you run these two lines of code: var tempoPh = $('#horas').val(); var freqPh = $("#frequencia").val(); variables will receive the select value at the moment. Later when Corrers the other lines…
-
2
votes1
answer48
viewsA: Multiple simultaneous Places with javascript
replace the first time only if you receive a String as first argument. If you use a regex with falg g replaces everyone you meet. I think that’s what you’re looking for: const regex = new…
javascriptanswered Sergio 133,294 -
1
votes1
answer283
viewsA: Webpack + Nodejs import bootstrap + jquery
Join the jQuery plugin in the webpack to make it available in the application: // webpack.config.js module.exports = { ... plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) ]…
-
2
votes1
answer557
viewsA: Change dropdown menu via input checkbox
If you can change the HTML we can add more information to these option that facilitates the task. $('#checkbox').change(function() { var checkboxes =…
-
4
votes3
answers527
viewsA: if with console.log condition?
Console.log gives no return. You have to use the console.log separate from the logic of the code. Include in the logic of the code is save work for later because you will have to take and can create…
javascriptanswered Sergio 133,294 -
2
votes1
answer507
viewsA: Count arrays within PHP array
I’m not sure if you want to do this in Javascript or PHP since you have an array in Javascript format. If it’s a JSON you need to use json_decode in PHP. Javascript: var arr =…
-
3
votes1
answer225
viewsA: Drag and Drop : When dropping image inside another image it disappears
The problem is here: ev.target.appendChild(copyimg); When you’re standing on a picture ev.target is not the div#conteudo but yes the image, and the image does not allow descendants so the…
-
3
votes2
answers43
viewsA: List creation problem in Vue.js
You need to pass the index to that function, the e.preventDefault() does not need to be in the function, you can do with the v-on:click.prevent. A suggested code could be like this: <li…
-
1
votes1
answer1335
viewsA: Error: Cannot read Property 'Protocol' of Undefined
The problem is that when you use the @keyup.enter="Entered" the method Entered receives the event as an argument and the event.target is the input. Then you do let an_url = enterURL.target.value;…
-
3
votes1
answer27
viewsA: Active problems with Vue.Js
The Vue template compiler uses the syntax Mustache and therefore needs the braces {{ and }} side by side, no spaces. This is the correct syntax. Then change to: <h1>{{ msg }}</h1>…
-
17
votes2
answers5966
viewsA: What are the differences between npm and Yarn?
Yarn and NPM are package managers, who fulfill basically the same mission. The Yarn was born inside facebook and due to some frustration that NPM is slowly iterating and slowing down. This came to…
-
3
votes1
answer110
viewsA: Nodejs because so many files
The packages you install with npm install are programs necessary to the dependencies you referred to in packacge.json. They are there because they are needed in some part of programs/packages that…
-
0
votes2
answers787
viewsA: Reset option select
In which case you have the option disabled you can use the .selectedIndex = 0 thus: const select = document.querySelector('select'); select.value = 'aprovado'; setTimeout(() =>…
-
3
votes1
answer221
viewsA: Doesn’t Onblur work on dynamic inputs?
Yes it works, but you have to use delegation. You can use the document as backup or the nearest parent element that is not dynamic in relation to the time of reading of the code:…
-
1
votes2
answers773
viewsA: Ng-repeat with div
This is not a problem necessarily with Angular but eventually with different HTML elements and how they are drawn on the page. To force Divs to be on the same line you have to use CSS. display:…
-
1
votes1
answer937
viewsA: Query in Json file
If you do the filtering on the server is better, because you already pass the information that Estado searches. But you can do this on the client, using .filter(), thus: json = json.filter(obj =>…
-
1
votes1
answer1773
viewsA: Clear table body before popular again with Jquery and Ajax
Generates a string with everything and so you can delete everything at once: success: function(res) { var html = res.reduce(function(string, obj, i) { return string + '<tr…
javascriptanswered Sergio 133,294 -
2
votes1
answer132
views -
3
votes1
answer55
viewsQ: CSS transition ignored when the array order in v-for changes
I’m making a component where I can drag other components vertically. When one component passes the other they must change places (on the X axis). What happens is that the element I’m dragging…
-
5
votes1
answer28
viewsA: Alert text only for a specific element
You have to use node(s), you cannot go by Elements as this text is inside the element at the same level as the button. But using node already you can. For example the .firstChild gives you the first…
-
1
votes2
answers1017
viewsA: Pull data in JSON
You have to iterate the keys to the property data. You can use the Object.keys or the for(var key in object). An example would be: var data = { "type": "champion", "format": "standAloneComplex",…
-
4
votes1
answer41
viewsA: How to search a character in a set of javascript strings
const V = ["ana", "paula", "cris", "voa", "karmanguia"]; const P = 'a'; const res = V.reduce((found, string, i) => { const stringHasLetter = string.includes(P); // para saber se essa string tem a…
-
0
votes4
answers127
viewsA: Javascript Concatenation between Arrays
You can use a loop to insert subarrays with the right length. An example would be like this: const max = 3; const array = ["Cafe", "feijao", "frango", "batata", "pao", "miojo", "laranja", "mouse",…
javascriptanswered Sergio 133,294 -
1
votes1
answer206
viewsA: I’m having trouble loading bootstrap-js
Junta in the webpack.config.js the respective download, along with what you should already have to compile the files .vue: { test: /\.vue$/, loader: 'vue-loader' }, { test: /\.css$/, loader:…
-
2
votes2
answers128
viewsA: Help with summation
You can do that with .reduce thus: function somador( /*arguments*/ ) { var numeros = [].slice.call(arguments); return numeros.reduce(function(soma, nr) { return nr % 2 == 0 ? soma + nr : soma; },…
-
2
votes2
answers138
viewsA: how to work with SASS/LESS in real time?
It depends a little on the packages you’re using but I use the watcher-lessc listening to file changes and recompiling in milliseconds. npm install watcher-lessc watcher-lessc -i ./css/style.less -o…
-
2
votes1
answer79
viewsA: Does anyone know a simpler way to do this effect, getting the text instantly when typing in an input
Just use $("#telp").keyup(function() { $("#telp1").html(this.value); }); If you want to do only with native Javascript you can do so: var telp = document.getElementById('telp'); var telp1 =…
-
8
votes1
answer89
viewsQ: How to avoid repetition listening to changes in the properties of a component?
When I need to react to changes in N properties for the same callback I find myself wearing something like this: watch: { propriedadeA(){ this.reagir(); }, propriedadeB(){ this.reagir(); },…
-
8
votes1
answer89
viewsA: How to avoid repetition listening to changes in the properties of a component?
this.$watch(vm => [vm.x, vm.y, vm.z].join(), val => { // ... }) After writing the original answer (below), the creator of Vue.js suggested this way (above) even cleaner. Original response: I…