Posts by Sam • 79,597 points
3,121 posts
-
2
votes2
answers162
viewsA: How to insert an element only once with jQuery event
To ONE THING what you need to do is change the line $("small").remove(); of place, placing it before the if: $(function() { var $form = $("#formtest"); $("#nome").on('blur', function() { var $this =…
-
1
votes1
answer471
viewsA: Calculate and sum values in jQuery
The code has several problems. One of them is the var soma += parseFloat(linhas_r2);. Using var In the auto-sum variable, you’re redeclaring it at every turn of the loop. When redeclaring it has no…
-
1
votes1
answer1815
viewsA: Passing data to a Bootstrap modal window
In modal inputs you did not enter where you want to pass id, but one way to fill modal inputs is to change the way you call the function editar. First change the onclick to: onclick="editar(this)"…
-
2
votes1
answer202
viewsA: Get input html filled with jQuery
You can do it this way: function tag(){ var exemplo = $("#input") // pega o elemento .attr("value", function(){ return this.value }) // insere o atributo com o valor atual inserido…
-
4
votes1
answer4069
viewsQ: What are jQuery’s AJAX beforeSend arguments for?
I usually see the use of the function of beforeSend: of jQuery.ajax() being used in a simple way, such as emptying a div before the request: function enviar(){ $.ajax({ beforeSend: function(){…
-
1
votes1
answer28
viewsA: button in a div with display: None does not receive jQuery event when it is embedded in another div
When copying the HTML from one div to another, you will be duplicating the button with the same id. Depending on the order of the elements, the event will only be triggered by clicking on the first…
-
2
votes2
answers70
viewsA: Create Listener for multiple dynamically generated Checkboxes
Using the selector "#checkBoxes [type=checkbox]:checked" with document.querySelectorAll you will pick up all checkboxes marked. Then making a for...of you add the values in the array, and you can do…
javascriptanswered Sam 79,597 -
1
votes1
answer1727
viewsA: Add dynamic id with Javascript
Just grab the input text with $("#inputeste").val() to put in the label concatenating the string to be inserted. To generate the ids in order, I suggest a separate function for this, so that it can…
-
4
votes2
answers1399
viewsA: Find element in HTML and add a class with pure Javascript
Another way would be using .classList.add() with a for traditional, since the forEach not supported in Internet Explorer. Note that the selector ".uk-slideshow > ul img" will fetch all tags…
-
2
votes4
answers190
viewsA: Divide a sentence into 2
You can also use array_slice() (slice the array). The principle is the same: break the text in array, then count the size of the array and divide by 2. If the result is odd, the first part will be…
-
1
votes1
answer141
viewsA: Fire jQuery using the Hidden input
Just put the id #idRede in the Hidden input and trigger the event change manually using the method .trigger() jQuery. Field: echo "<input type='hidden' name='idRede' id="idRede" value=" . $idRede…
-
0
votes3
answers352
viewsA: HTML5 validation before preventing form submission
The button without an attribute type, within a form, has the function of submit. When cancelling the event click from the button you are at the same time canceling Submit. With this HTML5…
-
7
votes2
answers80
viewsA: Why does image transparency on the Firefox Button not work?
In addition to Firefox, it also happens on IE11. Because it is a button, the mouse events (mouseover, mouseleave, etc.) are all linked to the button itself, and not to its child elements. With that,…
-
1
votes1
answer351
viewsA: Is there a Javascript function to capture mouse click?
At setting display: none in CSS, it does not mean that the element has this property in Javascript. CSS does not change the properties of the element, it just changes or defines the visual behavior.…
-
4
votes2
answers54
viewsA: Compensating for Select Option loss
The element select has by default box-sizing: border-box;. Suffice change to content-box. Create one more style just for select and place box-sizing: content-box;: select.inputTextMedio{ box-sizing:…
-
1
votes1
answer85
viewsA: What is the return order of the Javascript "find" function?
The .find returns the elements in the order they are in the DOM. The plugin you are using recreates a list of div's (Selected Children) each time you select an element from the first list (Available…
-
3
votes3
answers77
viewsA: Color change with jQuery
If each menu link has the class .nav-link, can use the selector a.nav-link: var integra = $("#bg-navbar").offset().top - 60; $(window).scroll(function() { if($(document).scrollTop() >= integra){…
-
2
votes1
answer45
viewsA: Code returns Undefined when executed
At last if, the sign should be greater than (>): if (salario > 4664.68){ ↑ Now, you need to adjust the variable scope valIrpf within the function. In the first if, you declared the variable…
javascriptanswered Sam 79,597 -
2
votes1
answer16
viewsA: Media querie in order to change the image does not work
The lack of space after the and makes the rule invalid: @media only screen and (max-width: 600px) { ↑ Working: * { margin: 0; padding: 0; } body { font-family: 'Rubik', sans-serif; background-color:…
-
2
votes2
answers85
viewsA: Modal box centered on the screen, with dynamic and limited width and height
It would be better to use a container with flexbox, because you won’t need to use left and transform to centralize the div, causing the max-width: 90% function and the width of the div will adjust…
-
3
votes2
answers289
viewsA: Email and password validation using Keyup
I think you can separate events for each type of validation: email and password: $('#email, #email2').on('keyup', validarEmail); // chama a função ref. ao email $('#senha, #senha2').on('keyup',…
-
1
votes1
answer68
viewsA: Jquery.load() function does not bring the textarea element up to date
Use sessionStorage. It creates a temporary cookie that only holds for that page session (after you close the site, the cookie is deleted by the browser). When clicking the button that opens the new…
-
4
votes2
answers33
viewsA: Unwanted space on an edge with Hover event
You would solve the problem by applying display: block in the image, that is, in the class .bastion-size. That’s because the tag img is inline, as explained in this question: Behold:…
-
2
votes1
answer46
viewsA: How to fix a CSS animation error
By decreasing the :hover on this line, is causing the bug: .box:hover .icon i{ font-size: 40px; } You can trade for scale worthwhile .5 (half the original size of 80px): .box:hover .icon i{ /*…
-
0
votes2
answers760
viewsA: What is the difference between Array/array, Object/Object, etc?
Javascript is a language case sensitive, that is, differentiates upper and lower case letters (such as Java, PHP and others). A few words, like Array and Object are words of internal language…
-
2
votes1
answer91
viewsA: Mask Jquery error when typing a letter
Just check if the pressed key is a number. You can use the function isNaN() at an event keydown to return false if the key is not numerical. Also, I created an array with the codes of some control…
-
1
votes1
answer153
viewsA: Problem when displaying div by clicking radio button and other div
Put everything in the same event click and change the dial to fetch the radio value of the clicked div: $("#campos").hide(); $('div.table-selection').click(function() { // busca o radio dentro da…
-
0
votes2
answers111
viewsA: How to identify td line to mount a dynamic data-title
The way you’re doing ($('td').attr('data-title', $(this).text());) will change all the td's at once every turn in the loop. You can run through every th and amending its td of tbody by index (i)…
-
2
votes1
answer332
viewsA: How to make the border thickness responsive to this Brazilian Flag made with CSS?
Instead of using the property border complete, use only the border-radius and put a background white in the ::before of the strip (thus the thickness of the strip is not attached to the px fixed…
-
0
votes1
answer86
viewsA: Modal window only opens and does not close
It turns out that the modal is inside the article that calls the onclick when it is clicked, just by clicking on the button to close at the same time it is clicking on the article that opens the…
-
9
votes1
answer318
viewsA: Is it possible to make CSS an infinity symbol with one circle passing through another?
With ::before and ::after only in the first div can you: .container{ position: relative; } .box, .box.x::before, .box.x::after { width: 200px; height: 200px; box-sizing: border-box; position:…
-
3
votes2
answers50
viewsA: Javascript concatenation with PHP
You need to include everyone in all echo, single escaped quotes, which will be the continuation of the Javascript concatenation, in addition to which you also need to concatenate the last line of…
-
0
votes3
answers655
viewsA: More than one Date Field in Ajax
You are creating the object outside the Ubmit event, with this it will always be empty. Just put in it will pick up the values at the time of Submit: $(function(){…
-
7
votes1
answer1116
viewsA: Download functionality with Ajax request
Ajax doesn’t work that way. The functions performed in PHP only have direct effect on the user if the PHP page opens directly in the browser. How Ajax requests the page on background, so to speak,…
-
3
votes2
answers808
viewsA: Bootstrap 4 - Modal Form close on button only
Just include the attribute data-backdrop="static" in modal: ↓ <div data-backdrop="static" class="modal fade" id="exampleModalCenterAntenas2" tabindex="-1" role="dialog"…
-
3
votes2
answers412
viewsA: Problem when leaving the width of the automatic textarea
With Javascript you can check if the scroll width is larger than the element width and thus adjust the width dynamically as you type:…
-
1
votes4
answers307
viewsA: Div hover change color in other elements
It doesn’t work because when using the symbol >, means that the target element of hover should be a direct child, which it is not. So by removing this symbol, the style will be applied in the…
-
2
votes1
answer648
viewsA: In Flexbox why does Justify-self not work on the children of a parent with display:flex?
According to the specification in W3C, the property justify-self does not apply to flexbox: 6.1. Inline/Main-Axis Alignment: the Justify-self Property Applies to: block-level boxes,…
-
2
votes1
answer600
viewsA: How to display error message and redirect in jQuery
Ajax returns data. O header is a PHP function that will only be processed on the server, that is, it does no effect on Ajax. You must redirect by Javascript itself when Ajax returns the success…
-
3
votes1
answer107
viewsA: Why is iframe not being printed in the input?
Is giving conflict with the double quotes of the string $iframe, which is an HTML code that has attributes using double quotes, with double quotes from value="". This is causing a break in the…
-
3
votes1
answer149
viewsA: Call a Section tag without displaying the ID in the URL
With jQuery is possible using preventDefault() and .animate. The preventDefault() will prevent the link from changing the page URL, because it cancels the link event. $(function(){…
-
1
votes3
answers1706
viewsA: How do I pass the time from one div to another?
Just put display: table-cell; on the Divs red and gray, since Section is with display: table. This will cause the Divs (and Section) to behave as if they were a table. Now, you need to remove the…
-
1
votes1
answer131
views -
2
votes1
answer230
viewsA: Bug using :Hover and click on Chrome
Use the method .hover() jQuery by switching a class that determines when the menu is open or closed. When adding the class with .hover() at the event mouseenter the menu will open in the event…
-
1
votes1
answer43
viewsA: Page does not permanently load with the . load (jQuery) command of my script (Javascript)
The <a> with href empty will reload the current page. You need to cancel the click on event <a> sending the event to the function and using event.preventDefault():…
-
3
votes1
answer1469
viewsA: stop a foreach Java
The return false will take effect on the function of .each (because it is inside it), not the click function. That is, the loop will be aborted when the if is satisfied, but the rest of the code…
-
3
votes2
answers855
viewsA: How to break line in Pseudo Content element ::after or ::before?
It is possible, according to specification content the line break occurs with the escaped character \A, but you need another property white-space as long as the value is pre (pre, pre-line or…
-
11
votes1
answer2132
viewsQ: What are the advantages and disadvantages of SPA (Single-Page Application)?
As far as I can tell, the spa (Single-Page Application) are basically pages that do not suffer constant Reload (so the name, in free translation, "Single Page Application"), that is, change their…
single-page-applicationasked Sam 79,597 -
8
votes1
answer177
viewsQ: What are the standardization phases of a CSS property?
Sometimes I search the site Can I Use browser compatibility of some CSS properties and some acronyms, such as: LS, WD, ED, CR etc., such as property clip-path show me the acronym CR: I did some…
-
4
votes2
answers346
viewsQ: Reuse of variables
I had a question about code optimization. I assume that the more the code is dried, the faster the algorithm will be compiled and executed. Starting from this principle, I have the habit of reusing…