Posts by Sam • 79,597 points
3,121 posts
-
0
votes2
answers75
viewsA: image does not appear in javascript
In addition to the error cited by Gustavo Sampaio, the event onload should be applied to imagem which is the image to be uploaded, and not to contexto which refers to the canvas. Simply change…
javascriptanswered Sam 79,597 -
4
votes1
answer949
viewsA: Format currency in jQuery
You can use the method .toLocaleString to convert the number into a local currency format. In Real (R$) would be: parseFloat(result.media_price).toLocaleString("pt-BR", { style: "currency" ,…
-
2
votes1
answer74
viewsA: setInterval() stop with mouse Hover
Considering the first code, the selector is wrong missing a point . in class tm-mandato in $('tm-mandato .uk-overlay-hover').hover(.... But just use only the class of the main div, exactly the…
-
2
votes1
answer41
viewsA: Div disappearing while taking content
It doesn’t show up because it’s probably in a container without a declared height in the CSS. This way the height is without reference, since it would be the percentage of the height of a parent…
-
3
votes2
answers1446
viewsA: JSON PARSE returning 'Object Object'
The alert does not show the contents of the object. If you make a console.log will show. Since it is an array object, you access the values by index 0, since it is an array of only one JSON item,…
-
0
votes1
answer68
viewsA: Red item on screen prevent Submit - Javascript/Jquery
For ease, place a class on each line (I put linhas). So you can select them and make a loop on them, using the .each jQuery. The idea is to go through each line and add inputs by index (:eq(0) are…
-
2
votes2
answers36
viewsA: How do I update a page at a set time?
The setTimeout is only executed 1 time. If you want it to be uninterrupted, exchange for setInterval. Now a problem arises: as the cycle is run every 3 seconds, it will re-load the page every 3…
-
1
votes1
answer42
viewsA: Html5 - onContextMenu, block other events
You can cancel the events mousewheel and keydown when opening the menu: document.addEventListener("mousewheel", noWheelZoom); document.addEventListener("keydown", noWheelZoom); function…
-
4
votes3
answers179
viewsA: Make an input receive a value less than another
If you’re going to do this dynamically, use Javascript with the event blur, equalling the value if lower. The min can be used for validation purposes if you are using a form to be submitted. If this…
-
2
votes1
answer24
viewsA: How to differentiate clones to color certain parts of SVG
Using .siblings you can change the fill of the sibling elements and the clicked element itself. Just create a click event for the path’s: $(function(){ var graus = 36; for(var x=1; x<10; x++){…
-
1
votes1
answer36
viewsA: Make multiple Svgs converge to the same point with CSS
You can do it with a loop for cloning the first svg and applying transform rotate from 36deg to each new svg inserted, ie the first inserted will have 36deg, the second 72deg and so on. And for…
-
5
votes2
answers599
viewsA: There is a css selector that I can select an Submit input only when it is triggered/clicked
When you click on the input, it gets the status of :focus: input[type=submit]:focus { color: red; } Editing: as reported in Hugo’s reply, :active occurs when button is clicked. The :focus may occur…
-
1
votes1
answer105
viewsA: preventDefault does not work in Browsers for Mobile
You can put a return false; at the end of the event function that the action of the element that triggered the event will not proceed. Under normal circumstances the preventDefault() should work, as…
-
1
votes1
answer68
viewsA: Date field only gets the selected previous date
Use the event changeDate (documentation) which will return the selected date. I believe you do not need the Blur event for this: $('#data1').datepicker({ autoclose: true, format: 'dd/mm/yyyy',…
-
1
votes2
answers558
viewsA: Hover effect on child element with CSS
Can put the class .un in <li> and use the :after in the <a> without having to use <span class="un"> around the link. One node less in the DOM and thinner code. : D Your li instead…
-
1
votes1
answer98
viewsA: Delete (rename) PHP figures with AJAX
I believe you are doing it the wrong way. By clicking on the button you are firing two events at the same time, the click and the Submit. No need to use this function myAjax(), you can use the event…
-
1
votes1
answer615
viewsA: Modal Bootstrap open content from another page
Click selector is incorrect using "button", because the element with id #btnImprimir is the button itself. Or you change to $(document): $(document).on('click',"#btnImprimir", function(){... Or use…
-
2
votes1
answer166
viewsA: Swap the values of the "name" attributes of subsequent inputs/selects html?
After cloning the element, you count how many exist and change the attribute name concatenating the value: $( "#adicionar" ).click(function(e) { e.preventDefault(); var original =…
-
1
votes1
answer82
viewsA: Focus on the first validation element - jQuery
The error is on this line: $form_line.find($(campos[i]).focus()); The .focus() should be outside the parentheses of .find: $form_line.find($(campos[i])).focus(); However, the way you are doing will…
-
4
votes1
answer646
viewsA: Div with Onclick but not in its jquery elements
You need to use .stopPropagation() in the parent element of the button, in the case of the .detalhes. So, just change the click selector on .Remove for .detalhes instead of body, and catch the event…
javascriptanswered Sam 79,597 -
4
votes1
answer69
viewsA: How to use Jquery.Mask for input CPF using []
You only wear clasps [] in the name, not in the id. But don’t use id as you will be able to repeat the field (see this question about id repetition). You can use the attribute as a selector name:…
-
1
votes2
answers199
viewsA: Put only 1x popup every 24h per user
Can use Localstorage (LS), which is also a cookie. All you need to do is store primitive value of the current date and create another date by adding +24 hours to the current date and then making the…
javascriptanswered Sam 79,597 -
1
votes1
answer1795
viewsA: Questions and answers javascript
To make your life easier, put a class on the Ivs you’re creating with the messages, so you can remove them all whenever you call the function corrigir(): d.className = "mensagens"; Now the Divs will…
-
1
votes1
answer817
viewsA: Calculate values in jQuery
In fact the result of 699/250 is 2,796. The .toLocaleString will consider only 2 decimal places, but if the third box is greater than or equal to 5, is rounded to higher in the value of the second…
-
1
votes1
answer56
viewsA: (array) $each; and open
This documentation informs: If the source data contains control characters, the clause FOR JSON will encode in the JSON output in the format \u<code>, as shown in the table below. In your…
-
1
votes1
answer222
viewsA: .on load - does not work JQUERY
The method .load() always worked as an Ajax shorthand. Before jQuery 1.8 the method also functioned as event load of Javascript, that is, $(window).load() was the same as window.onload. As of…
-
0
votes1
answer170
viewsA: Jquery: Scroll Bar does not scroll down to the end of the DIV loaded with the request . load
The correct is to use the callback of the method .load() and scroll after the request is completed: $( "#conteudo2" ).load( "pagina.html", function(){ //scroll to last message…
-
2
votes2
answers121
viewsA: Collapse bootstrap 4 does not work mobile
Without entering the merit of the code, the problem is that in mobile mode the menu div is staying over the text that controls it. Add z-index: 1 in div#menulist-mobile within @media:…
-
2
votes1
answer106
viewsQ: Find an ancestor with a certain class from any descending element with pure Javascript
With jQuery it is quite simple to find an ancestral element that has a certain class, id, attribute etc. using the method .closest(). For example, in the code below I can select the div#principal by…
javascriptasked Sam 79,597 -
4
votes2
answers1303
viewsA: Require to mark at least 1 checkbox
The @Renan answer easily solves what you want, but I would like to add by citing problems in your code: First of all do what has been suggested: change checkbox for radio. You should only use…
javascriptanswered Sam 79,597 -
0
votes1
answer109
viewsA: take the result of one function and send via post in another
You are calling the function gravar(content) sending the value of content, then you must put in the function the respective parameter to receive this value, and play in the date of Ajax: function…
-
0
votes1
answer60
viewsA: Make mouseout one time
Using the option {once: true} indicates that the event will be triggered at most 1 time before it is automatically removed (documentation): obj.addEventListener(evt, fn, {once : true});…
javascriptanswered Sam 79,597 -
1
votes1
answer168
viewsA: how to use php inside an echo with html
You do the normal echo of div and echo inside the for: echo '<div name="estrelas-cliente">'; for($i =1; $i <= 2 ; i++){ echo '<p>teste</p>'; } echo '</div>';…
-
0
votes1
answer90
viewsA: How do I dynamically change the minimum number of search characters in the jQuery Autocomplete library
Since the minimum must be 3, already define the minLength in 3 at component initialization. In your code you can optimize a little: remove the + of the replace regex that has no precision, since the…
-
1
votes2
answers481
viewsA: Background with Blur and div of the middle without
Another option would be to place another div-child with absolute position and apply the background and the Blur in that div. That div would have the background function of the Section. Create a…
-
0
votes1
answer66
viewsA: Hiding elements inserted with append
Can use a ternary operator within the template string with the part of the button in question: <div class="col s12 m8 offset-m2 l6 offset-l3" style="width: 50%; float: right; margin-top:…
-
2
votes4
answers1217
viewsA: Multiple choice question
You can do it this way, which will even serve both radio and checkbox. Just put the right options alphabetically in the variable resposta when it is checkbox with more than one correct option. For…
-
2
votes1
answer109
viewsA: How to disable Bootstrap 4 Popover on mobile only?
Researching in documentation I didn’t see any option that disables Popover by screen resolution or device type. One way would be to apply a display: none in class .popover (native class of popovers)…
-
2
votes3
answers101
viewsA: My Javascript code to change visibility does not work
The event change is only fired with user action. It is easier to exchange for click which can also be triggered via code using the method .click():…
-
1
votes3
answers104
viewsA: Javascript functions sharing information?
You can call the function b which will return what was typed at the function prompt a. This return will be the value of the variable nome within the scope of the function a: function a(){ var nome =…
javascriptanswered Sam 79,597 -
4
votes2
answers184
views -
3
votes2
answers582
viewsA: Document.getElementById( ).value is not working with window.open( )
After opening the window using _self, the code no longer finds the id salario page because the page is replaced. Place the line that picks up the input id before opening the window in function:…
-
4
votes1
answer71
viewsA: In CSS what are Implicit or Explicit properties or attributes? What is the difference between an "Implicit Grid" and a "Explicit Grid"?
Grid Explícito is when you define explicitly in your CSS the number of columns and rows of a grid. Example: .container { display: grid; grid-template-columns: 100px 100px 100px; grid-template-rows:…
-
1
votes1
answer225
views -
0
votes2
answers124
viewsA: Simulate Click with webview on a href
Use document.querySelector where you can more easily select the <a> within the <li> in question: document.querySelector("#tb_next a").click(); Example: document.querySelector("#tb_next…
javascriptanswered Sam 79,597 -
3
votes2
answers584
viewsA: Transparent dropdown with bootstrap 4
Change the property background-color class .dropdown-menu using the notation rgba if you want to leave semi-transparent by changing the alpha channel: body{ background: yellow !important; }…
-
0
votes1
answer52
viewsA: Push in an Array made by Drag and Drop
Just put at the end of the function drop() one .push() of id of the dropped image: function drop(ev) { ev.preventDefault(); var data = ev.dataTransfer.getData("text"); if(ev.target.tagName ==…
-
1
votes2
answers131
viewsA: Regex to extract string content
Wouldn’t use regex for that. You can break the string in array by space and make a forEach associating the values: <? $string = "02/12/2018 (Assessment 2) = /86= | Weight: 50.00%"; $array =…
-
3
votes1
answer255
viewsA: Drag and Drop eating images
What happens is you’re making one .appendChild() image itself when dropping an image on the other, causing only the first image to be displayed, since the tag img does not allow internal content,…
-
1
votes1
answer46
viewsA: Calculate the values automatically
First you have to change these id's to class: id="TipoPassageiro" and id="TipoDocumento"; because when you clone you will duplicate id's, which is incorrect. Another error is that the two selects…