Posts by Sergio • 133,294 points
2,786 posts
-
1
votes2
answers310
viewsA: Javascript prototype: possible to change value of reference object?
The reason why the first example returns [] it is because In is a pointer of this and every iteration of the loop you’re doing In.pop(). To change the array itself you can do so:…
-
8
votes3
answers156
viewsA: Difference in behavior between for and for.. in
The problem here is that the for...in is a method for Objects, and fetch enumerable properties and as defined in prototype. Once you are using an object method in an array, the function is also…
-
2
votes2
answers106
viewsA: Optimized javascript snippet writing (semantics)
You can use the element with the class .expand to find the other plus/minus in combination with the .closest. Another option is to use the .siblings jQuery to find the other element, assuming that…
-
3
votes1
answer198
viewsA: Getting whole words with Regexp in Jquery
You can add a denial rule to every word. It would look like this: regex = RegExp('(\\W|^)(' + words.join('|') + ')(\\W|$)', 'gi'), and that way you’d get a regex like this:…
-
7
votes1
answer76
viewsA: How is this Hover effect done?
The trick is to use transform associated with the pseudo element :after and with a zoom transition, like a magnifying glass effect. Something like that: div { width: 150px; } div:after { display:…
-
1
votes1
answer30
viewsA: Manage urls on a system
You can check inside the application which environment, ie whether you are in production or development. With the express it would be something like this: var app = express(); if (app.get('env') ===…
-
2
votes2
answers115
viewsA: Ajax search inside jquery div clone
The problem is that when you use $("#produto").keyup(function(){ the event handset is only listening to events in the element #produto which already existed when the page was loaded. In this case,…
-
5
votes3
answers83
viewsA: Why has the context changed?
The problem is that the _xhr.onload will be run by the instance of Ajax and when you do _xhr.onload = this.onLoadXhr; you pass a function, with no associated context, so you will be given the this…
javascriptanswered Sergio 133,294 -
7
votes2
answers659
viewsA: Know idle mouse time
Here is a suggestion: var tempoDeEspera = 30 * 60 * 1000; var timeout = setTimeout(inativo, tempoDeEspera); function actividade(e) { clearInterval(timeout); timeout = setTimeout(inativo,…
javascriptanswered Sergio 133,294 -
2
votes1
answer408
viewsA: Nodejs - How to use external variables in asynchronous functions
As you suggested the execution context (the this) is not what is expected. There are some tools to fix this. The two places where this can happen is in the function itself .send() and then into the…
-
1
votes1
answer191
viewsA: How to get DB value for a variable?
You should create a new argument for that method, to have a callback that is run when the result is available. const CRUD = { retrieve: function(query, mod, done){ Model.findOne(query, mod, done); }…
-
6
votes2
answers334
viewsA: Sentence separated by comma in an IF Javascript would have what purpose? " if (1, 2) {}"
In this case your condition if assesses only the last case, as a normal operation with operator ,, namely a Sequence Expression. There is another question/answer that talks about it here. What…
-
2
votes1
answer288
viewsA: Return array() in jQuery
You can change the HTML to have the name simple, like the keys of the objects you want in the array. And then you can fetch the contents to generate the array like this: var array =…
-
5
votes1
answer124
viewsA: IF condition in javascript only works once
The value that .style.width returns is a string. You have to use a type converter to have a number and use the operator <. You could do it like this: function closeNav() { var sideNav =…
-
1
votes1
answer1678
viewsA: onClick on dynamically created React components
You have to fix the "bindings", that is to ensure that the execution context is the correct one. You can do it like this: constructor(props){ super(props); this.addBetCard =…
-
0
votes1
answer40
viewsA: Working with Transform3d in jQuery
You can do this with Javascript, for security (to work on different browsers) use the necessary CSS prefixes: div.style.webkitTransform = transfromString; div.style.MozTransform = transfromString;…
-
11
votes2
answers502
viewsA: What is the difference between "String(1)" and "new String(1)" in Javascript?
The primitive types in Javascript allow you to convert something into primitive value or an object using new to create a new instance of primitive type. Apparently they’re the same because we can…
-
2
votes1
answer39
viewsA: Onclick with alternate calls
Yes it is possible, just have a click counter and know if the count is even or odd. It could be something like this: var alternador = (function(contador) { return function(e) { contador++; if…
-
1
votes1
answer653
views -
5
votes2
answers8681
viewsA: How to add and remove required input with jQuery?
You can use the .attr() to change this attribute, thus: $('select').on('change', function() { $('input').attr('required', this.value == 'req'); }); The .attr() has the following API:…
-
3
votes1
answer676
viewsA: Compare system time to set time in a variable
Suggestion: function compararHora(str) { str = str.split(':'); var agora = new Date(); var varData = new Date(); ['setHours', 'setMinutes', 'setSeconds'].forEach(function(fn, i) { return…
-
3
votes2
answers3172
viewsA: How to add Card Mask?
You don’t need to be in so much condition for different scenarios. You can keep it simple and do it like this: function mcc(v) { v = v.replace(/\D/g, ""); return v.match(/\d{1,4}/g).join('.'); }…
-
4
votes1
answer785
viewsA: Take an element attribute
When you use el.style.backgroundColor; you’re looking for inline Styles, i.e., styles directly defined in the element. For example: <div id='bloco1' style="background-color:…
-
1
votes1
answer32
viewsA: Failed validation
In Javascript there is no flag s in Regexp. Strip and will already work as you want: var er = /[^a-zA-Z\s]/; jsFiddle: https://jsfiddle.net/xs6hj5LL/ You could simplify logic and have only one…
javascriptanswered Sergio 133,294 -
1
votes2
answers209
viewsA: Organize multidimensional array in javascript, preventing the next item from having the same type as the previous one
You can do this in two steps: organize by keys, and then merge. In the end clean the empty positions with .filter(Boolean);. The code would be like this: // agrupar por chaves var tipos =…
-
3
votes1
answer4234
viewsA: How to submit a form with select without Submit button?
You can do this directly in select with onchange="this.form.submit()": <select id="filtro" name="filtro" class="form-control" onchange="this.form.submit()"> That way when the event change is…
-
6
votes2
answers1043
viewsA: What is the default value for the "position" attribute?
Default value (by default) is static. It is referred to in the MDN and W3C: position Value: Static | relative | Absolute | Fixed | inherit Initial: Static…
-
5
votes3
answers7377
viewsA: submit a form with jQuery by clicking a button outside of the form
Two problems: removes the # of the ID attribute in HTML. It should be only id="form_7" and not id='#form_7' the Submit method does not accept arguments, it must be only form.submit(); jsFiddle:…
-
4
votes1
answer169
viewsA: Change element color when clicked
The simplest way is to join this in the two event headphones, which will force the background color to black by joining a style directly in the element: $(this).closest('li').css('background-color',…
-
3
votes2
answers892
viewsA: Grab Id and move to another function on click button
I suggest you pass the ID to a data field of the element that does Submit. This avoids global variables and the button you confirm has the information you should have. Also note the class setting…
-
2
votes1
answer42
viewsA: Dynamic button creation
You can use a selector that detects all Ids that start with a given string like this: $('[id^="btn_orc"]').on('click', function() { alert("clicou"); }); Or you can delegate the event like this:…
-
2
votes3
answers1491
viewsA: How to get the link id with jquery
You can use it as the ricardolobo suggested, using a selector that searches for elements whose ID starts with a given string. An example would look like this (jsFiddle): $('[id^="id."]').on('click',…
-
7
votes1
answer353
viewsQ: How does the syntax of Tagged template strings: fn`text ${10} text`work?
One of the novelties of ES6 are strings template. How this new syntax applied to functions works? For example, what does this code? applyStyle ` #minhaDiv { background-color: ${'#ccf'}; width:…
-
7
votes1
answer353
viewsA: How does the syntax of Tagged template strings: fn`text ${10} text`work?
Template strings with markup (or tags) are functions that receive arguments in a special way. In normal functions we are used to a syntax minhaFn(a, b, c); and then, within the function, we receive…
-
2
votes1
answer114
viewsA: Riding . eslintrc, how to write?
Define the code organization rules you want to implement and create a configuration file with what you decided. If you always use the same rules, just copy a file, if you have different rules…
-
8
votes2
answers12658
views -
3
votes1
answer146
viewsA: Help with Javascript comparison operators
The .value of an input and attributes min and max that you’re reading are strings. And because of that he’s comparing text and not numbers. Look at my answer I use Number to convert text (strings)…
-
4
votes4
answers1467
viewsA: Show and hide div
You can do it like this: function teste(div) { $('.container > div').each(function() { $(this).toggle($(this).hasClass(div)); }); } <script…
-
5
votes4
answers544
viewsA: Error set getElementById?
Your problem is in the variable name. Variables with numbers at the beginning of the name are invalid. div1 works as a variable name 1div or 1 does not function as a variable name The error this…
javascriptanswered Sergio 133,294 -
22
votes5
answers1574
viewsA: Why do "Alert", "confirm" and "prompt" lock the loading independent of the definition order?
Why "Alert", "confirm" and "prompt" lock loading? Because it’s a feature of language... This functionality was created like this, in the time of the dinosaurs, and it hasn’t changed anymore because…
-
3
votes3
answers440
viewsA: How to change the colors of Notes using javascript according to the result
Create a function that gives you this information and at the time of generating raisins the note value and the function returns color. Something like that: function getScoreColor(nr) { if (nr <…
-
8
votes2
answers689
viewsA: Do not send via POST elements within div "display None"
To prevent elements input are sent with a form the common solution is to input.disabled = true;, namely with the input disabled it is not sent to the server. Joins in logic to also hide logic to…
-
0
votes1
answer130
viewsA: Dynamic Update (Insert) with ajax
When you pass an object like { id: id_n }, in the data from ajax, what jQuery does is convert to query string: id=oValorDe_id_n with the jQuery.param(). Having the option processData: false it…
-
3
votes2
answers117
viewsA: event with jquery
When the browser reads $(aux).click(function() { it will no longer look for changes in the variable aux, after the time the page loads. You have to change the logic. A suggestion is at the time of…
-
7
votes4
answers199
viewsA: Difference between syntax to declare a function
In practice, for your example, they’re similar, they do the same thing. The advantage of using $('#dois').on("click", testar); is if there are more event headphones that should also call the…
-
3
votes3
answers623
viewsA: pass form name to jQuery
If you used as I suggested in the other reply applies well here too: $('select[name="busca"]').on('change', enviar_formulario); function enviar_formulario() { document[this.name].submit(); } Or just…
-
7
votes4
answers790
viewsA: capture value of < option > with jQuery
Put logic in jQuery and you can use this.value to know the value of select within an event callback change thus: $('select[name="busca"]').on('change', link); function link() { $.ajax({ method:…
-
3
votes1
answer3545
viewsA: Destroy React Component (Unmounting Component)
The way to disassemble a component is with ReactDOM.unmountComponentAtNode. This method accepts the DOM element on which the component is mounted. If you do not have an element reference you can…
-
1
votes2
answers4336
viewsA: Clear button radio button
To deselect a specific input just do it elemento.checked = false;. In case you have several, you have to iterate them and do them one by one. Something like: var inputs =…
-
6
votes3
answers1883
viewsA: Bind Javascript
When you use the .bind() it generates a new function with a new execution context. The .bind() alone does not run/invoke the function. I think you intend to use the .call() or the .apply() in this…
javascriptanswered Sergio 133,294