Posts by Sergio • 133,294 points
2,786 posts
-
1
votes2
answers591
viewsA: Change background to an element via jquery
You can do that with jQuery: $('li > a').on('click', function(e) { e.preventDefault(); this.style.backgroundColor = '#fdf'; }); So every time an element a direct descendant of a li clicked click…
-
4
votes1
answer150
viewsA: Create an instance of jQuery from an array
You can do it two ways, or iterate the array and hide it with jQuery (example) elementos.forEach(function($el){ $el.hide();}); or use commas on the dial and receive a jQuery collection with 3…
-
2
votes1
answer1641
viewsA: Take Geolocation Coordinates (Reactjs)
That function success is asynchronous. Uses the this.setState using .bind or passing the this by reference thus: var App = React.createClass({ getInitialState() { // Extract the favorite locations…
-
1
votes2
answers62
viewsA: Can only use get without the set in Object.defineProperty?
Yes you can, that way makes the effect of a property read only. I mean, it works to have only one getter: var obj = {_valA: 0, _valB:0}; Object.defineProperty(obj, 'valA', { // exemplo A get:…
javascriptanswered Sergio 133,294 -
3
votes1
answer77
viewsA: How to get parent elements except for some in native Js
You can use the Element.matches which checks if an element has a certain CSS selector, or better if it would be selected with a given CSS selector. If it is to use in old browsers there is a…
javascriptanswered Sergio 133,294 -
4
votes2
answers1563
viewsA: How to get all parent elements except for a few
You already have an answer with jQuery, here is one with native Javascript. Remember that in HTML classes cannot start with numbers, I think you have given numbers only for example but I leave the…
-
4
votes2
answers162
viewsA: Regex remove some elements from the style attribute
If this attribute is with the correct syntax the safest is to interpret what is set and remove it by properties. By regex seems to me half blind and may have flaws. A suggestion: var keepStyles =…
-
4
votes2
answers87
viewsA: Know if the page is in the background
The old way of doing this, which is also more compatible with older browsers, is like this: var focused = true; window.onfocus = function() { focused = true; }; window.onblur = function() { focused…
-
1
votes1
answer40
viewsA: how to add an image only in the checkbox marked
You can use it like this: $(this).closest('.hovereffect').find(".abcd").append( Basically you have as a starting point this, Climb up the DOM and look for the classy div .hovereffect and then…
-
1
votes1
answer2375
viewsA: Dynamically change the src of an iframe
How you’re doing is right. You have to consider two things: some urls do not open within iframes by cors protection, which thus prevents you from manipulating the page inside an iframe the src has…
-
2
votes1
answer1773
viewsA: What is the Javascript "Return" function for?
The return is not a function but an instruction (or command/functionality) of functions in many programming languages. What the return is to return a value that is the product of the function, and…
-
3
votes1
answer505
viewsA: Search Matrix index from json value using the index
Your logic fails because objects are unique, unless they’re references to each other. Look at these examples: var a = {}; var b = {}; console.log(a == b); // false var a = {}; var b = a;…
-
4
votes2
answers144
viewsA: How to acquire the value of the onclick() event
Generally when you want if (onclick == window) {executar bloco de código} use the .addEventListener. It can be used in DOM elements, in window, in objects, etc. In the case of window is simple,…
-
5
votes2
answers1997
viewsA: How to select and pick values from all checkboxes with the property checked?
You can use the pseudo-selector :checked which is part of the W3C specification. Natively, no libraries. Using document.querySelectorAll('input:checked'); You get a list of items that are marked. In…
-
5
votes2
answers185
viewsA: Javascript not working in HTML
Note that jsFiddle has an option that inserts your code into a function onLoad. That means all your code will be inside window.onload = function(){ // aqui } and makes the code only run afterward…
-
1
votes1
answer608
viewsA: How to take a date with Javascript and insert an input Hidden form?
How to set a date in one input and another fifteen days later in another? The steps you need to follow are: create a date object with the start day create a new date object with more 1296e6 ms that…
javascriptanswered Sergio 133,294 -
2
votes2
answers1992
viewsA: Coordinates of selected area in image
Here’s a starting point to do this with native Javascript. It is not difficult, my example may need some adjustments but so you learn better also how it works. Basically you need to control some…
javascriptanswered Sergio 133,294 -
2
votes1
answer326
viewsA: Send array to Controller and insert into DB, with Ajax and Codeigniter
In ajax you have data: {dataIndisponivel}, which is invalid sitaxe. An object must have a key and a value {chave: valor} and in this case you lack the key. So you can change to data: {datas:…
-
4
votes1
answer148
viewsA: Wait variable value to return function
Your problem is that this method is asynchronous and you can’t just do var foo = i.files[0].toData(); You have to wear a callback to give you the string when it is ready. So you can example:…
-
2
votes2
answers85
viewsA: Calculate date with Javascript or otherwise, even in excel?
Suggestion using Javascript: function futuro(dataInicial, semanas) { var data = new Date(dataInicial); // para evitar mudar o objeto original var ano = data.getFullYear(); // saber o ano em que está…
-
2
votes2
answers1766
viewsA: Defined function not defined
Two things to fix: #1 - put the function in the overall scope #2 - pass a reference to the clicked element to the function #1 - scope The mistake ReferenceError: abrirfoto is not defined happens…
-
1
votes1
answer222
viewsA: Background transition with gradient
Yeah, like you say, do transition with gradient not possible yet with CSS. On this site what they have are different Divs for each background, all with header.hero div.backgrounds>div { position:…
-
2
votes1
answer708
viewsA: how to block a jquery checkbox
Boostrap has its own code that runs when you click on a checkbox that adds a class active at the label. So when total > 2 You have to uncheck the checkbox and remove that class. You can do so:…
-
7
votes1
answer1891
viewsA: How to monitor the change of an input type text field?
Use the event input, tested in Chrome and Firefox now and works when Browser does auto complete. var input = document.querySelector('input'); input.addEventListener('input', function() {…
-
3
votes1
answer448
viewsA: Use onclick and ontouchstart
What I usually do is like this: var appEvents = { down: 'ontouchstart' in window ? 'touchstart' : 'click' /* ou mousedown */, move: 'ontouchmove' in window ? 'touchmove' : 'mousemove', up:…
-
5
votes2
answers13435
viewsA: Formatting text in upper case - upper case
This is done with CSS: div { text-transform: uppercase; } example: https://jsfiddle.net/rhzykegg/ If you really want to do it in PHP you can use strtoupper for ISO-8859-1 and mb_strtoupper for UTF8…
-
1
votes2
answers162
views -
1
votes5
answers98
viewsA: Conversion of object properties to numbers
Not knowing the context you are trying to use is a bit broad the question, but yes, as mentioned it is possible in some objects to call the methods .valueOf() or .toString() and usefully. These…
-
0
votes1
answer318
viewsA: Enable buttons in columns of a table with jquery
Two changes in your code: uses 'td:first' to give you only the first element td uses $(this).find('button').removeAttr('disabled'); to find that element button and .removeAttr() to remove the…
-
2
votes2
answers467
viewsA: How to multiply one variable by another
In order to give strings to variables, you must give numbers in order to do the math. At times var preco = "100"; uses var preco = 100; and then just do * preco; at the end of .reduce() thus: var…
javascriptanswered Sergio 133,294 -
6
votes2
answers720
viewsA: Replacing "NAN" with 0 in Javascript
Look at this example: var x = 10 / 'foo'; var y = x || 0; console.log(x, y); // dá: NaN 0 That is to say NaN validates as false. In this example it will reset the value also in case you give 0 in…
javascriptanswered Sergio 133,294 -
4
votes3
answers168
viewsA: Function calling other functions
Creates an object with these functions. In the element joins a field data- with the name of the function you must perform and you get functional code and easy to understand. For example: In HTML:…
-
3
votes1
answer117
viewsA: Only call the function if you click on Parent and not on Childrens
When you use $(".sub-menu").click(function(){ that anonymous function (callback) will be called when an element with the class sub-menu receive an event. What is interesting and useful here is that…
-
0
votes1
answer30
viewsA: Doubts in the myjson
The JSON format/syntax defines that keys and values have to be quote strings and not plicas. So you need to escape the quotes that are in the middle of the string like this: "<a…
-
3
votes2
answers298
viewsA: How to insert a javascript generated html variable
Your HTML has some errors... but you can do it like this: var resultado = [{ Nome: 'Ana' }, { Nome: 'Maria' }]; var html = resultado.reduce(function(string, pessoa) { return string + [ '<div…
-
1
votes2
answers96
viewsA: Regex works on online tester but does not work on my javascript site
Since the string you have is already formatted and you just need to know if it is valid or not, the best way is not Regexp but a numerical check. Considering that the boundaries are: Latitude (S-N):…
-
3
votes2
answers70
viewsA: back the click counter signaling where it stopped
I think you can simplify your code for this: var els = document.getElementsByTagName('a') var btns = document.getElementsByTagName('button') var x = 0; for (var i = 0; i < btns.length; i++) {…
-
2
votes1
answer140
viewsA: Logic with callback
That’s the same problem of this question/answer. That is, when this callback is called (a time that is asynchronous) the loop is over and the i value has changed in the meantime. So when you use i…
-
1
votes1
answer263
viewsA: innerHTML only takes effect once, and dynamically generated elements
The problem is that += is the same as document.body.innerHTML = document.body.innerHTML + resto, ie re-write all the HTML and so breaks the event headphones. To make it work for any element (created…
-
0
votes1
answer308
viewsA: Regular Expression, preg_match() and storage in an array
Seeing your Pastebin I see that the fields are separated by tabs, and as you mentioned UNDEF is at the bottom a null value, Undefined that can be converted to an empty string. So you can do it like…
-
4
votes2
answers1774
viewsA: Capture values after an input checkbox
You can do it like this: $(document).ready(function() { $(":checkbox").change(function() { var total = $(":checkbox:checked").get().reduce(function(tot, el) { return tot + Number(el.value); }, 0);…
-
2
votes1
answer50
viewsA: Animation is not fluid
This type of animations should be made with CSS. Then all you need is #box-toogle { // ... top: 0px; transition: top 1s; } #box-toogle.escondido { top: -100px; } and when the element is clicked you…
javascriptanswered Sergio 133,294 -
0
votes2
answers171
viewsA: Doubt , how to resolve this conflict?
Your flow is wrong because you are submitting via HTML and not via Javascript/Ajax. I can imagine by your Ajax code that you want to send via Javascript and not do form Ubmit via HTML (which loads…
javascriptanswered Sergio 133,294 -
2
votes1
answer83
viewsA: Iframe with src attribute receiving an internet link
There are sites that in fact cannot be shown within iframes. That’s why these sites have "turned on" a security option called X-Frame-Options. That one X-Frame-Options is a header (can be said to be…
-
2
votes1
answer269
viewsA: How do I reset to setInterval() of a function?
You have to have some way of knowing if the element is being cheered up and managing it. The counter itself (setInterval) returns a pointer of itself to be canceled, using this you can stop it. A…
javascriptanswered Sergio 133,294 -
2
votes1
answer136
viewsA: Object creation (Factory) javascript
Your code is correct and you can check it if you do console.log(escola.pessoas); that will give [{ "id": 0, "nome": "Jonh" }, { "id": 1, "nome": "Bob" }, { "id": 2, "nome": "Jerry" }, { "id": 0,…
-
1
votes1
answer245
viewsQ: How to include a regex in the parameters of an Express route?
In a project I’m doing I want to point a specific route to a controller. In a simple case of a route with parameters I would do so: app.get('/:lang/:activities/:activity',…
-
1
votes1
answer245
viewsA: How to include a regex in the parameters of an Express route?
Express allows you to have a regex associated with a parameter. using :activities(uma_regex) it will seek to match and if find passes this value to the req.params.activities. An example would be:…
-
5
votes1
answer57
viewsA: String Validations
The explanation of this regex is thus: /^.+@.+\..{2,}$/ / - regex object opening symbol. ^ - indicates string start .+ - any character less line change, one or more occurrences @ - a character…
-
0
votes1
answer75
viewsA: Bug with slide jquery effect
The best thing is to do it only with CSS... in which case it would be like this: .cursos span { background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; display: flex; align-items:…