Posts by Sam • 79,597 points
3,121 posts
-
2
votes3
answers430
viewsA: Loop Usage within the Append Function
Create an empty variable and concatenate to create the HTML and only after the loop call the .append with the variable with all HTML. Use x of the loop to create iddifferent s for each element as…
-
2
votes2
answers802
viewsA: Action while button is being clicked
Unfortunately Javascript does not have a method that detects click continuously. The event mousedown is fired when you click both left and right button and is only detected once, even if you hold…
javascriptanswered Sam 79,597 -
2
votes1
answer284
viewsA: Button with loading animation - Bootstrap v4.1.1
As the height of the animation is fixed as well as the margins, you can use line-height with these values, which gives 62px in total and add on button: button.btn-outline-primary{ line-height: 62px;…
-
1
votes1
answer40
viewsA: Error incrementing value in inputs with same class?
A simpler way to do this compared to your code. By changing the value of a input, only the following will be modified increasing +1 the value of input altered. $(document).on('blur', '.ncheque',…
-
2
votes1
answer180
viewsA: Remove dynamic inputs
Clone the div this way to take the whole element, not just the internal HTML: var clone_step1 = $("#step1").find(".duplicar-presencial")[0].outerHTML; Exchange the ids of buttons by classes,…
-
3
votes2
answers533
viewsA: How to show next field when user click green button
You are creating a pseudo-element in the label, so there is no way to detect via Javascript the exact click on the button, the click will be active on label in its entirety, which takes away the…
-
3
votes1
answer37
viewsA: Javascript sends Ubmit even checking date
Use a return to validate the form on submit. Do the following: Remove the onclick="validarFormulario(this.form)" button (you can even remove the type="submit" also, because the button within the…
-
1
votes2
answers70
viewsA: Javascript or Jquery - how to do a Divs class inventory
You can create an array of objects with the quantities of the classes. An object array is easy after taking the values: var cores = []; // cria a array; $("#cores div").each(function(){ var existe =…
-
2
votes2
answers193
viewsA: arrange automatic paging
Take out the second $("#carregando").hide(); (within the $(function() {) who doesn’t need. The $("#carregando").show(); you change to $("#carregando").stop().show();. The .stop() avoids run-over in…
-
1
votes1
answer189
viewsA: Open Collapse via Bootstrap URL
You can do it this way: $("a.nav-link").click(function(e,i){ if(i){ var hash = i.ancora ? i.hash : i; }else{ var hash = this.href.match(/#.+/)[0]; } $(hash + '.collapse').collapse('show'); if(i)…
-
1
votes2
answers201
viewsA: Modal disappear after 3 seconds
Your code is working, but have put it AFTER the if: if(status.Status === 0){ $('#sucesso').html("<div class='alert alert-success'>A foto foi alterada com sucesso!</div>");…
-
2
votes2
answers247
viewsA: Send Dropdown Value to Iframe
You can change the src of iframe taking the value selected in the dropdown and passing this value as parameter in the URL of the iframe: function mandaIframe() { var idcat =…
-
0
votes1
answer59
viewsA: Create link to another page’s menu item
You can put a hash #servicosN (where N is the link number) in the URL and use window.scrollTo to scroll the screen to the menu and fire a click in the menu link. Example of the link:…
-
2
votes1
answer4379
viewsA: Bootstrap Modal Responsive - Height
You can use an event resize and the native modal callback. First add this CSS: .modal-content{ max-height: 100%; /*altura da modal*/ } .modal-dialog{ height: 100%; /*altura da view da modal*/…
-
1
votes1
answer519
viewsA: Imprimi [Object Htmlinputelement]
Since you are returning the element itself, you can take the value by adding .value in: {p.quantidade.value} and ${p.valor.value}
-
1
votes1
answer48
viewsA: Does not call the form when clicking on the submenu
Looks like you were wearing one select before changing the menu. You need to change the code to get the clicks in the menu and show/hide the sections: $(document).ready(function(){ $(".sub-menu li…
-
0
votes1
answer90
viewsA: Problem with css float
The elements obey the fluidity where they are arranged. The third div will always be next to the second with float: right. Putting clear: left in the second div, you’re saying that nothing can be on…
-
2
votes1
answer47
viewsA: Show hide content when clicked on a specific id
It would be like this, taking the href of the clicked element, which is the id of their div: $('a').click(function(e){ $("div[id^='pessoa']").hide(); var id = $(this).attr("href");…
-
1
votes1
answer48
viewsA: Error form login (front)
Instead of hiding the second form with $(".email-signup").hide(); it would be much better and more coherent to hide in the CSS itself: .email-signup{ display: none; } Example:…
-
0
votes1
answer1895
viewsA: How to adjust the size of a generic Modal Bootstrap window according to the desired View
You can use a modal with view-based responsive dimensions (see comments in CSS). Example: .modal-content{ height: 60%; /*altura da modal*/ } .modal-dialog{ max-width: 50%; /*largura da modal*/…
-
2
votes1
answer20
viewsA: Prevent Undefined of elements that may or may not appear in the document
Check if elements exist with if. If the element does not exist, nothing is done and returns no error: var jsNavButton = document.querySelectorAll(".js-nav-toggle")[0], jsNavHidden =…
javascriptanswered Sam 79,597 -
1
votes1
answer127
viewsA: Can someone help me, I’m not able to type in input
The function dragElement is preventing the field from being focussable because of the event onmousedown in div father. You must cancel the event temporarily by clicking on the field, and when…
-
1
votes1
answer1217
views -
1
votes1
answer51
viewsA: Someone help me, I wanted to make my div not leave the screen!
Checking the position of the element and its dimensions (width and height) you can reposition it if it exceeds window limits (see explanations in code): //Make the DIV element draggagle:…
-
2
votes2
answers97
viewsA: HTML escape inside <code> element - No jQuery
You can do this by using some methods to find the snippets inside <code></code> and make the replacements (explanations in the code): let msg = 'Olá, meu nome é josé. Você já viu esse…
-
2
votes3
answers518
viewsA: Remove JQUERY tags
If you want to keep tags without them being interpreted, you can replace the < and the > by its HTML entity < and > respectively. The result the browser will interpret as a…
-
1
votes1
answer75
viewsA: How to capture the id of each line in a list with scroll?
I did this way with pure JS, since the jQuery tag was not marked (explanations in the code): document.addEventListener("scroll", function(){ var lista = document.querySelectorAll("#noticias li");…
javascriptanswered Sam 79,597 -
2
votes1
answer55
viewsA: How to designate a number for each placement
Create a variable before the while to increment in the loop. For example: <?php $x = 1; while($row = mysqli_fetch_array($query)){ ?> <tr> <td><?php echo $x.'º';…
-
3
votes5
answers286
viewsA: Regex to capture dimensions of a product with unit of measure
You can do this without using regex. Just "clean" the string by removing spaces and "cm", then break into array by "x": str = "4,5cmx55x22cm"; str = str.replace('cm', '').replace(' ', '') str =…
-
1
votes2
answers67
viewsA: How to show the feedback message only for the focused field?
Send to the function validarCampos the element being typed: validarCampos($(this)); In the function you receive the element as parameter: var validarCampos = function(e) {... That event focus is…
-
1
votes2
answers131
viewsA: Find class of a dynamically created element
The variable list is a list of us of the class .js-nav-toggle: const list = document.getElementsByClassName("js-nav-toggle"); You cannot change the list at once. You need to iterate each element of…
javascriptanswered Sam 79,597 -
3
votes2
answers243
viewsA: How to add variable to [JS] array
You can change the values this way: var locations = [ {lat: '', lng: ''} ] var markerElem = document.getElementById("div"); var newLat = markerElem.getAttribute('lat'); var newLng =…
-
3
votes1
answer112
viewsA: Collapse in bootstrap with signal exchanged
Add to your CSS: .sessao-titulos[aria-expanded='true']:after{ content: "-"; } .sessao-titulos[aria-expanded='false']:after{ content: "+"; } And remove: .sessao-titulos.collapsed:after { content:…
-
2
votes2
answers65
viewsA: Only allow to select two days ahead
This function does this check (explanations in the code): function validadata(d){ var data = d.value; // pega o valor do input data = data.replace(/\//g, "-"); // substitui eventuais barras (ex. IE)…
-
1
votes1
answer1183
viewsA: Function load() open iframe
You can simply inject an HTML with a iframe in div without the need to use .load(): function loadModal(){ $('#injetada').html('<iframe src="teste.html" width="900"…
javascriptanswered Sam 79,597 -
1
votes1
answer56
viewsA: Javascript, list in alphabetical order is not working
As I replied in this post, you can reorder the <li> in alphabetical order using .map(), .sort() and .filter(). The code below will do the job by replacing the list HTML with a new sorted list.…
-
4
votes1
answer62
viewsA: Show all products of a Mysql order
You can do everything within one foreach. Just take the indexes of the other arrays using =>: foreach ($nome_produtoarray as $i => $produto) { ↑ ↑ índice valor Then it would be: foreach…
-
3
votes1
answer1398
viewsA: Picking up an element of a class with Javascript
Yes, using: document.querySelectorAll(".imagens-noticias")[0]; Or: document.getElementsByClassName("imagens-noticias")[0]; The document.querySelectorAll selects all elements that have the same class…
-
3
votes1
answer1524
viewsA: Modal that opens only the first time
You can use the localStorage, that functions as a cookie. Use Bootstrap’s native callback to create it: $('#myModal').on('shown.bs.modal', function(){ localStorage.setItem("modal", true); }); When…
-
0
votes1
answer71
viewsA: Doubt with Flex-Box CSS
You need to take away the standard margin of body: body { background: #f9f9eb; margin: 0; ← ← ← ← ← ← ← ← } Also take out the padding of <ul>, which is the class .navigation: .navigation {…
-
2
votes1
answer1489
viewsA: Javascript validate earlier date than today
You can check whether the date reported is before the current date or longer than 30 days from the current date: function validadata(d){ var data = d.value; // pega o valor do input data =…
javascriptanswered Sam 79,597 -
6
votes2
answers1105
viewsA: JAVASCRIPT: Sort HTML list by name and age
Using .map(), .sort() and .filter() you can sort. Note that in the case of age it was necessary to use regular expression with .match() to take only the numerical value of age (there can be no other…
-
4
votes1
answer181
viewsA: How to replace each occurrence of a regular expression match with a different value?
First this $contador = 0; is unnecessary in the foreach, since the variable $i already returns the indexes starting from 0, that is, where you use $contador can be replaced by $i. Another problem is…
-
2
votes1
answer246
viewsA: add and remove input number
The problem is on this line: document.getElementById('escolidos').value -= el; There you are doing a mathematical subtraction operation. The right thing would be to make a replace:…
javascriptanswered Sam 79,597 -
2
votes3
answers458
viewsA: Javascript check broken links
As informed by the AP, the links are from the same domain, so there is no problems with CORS. Use the XMLHttpRequest() running through each tag <a>. As Ajax makes a request, in the code below…
javascriptanswered Sam 79,597 -
2
votes4
answers79
viewsA: Show div/form when user selects an option
If you use jQuery, use it in the whole code. And you can simplify your code this way: $(document).ready(function() { $('#test').on('change', function () { $('option', this).show(); // mostra todos…
-
2
votes2
answers62
viewsA: Alignment problem in CSS
Put in the input id="pesquisa": onfocus="this.nextElementSibling.style.width = this.offsetWidth+'px'" This way by focusing on input will adjust the width of the div #resultados the same width as…
-
1
votes1
answer47
viewsA: Select buttons in a map
The way you are doing is selecting only the first element with the class .btn-resposta. You need to use querySelectorAll to select all and make a loop for to create an event for each one: function…
javascriptanswered Sam 79,597 -
1
votes2
answers26
viewsA: If variable is blank replace
Use a ternary to check for character in $arrayReturn['nome']. If there is, you concatenate the tag with the name, if not, returns nothing '': <?php $nome = $arrayReturn['nome'] ? "<p>Nome:…
-
1
votes2
answers500
viewsA: bar effect filling css in menu
Must set z-index: -1 in the ::after and z-index: 1 element. Example: body{ background: #ddd; } ul, li{ margin: 0; padding: 0; } li{ list-style: none; padding: 10px; display: inline-block;…