Posts by Sam • 79,597 points
3,121 posts
-
1
votes2
answers445
viewsA: Make pop-up open after a while
Use setTimeout and show the popup with .fadeIn(), in this way: if($('.popup-banner').length > 0) { (window.location.href === '/') setTimeout(function(){ $(".popup-banner").fadeIn(); }, 3000); //…
javascriptanswered Sam 79,597 -
3
votes1
answer88
viewsQ: Mount a two-dimensional array from another array
I have the array $dados down below: array(5) { [0]=> "2018-03-28" [1]=> "jantar" [2]=> "lanche" [3]=> "2018-03-29" [4]=> "lanche" } From this array, how could I mount another…
-
3
votes1
answer385
viewsA: How to handle a span element using pure JS
Your mistake is in button. Without specifying type, it by default is of type submit and is making a refresh on the page. Place type="button" on the button and it will behave like a button just to…
-
0
votes3
answers421
viewsA: Effects together with smooth scroll
You can use the plugin jQuery Easing Plugin (version 1.3) (included in the example below) which has a list of effects. Below I used the easeInBounce: var $doc = $('html, body');…
-
2
votes1
answer614
viewsA: Change text that appears before span
You can use the method contents() which returns only the text nodes. As the text is the first node of <a>, you use first(). Example: $("#spanPasta1") .closest("a") .contents() .first()[0]…
-
0
votes1
answer442
viewsQ: Events of jQuery Vs. Arrow functions?
When executing the following code: $("button").on("click", function(){ console.log("Meu valor é: " + $(this).val()); }); <script…
-
1
votes3
answers1913
viewsA: Return last index of Array
Seeing that his list is an array, you don’t even need to loop for to return the last item, just use the method reverse() and take the first index [0]: var data = { list: [ { date: "2018/01/10" }, {…
-
2
votes1
answer89
viewsQ: $(this) in Arrow Function returns different element
See that the $(this) in each case below points to a different element: 1º) Function: $("button").click(function(){ $("input").val(function(){ return $(this).val(); }); }); ↑ ↑…
-
1
votes2
answers178
viewsA: Add numbers inside input in sequence by clicking
You can do it this way too, by taking the value already existing in input: $(".numeros_ligacao li a").click(function(){ var digito = $(this).html(); $(".input_digitacao").val(function(){ return…
-
1
votes1
answer150
viewsA: How to make a date filter load the data (at runtime) according to what the user is typing?
You can go calling the function that will filter using the event input (as you type in the fields): $(elementos).on("input"... In the example below, when the fields "start date" and "end date" both…
-
1
votes1
answer1062
viewsA: How to change the size of a :before or :after dynamically with Jquery?
You can’t get access to pseudo-elements via Javascript because they are not part of the DOM. What you can do is create a specific class with new styles and add to the element. In the example below,…
-
1
votes1
answer110
viewsA: checkbox filled with php database data
You need to create a variable $marcado for each checkbox, and check on in_array separately: $marcado_pequeno = in_array("Peq. Almoço",$dados2) ? 'checked' : ''; $marcado_almoco =…
-
5
votes2
answers1452
viewsA: In Mysql which field type is suitable for storing weight in grams?
I believe the fact that it’s in grams do not say much, because there is a type of field for each type of measure: gram, kilo, meter, kilometer etc. You can use the type decimal, which is recommended…
-
1
votes1
answer36
viewsA: Turn a search into a field that dials when clicking on a mobile phone
You can include the data inside the tag <a>, riding in this way: <table> <?php foreach($clientes as $cliente):?> <tr> <td><?=$cliente->nome?> </br>…
-
1
votes2
answers168
viewsA: How to know if the text surpassed a div? using JS
There is no way to know text dimensions if it is not surrounded by a tag (I have already asked a question about this). What you can do is wrap the text in a tag span and set display: inline-block in…
javascriptanswered Sam 79,597 -
8
votes2
answers311
viewsA: Regular expression to detect nested structures in a template
The problem is in your regex which will select only until the final first occurrence in @endif, ignoring the second (or too). To resolve, add the quantifier + which will allow selecting how many…
-
5
votes3
answers86
viewsA: Javascript comparison
Can only do: if(a){ ... }else{ ... } a would have to be different from null, Undefined and emptiness. Exactly the 3 conditions you put in your code, adding that also can’t be the number 0…
-
17
votes2
answers2317
viewsQ: What is Xpath and what is it for?
Opening Developer Tools in Chrome to copy HTML from an element <div id="teste">, saw that there is an option "copy Xpath" as shown below: When choosing this option, it sends the following to…
-
3
votes1
answer496
viewsA: How to "copy" text from one div to another with Jquery?
Just take the active element text with the class .ativa (music that is selected) and play inside the other div, using: `$(".nomedamusicaaqui").text($("div.ativa").text());` ↑ ↑ div destino div de…
-
3
votes1
answer111
viewsA: Return JSON saved in localStorage
The array in question is horarios and not listaFormatada, so the right thing would be to call listaFormatada.horarios[i]. Another thing is that JSON has nested object, so the values of partida and…
-
4
votes2
answers679
viewsA: Maintain item order in JSON
When key names are only numeric, Javascript automatically reorder in numerical order. But you can reorder the options of select using sort(). After popular the select, use the code below, which will…
-
1
votes1
answer36
viewsA: Hide Ivs when mouse is out?
Working with jQuery animations in these cases is a little complicated because the animation happens so asynchronous. When you mouse an element, it goes out and comes back at the same instant, it run…
-
3
votes1
answer554
viewsA: Responsive modal
For the modal to be responsive on any screen, change the class .modal-dialog with min-width: /* 90% da largura da tela. Se achar que é muito, pode diminuir para o valor que achar melhor */…
-
0
votes1
answer1406
viewsA: Take the value of a radio input with Javascript
You can create an event onclick for each radio and send the value to another function: // aqui eu crio uma coleção de todos os input do tipo radio // o seletor "input[type='radio']" é:…
javascriptanswered Sam 79,597 -
0
votes2
answers110
viewsA: Given a select, how to store in an array (using pure Javascript) the value of all selected options?
If you really only want selected items on select in the array, using pure Javascript, the code would be this: var sel = document.querySelector("#mySelect"); sel.addEventListener("change",…
-
0
votes2
answers3052
viewsA: Repeat a CSS animation every time I click the button (with Javascript)
You can set the property of the animation for "none" and use setTimeout which will empty the property of animation for empty "" and then it will inherit the CSS property again. Example: variavel =…
-
0
votes1
answer53
viewsA: SUB-MENU is MISSING CSS
Your problem is that the li in the ul with class .nivel-um from the menu is with overflow: hidden; in the archive avancado.css: .menu.superior .nivel-um>li{ list-style-type: none; margin: 0;…
-
2
votes1
answer128
viewsA: Jquery code help typing text alone
When the div visible on screen, will call the function that writes: var div = document.getElementById('texto'); var texto = 'Porque Contratar a Two Way?'; var flag = false; // flag para que função…
javascriptanswered Sam 79,597 -
1
votes1
answer45
viewsA: Return in tree only what contains the search
You can browse all folders and items by checking if any have the background normal. When found, hide the item, leaving only those found. If the item is inside a subfolder, all parent folders will be…
-
0
votes1
answer3605
viewsA: Scroll through a table and take data with javascript
You did not inform the table structure, but no matter the structure, the code below will catch the id of the column you indicate in the variable: var coluna = 3; // coluna em que está o ID The code…
-
2
votes2
answers14038
views -
1
votes1
answer182
viewsA: Draw a point on an image based on its coordinates by clicking on it
You can do this by creating the element within the div: function coordenadas(event){ x = event.clientX; y = event.clientY; //console.log("X: "+x+" Y: "+y); var pto = document.querySelector('#image…
-
1
votes1
answer27
viewsA: Javascript Compare ERROR
The problem is that you are comparing numbers as strings: infojob.salary_min <= apps[i].pre_salary | | "200.00" "1500.12" infojob.salary_max >= apps[i].pre_salary | | "1500.01" "1500.12" Use…
javascriptanswered Sam 79,597 -
2
votes1
answer39
viewsA: Error in date format function
That’s because the input data is sending the value in format: 2018-01-01 // aaaa-MM-dd It seems to me that new Date() is treating the hyphen as a subtraction sign. Replace the hyphen with another…
javascriptanswered Sam 79,597 -
1
votes2
answers402
viewsA: Configure list-group with scrollspy bootstrap
I think with CSS you won’t be able to do this, because the dimensions of the others divs may vary and the CSS will not be able to handle it. With jQuery you can do this with ease. First adjust in…
-
0
votes1
answer175
views -
1
votes2
answers37
viewsA: How to make a selection with javascript
Can use parentNode and querySelector to reach the div desired, but it is necessary to change the eventListener to pass the element clicked as parameter to the function: var black =…
javascriptanswered Sam 79,597 -
1
votes3
answers320
viewsA: Radio alignment with image
You can use the style vertical-align us radios and in imagens: input[name='bandeira']{ vertical-align: sub; } .celula-imagens img{ vertical-align: middle; } <table border="1"> <tr>…
-
2
votes1
answer900
viewsA: Daylight Saving Time date conversion
Use the method toLocaleString() and then convert the result into Date object: var data = '/Date(1508551200000)/'; data = new Date(parseInt(data.replace(/\/Date\((-?\d+)\)\//,…
javascriptanswered Sam 79,597 -
1
votes1
answer67
viewsA: Capture link and title, and move to a single modal
This code does what you want, puts the title in the modal and assigns the appropriate links to each social network icon: $('.popup-modal').on('click', function(){ var comp =…
-
2
votes1
answer549
viewsA: Make iframe content responsive (Google DFP)
First add to your CSS: iframe{ width: 100% !important; } Solution in jQuery using contents(): $(window).on("load", function(){ $("iframe").on("load", function(){ var ads =…
-
-2
votes2
answers59
viewsA: Is there a type of Javascript that stores data from any file?
You can do this with localStorage using the API file. Create a Event Handler to the input file and save in localStorage: <input type="file" id="file"> <script> var arq =…
-
1
votes1
answer1517
viewsA: How to insert photos from a folder into a cell in Excel automatically?
Open Excel, and press ALT+F11, will open the VBE (Visual Basic Editor). As right click on "Vbaproject" and choose "Insert > Module": Enter the code below in the window (see comments): Option…
-
0
votes1
answer26
viewsA: Java Script Slide Show Error
Instead of using visibility Hidden/Visible, use display None/block. The visibility Hidden just makes the element invisible, but it still takes up space on the page. This is why the other images do…
javascriptanswered Sam 79,597 -
1
votes2
answers75
viewsA: how to work with Bootstrap table?
You can create a column within the first row and use rowspan which will merge the first column in the first two rows: <div class="row"> <table class="table"> <tr> <td…
-
1
votes1
answer46
viewsA: Can including files and repeating <html> and <body> tags cause problems?
More modern and pre-modern browsers (IE 8+) even fix, but this is a bad and unassailable practice. A include should contain only the code that interests that section of the page, and not a complete…
-
1
votes2
answers89
viewsA: Dropdown and Autocomplete
You can use jQuery to make this filter, but you need to link the select "Supervisors" with the select "Technicians". For this you can create an attribute data-sup in option of select of the…
-
1
votes4
answers1009
viewsA: Image occupy entire column
I would suggest using the image as background, so it would occupy the whole div and would not lose the Aspect ratio (ratio), automatically adjusting to the size of the div and add style inline right…
-
1
votes1
answer39
viewsA: Is there a way to use a non Form-Associated element as a natural associate?
The answer is nay. Only form elements (input, textarea, select, button...) are received in the backend via form. If it is strictly necessary to send an attribute value of a div in a submit (which is…
-
2
votes4
answers103
viewsA: How to avoid value repeats in this code?
My answer is similar to @Isac’s, only changing the syntax instead of using for of, used for in. I’ll leave it as a reference: function remAcentos(p){ var acc = { 'áâàãâ': 'a', 'éê': 'e', 'í': 'i',…