Posts by Sergio • 133,294 points
2,786 posts
-
3
votes6
answers47809
viewsA: How to search for a particular object within an array?
Because it didn’t work arr.indexOf({id: 1});? The problem is that when you do arr.indexOf({id: 1}); you are creating a new object and not creating a twin/equal of the other that is already inside…
-
0
votes4
answers15429
viewsA: addClass and removeClass with Jquery
You need to use classes in ID view. Ids are unique, classes are for repeated elements that share something in common. Also note that your HTML is badly formatted because you have li starting within…
-
2
votes1
answer515
viewsA: Listing Items with checkbox
I made some changes to add the functionality you’re looking for. Within the font added a span thus: <font color="#808080">Oranges <span></span></font> that way you have where…
-
1
votes1
answer880
viewsA: Open hidden LINK in new javascript tab
When you use window.location.href you are opening a new url on the same page. Since that is not what you want you should use open window.. Then you can wear something like <div…
javascriptanswered Sergio 133,294 -
3
votes1
answer1437
viewsA: How to change the value of a select?
You have to do it in the right order. 1- add Event Handler > $('#var3').on('change', function () { 2- change the value of select > $("#var3").val('value2') 3- trigger the event change >…
-
2
votes1
answer111
viewsA: Create indexes dynamically with javascript
You can use a Regexp to find indexes and replace them in ascending order. It would be something like this: var textarea = document.getElementById('contrato'); var clausulas = new…
javascriptanswered Sergio 133,294 -
2
votes3
answers5503
viewsA: Disable Function . click on DIV
I usually use another approach to this problem. In order to join both events to use jQuery’s Event system var clickDeviceEvent = 'ontouchstart' in window ? 'touchstart' : 'mousedown'; and then:…
-
1
votes4
answers6129
viewsA: Grab <a> tag link with javascript. For active menu script
You can do so to compare and know if a link is the same as the page you are on: (but this should be done on the server. Doing in Javascript is correcting in the wrong place) function…
-
1
votes4
answers3288
viewsA: Select with redirection
You can do this using native Javascript. That is, without any external library, and without mixing Javascript in HTML (which is not very advisable). Then you need to consider three things: what to…
-
2
votes1
answer499
viewsA: Drag div inside another
I answered a question earlier with similar functionality. Accurate 3 event headsets: when the mouse is pressed when the mouse is dropped when the mouse is moved Using var ativo you can appreciate…
-
4
votes2
answers310
viewsA: Div effect to show two, half-to-half images
I’ve been toying with the idea and it’s not so hard. Having two Divs on top of each other, one with superior z-index to be "on top". Then listening to the e.pageX (for example in a div with slider…
-
1
votes1
answer339
viewsA: Cookies javascript in webview smartphones!
The most reliable solution is localStorage. The localStorage is an object where you can save strings to the keys of that object and that has no time limit. For example: localStorage.appUser =…
-
1
votes2
answers1617
viewsA: Remove Only One Item from a javascript list
Since the buttons you’re putting together have a class btn-remover you could use that to know which parent element of that content (which is the one that has the class panel-body) and erase it. You…
javascriptanswered Sergio 133,294 -
2
votes2
answers543
viewsA: Video Jquery Exchange
In your HTML you have this structure: body |-video |-button |-button |-div#div_video Your Javascript function is replacing the contents of the div with ID div_video. If what you want is to replace…
-
3
votes1
answer294
viewsA: Make SVG responsive
To be proportional/responsive I think you need to define a standard size for which svg should be 165px. So using preserveAspectRatio and the viewBox you can do so (example for screen 1650 x 1650):…
-
5
votes2
answers4189
viewsA: Required for Checkbox / HTML5
I think only with HTML this is not possible. That is, as you explained in the question, you cannot use the required because it will force you to check inputs that are not mandatory. You really have…
-
1
votes1
answer40
viewsA: Scroll the page vertically wait and roll again
You have HTML issues you need to fix. remember that Ids have to be unique. So at the same time <div id='corpo'> <div id='foto'> <img id="foto" you must use classes and switch to:…
-
0
votes1
answer148
viewsA: How to stop $(window). scroll in an on-demand query
The event scroll can’t cancel. That’s very clear in the specification of W3C. The only way I know how to get around this is: overflow: hidden; an event receiver that forces the scroll position not…
-
3
votes1
answer1067
viewsA: Drag and Drop HTML components with jQuery
This question is a little broad because this functionality is relatively complex. Still, it is very useful and I leave here a suggestion on the drag & drop part. To drag an element you need to…
-
7
votes4
answers1737
viewsA: How to use "wildcard" in "CLASS" selectors with jQuery.expr?
Note: I have no idea what "joker" means but I will use that word in the example of this answer. jQuery doesn’t do it naturally. But it can extend the pseudo selector : to do this. The functionality…
-
1
votes4
answers1973
viewsA: How to make a list item show/hide a DIV when clicked?
The right way to do this is by using a CSS class. And in this simple case it’s not even necessary jQuery. You can iterate these elements and add an event receiver to them. When iterating elements it…
-
2
votes1
answer481
viewsA: Close Menu-Offcanvas by clicking Outside
Here is a suggestion: $(function () { $('.toggle-nav').click(function (e) { e.stopPropagation(); toggleNav(); }); $('#main').click(function (e) { var target = $(e.target); if…
-
1
votes1
answer21
viewsA: Mootools interfere with jQuery?
This line with Mootools code: window.addEvent('load', function(){ in native Javascript will be window.addEventListener('load', function(){ This line adds to the window an event receiver for when the…
-
5
votes2
answers60
viewsA: Slides conflicting with each other
The links you pointed out are: http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js It seems to me that you have different…
-
7
votes3
answers1459
viewsA: How to get only the second class with Jquery?
The other answers refer well to doing this with jQuery. Actually you don’t need jQuery for that. It can be done with native Javascript like this: var segundaClasse =…
-
1
votes1
answer84
viewsA: Make class combinator open page in separate tab
If you change your logic a little you can do as you please. Use Event Handler only to open a new page: document.getElementById('troca').addEventListener('click', function() { var win =…
-
4
votes6
answers3314
viewsA: Get the local time in javascript with zeros?
I usually use a simple function to join the 0: function pad(s) { return (s < 10) ? '0' + s : s; } That way you don’t have to use the toLocaleString() which is still poorly supported. So I’d do…
-
2
votes1
answer467
viewsA: Input Range that increases text size
What you lack then is to insert into the element #valor-fontSize the input value. You can do this with jQuery like this: $('#valor-fontSize').html(tamanhoDaFonte); I used so in the example below:…
-
4
votes2
answers162
viewsA: Counter in M:S format, javascript
I played with the idea and came to a time like this: var Cronometro = function (opcoes) { this.opcoes = opcoes || {}; this.contador = null; this.tempo = 0; this.configurar = function () {…
-
2
votes1
answer1778
viewsA: Create dynamic checkbox using Javascript
How to create a table in Javascript? Structured data Ideally you should have some object or array with the table structure and data. For example if each row is the ID of a relation and each cell has…
javascriptanswered Sergio 133,294 -
6
votes1
answer291
viewsA: Array conversion with json_encode PHP
PHP automatically detects whether you are using numeric keys and converts to an array. If you really want an object you can use JSON_FORCE_OBJECT in the second argument (PHP 5.3+), optional…
-
2
votes4
answers3411
viewsA: Set generic "date - * " attributes with javascript;
There are two problems with your code. One is the question you have about using jQuery to pick up/write on data-. The other problem is maybe why you didn’t get the results when you tested with…
-
4
votes1
answer135
viewsA: Override CSS from ui-disable class
The difference is that the disabled has opacity: .3;, Restoring opacity to 1 solves the problem. Using $('[data-role="navbar"] li:first').css('opacity', 1); solves the problem. jsFiddle:…
-
5
votes2
answers1263
viewsA: How to search by class (instead of id) in Javascript/jQuery
Since this plugin expects one element at a time you can replace the getElementById for querySelector not taking into account that you should use . for class and # for ID. So the same example with…
-
2
votes1
answer196
viewsA: Selection of the Dropdown Menu
So that the li also stick with the background just join ul li:hover in CSS. You can also join > a if you want white in the text. > a means the elements a who are direct descendants of li, so…
-
14
votes2
answers1261
viewsA: Detect extended click, javascript
Here is a suggestion: You need a function that runs when there’s a long click. Since this does not exist native you have to create another function that is passed to the event receiver to measure…
javascriptanswered Sergio 133,294 -
1
votes1
answer31
viewsA: Button value is not passing correctly
If you have an event receiver for when a button is clicked, then inside the callback the this is the element clicked. In the element button you can use .attr('value'). The .val() would also work…
-
4
votes2
answers108
viewsA: Click Subitem menu brings up level id
When you click on the child element the event goes up in the DOM and also fires the event click in the father (.menuLi). So you have to keep it from spreading with e.stopPropagation(); and therefore…
-
3
votes1
answer1951
viewsA: Javascript calculation and play in html table
If the third input is the sum of the others it makes no sense to add up including the total that is what it does: var soma = parseInt(document.getElementById("teste").value); I suggest you remove…
-
0
votes1
answer467
viewsA: Overlay div on before, css
If you remove the z-index of the element that will then have the ::before it will already work as you want. .abc { text-align: center; font-size: 13px; color: #C1BEBE; background-color: #F2F2F2;…
-
5
votes1
answer205
viewsA: Print incoming json data in jquery post
This JSON has to be converted to Object first. You can do this using JSON.parse: var dados = JSON.parse(data); then it depends on how you want to use the data you have in this property/key array…
-
3
votes4
answers140
viewsA: How to add class to the first <img src=""> of a set
You don’t need jQuery to do this in modern browsers. I have to put an alternative with native Javascript since nobody put... document.querySelector('a img').classList.add('novaClasse'); Example:…
-
0
votes2
answers117
viewsA: How to take the entire "days" value of a Dateinterval
Following the PHP manual you can use format('%a') to format a date difference, or days. Both give what you seek. format('%a') In the manual it says Total number of days as a result of a…
-
3
votes1
answer691
viewsA: Know the JSON object name
You can use a foreach to iterate this object. For example: $jsonstring = '{"Pessoas" : [ {"Nome": "Welson Play", "Idade":19}, {"Nome": "Stephanie", "Idade":15}, {"Nome": "João Pedro", "Idade":17} ]…
-
1
votes2
answers578
viewsA: Get the optgroup label and option value and display in a div with Jquery
You can do it like this: $('select').change(function () { var label = $(this).find(':selected').closest('optgroup').attr('label'); $('#label_value').html(label); }); jsFiddle:…
-
3
votes2
answers579
viewsA: Centering right inside a list (ul)
You can insert the image into one of the <li> and then use position and top to adjust the position of this element. As you yourself suggested having a specific class in that element is useful.…
-
2
votes1
answer428
viewsA: Add "Input List" in Java Script
I would do it in another way... you should bear in mind that having the right HTML already when it comes from the server makes the Javascript part much easier. I suggest using select in time of…
-
1
votes2
answers392
viewsA: Variable value Undefined js
I see two things you can change. When you use the complete the jQuery will pass as first argument the object jqXHR. Then you need to go get data.responseText. If you use the callback success instead…
-
2
votes2
answers1001
viewsA: Receive information from the database and send to the form field
To insert the variable value into the HTML you can concatenate in case you are doing echo HTML, or in your case use echo of PHP within HTML: <label>Nome Cliente</label><br />…
-
3
votes2
answers120
viewsA: Difference between [ID="MAIN"] and #MAIN
They look alike. The [] is the attribute selector, and CSS selects elements that have exactly this attribute. Notice that when you use the method [class="foo bar"] it will only work on elements that…