Posts by Sam • 79,597 points
3,121 posts
-
1
votes2
answers494
viewsA: How to focus an object after closing the modal bootstrap 4.x?
Use the modal event when it is closed (documentation): $('#aviso').on('hidden.bs.modal', function(){ $("#codcli").focus(); }); The hidden.bs.modal performs a function after the modal is closed.…
-
1
votes1
answer48
viewsA: Jquery to replace <small>
The method .on() has been added to jQuery since version 1.7. Probably your code is giving the error $(...).on is not a function, since it says it is using version 1.12.4. In this version you would…
-
2
votes1
answer139
viewsA: Doesn’t image cover the entire screen?
The problem with margins is paddling left and right class .container-fluid. You can eliminate them by placing the class px-0: <div class="container-fluid px-0"> The class px-0 eliminates the…
-
0
votes1
answer91
viewsA: How to change background-color of a button inside an Iframe with Jquery
You can do the following: Use $('#iFrameBotoes', parent.document) to select the parent document and fetch iframe B for your id; Select the contents of the iframe with .contents(); Search the button…
-
2
votes1
answer79
viewsA: close tab using JQUERY
Just find the element .j_open_div within the article of the link that was clicked using .closest() and .find(): $('.j_open').on('click', function(e) { e.preventDefault(); $(this) // link clicado…
-
0
votes1
answer71
viewsA: I’m trying to install the Isotope on my website
You’re using a function that doesn’t exist: .imagesLoaded. You probably took this code somewhere and didn’t load the library or function that uses the .imagesLoaded. This results in error and the…
-
1
votes1
answer748
viewsA: Alternative to $.html('); to clear a div in Jquery
Yes. You can use the method .empty(), that removes all child elements from div selected: Example: $("button").click(function(){ $("#minhaDiv").empty(); }); <script…
-
0
votes2
answers1122
viewsA: Bootstrap 3 - dropdown-toggle - Changing menu with it open is possible?
You can do it using the events mouseenter and mouseleave, firing a click manual on button (see comments on code). This way the dropdown will open only when passing the mouse (event mouseenter) and…
-
0
votes1
answer20
viewsA: Error creating link dynamically
You are breaking the string. You are delimiting the HTML attributes with double quotes and at the same time the PHP string. "<a href="\"$1\""…
-
7
votes1
answer1383
viewsA: In HTML how to increase the space between Tds without using cellspacing cellpadding?
You can use the property border-Spacing, which is equivalent to the old attribute cellspacing. And the advantage is that the border-spacing has a second optional value, so you can define different…
-
3
votes2
answers47
viewsA: I want to write a loop for...of which changes the first letter of the day, in the array, to uppercase
If you just want to print, you can use .toUpperCase() and .substr(): const days = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday']; for (day of days) {…
javascriptanswered Sam 79,597 -
1
votes1
answer23
viewsA: How do I get the tag size?
Missed the .value before the .length in the second condition: data.value.length != 10 But there are too many parentheses in the condition. It could be so: if(!data.value || data.value.length != 10)…
javascriptanswered Sam 79,597 -
2
votes1
answer166
viewsA: How to use the function Calc() with js?
The function calc() shall have a space before and after the operator: calc(valor1 - valor2) ↑ ↑ In your case, these concatenations are unnecessary. You should use concatenation when the value used…
javascriptanswered Sam 79,597 -
3
votes3
answers62
viewsA: Best way to apply a Pattern to the acronym
This regex may also suit you: /^[a-z][a-z\d]?$/i The flag i will dispense with the use of the method .toUpperCase(), because it will ignore if the letter is uppercase or lowercase. Explanation:…
-
4
votes2
answers101
viewsA: Calling function after fadeOut
The problem is you’re using .remove() the element that called the function, i.e., $thatRow. See that the fadeOut() is applied to the ancestor tr using closest("tr"), and when removing, no. Switch…
-
1
votes2
answers47
viewsA: validation of multiple selects
My suggestion is to put one value empty at each first option: <option value="">Selecione</option> In the function that will validate you do not need to loop each. Just check the empty…
-
1
votes2
answers104
viewsA: Custom drag and drop Javascript does not work in firefox
Firefox only triggers the change event if the user changes the field directly file, unlike in Chrome. What you can do is trigger the event manually in the function removeDragData(), but this will…
-
3
votes2
answers44
viewsA: Pass selected values in a select to a div
There are some errors in the code: In the for you’re picking up j[i].estado ("singular" state) of the return of Ajax, and in PHP is returning 'estados' => ("states" in plural). This results in…
-
0
votes2
answers78
viewsA: Javascript error while trying to remove element
Add the event dblclick to the object document and check if the clicked element has the class .remover. This way will detect double clicking also on the new buttons added dynamically, and you will…
-
3
votes1
answer57
viewsA: Force two elements to always occupy the same space
For both elements to occupy the same place, use position: absolute in the icon #plus and it will be superimposed on the first, but you have to put them inside the same container, it can be a span…
-
0
votes2
answers85
viewsA: Bootstrap with loop
You are repeating the <tbody> while, so the class will not have the expected effect because the table will have several <tbody> with only 1 line. Put the echo "<tbody>"; before the…
-
1
votes2
answers130
viewsA: Error - Jquery does not load function correctly
Your problem is just a syntax error. There is an improper parenthesis on this line: .click(function()){ ↑ The right thing would be: .click(function(){ With the correction everything works as…
-
1
votes1
answer145
viewsA: Jquery Javascript tab system
You don’t need this $('.conteudo').hide();, just put in the CSS display: none;. You don’t need two either $(document).ready(function(){, can put everything into one. Define the class .owl-stage to…
-
0
votes3
answers185
viewsA: Use Jquery to swap text
You’ll get it this way: $(document).ready(function(){ $('#package-service-toggle') .closest('.service') .find('p') .text('Transfer'); }); How can there be other elements with the class .service,…
-
2
votes1
answer81
views -
3
votes2
answers1453
viewsA: How to detect scroll at the beginning and end of a div with jQuery
You can detect by scrolling when the div appears completely in the window (see explanations in the code itself). I used as an example a div with class .mdiv, then you change according to the class,…
-
2
votes1
answer35
viewsA: css hover property is not covering the next item
Add the property z-index: 1 style .estilo:hover {. Thus the element with the state :hover will always be on top of each other. Run and full screen: #tudo{ margin: 50px 0px 0px 33px; } .position-box{…
-
1
votes1
answer97
views -
1
votes2
answers1320
viewsA: Limit characters and display the amount of characters
A very practical way is to first put a maxlength="50" in the field to limit the number of characters and the script below to change the counter by counting the number of characters typed:…
-
2
votes1
answer277
viewsA: Assign NAV command on buttons - Owl.Carousel
You can trigger the events prev.owl.carousel and next.owl.carousel by clicking the buttons. Just assign to the two buttons an event click and trigger the above Owl Carousel events according to the…
-
5
votes1
answer187
viewsA: Why does the Edge only move the element Horizontally and not Vertically?
The span as an element inline by default, is restricted to the line in which it is, and does not have can to influence (push) elements in other lines, only within their own. As the applied edge will…
-
2
votes1
answer43
viewsA: Div’s overlapping in cell phone
Remove the properties top, left and transform class .container and add a margin-top to give spacing of the Nav. Do not use <br> followed up for this. /*Cabeçalho*/ #menu ul { padding:5px;…
-
1
votes1
answer41
viewsA: Accordion does not change the icon
Bootstrap Collapse requires jQuery version 1.9.0 or higher. Now, as the first panel starts already open, change its icon to fa-minus. See in operation: function toggleIcon(e){ $(e.target)…
-
1
votes1
answer91
viewsA: Slide transition
If you are using jQuery (tagged jquery-ui), use the functions .fadeIn() (to show) and .fadeOut() (to hide), but include a CSS to hide all images except the first: .mySlides:not(:first-of-type){…
-
1
votes4
answers1201
viewsA: Check for parameter in javascript URL
You can check with regex if no document.referrer has the standard: ?qualquer_coisa= If true, concatenate &, if false, concatenate ?: var ref = document.referrer; window.location.href = ref +…
-
2
votes2
answers165
views -
1
votes1
answer858
viewsA: Move Scroll with Buttons
What you can do is scroll sideways by moving the div scroll at the same width as the gallery images. Because the width of the images has no relation to the width of the window (or the div where they…
-
1
votes1
answer62
viewsA: Calculation with Javascript gives error
Failed to add .value when selecting the elements: def = document.getElementById('ObjDefinidos').value; atin = document.getElementById('ObjAtingidos').value; The way it is, it’s just selecting the…
javascriptanswered Sam 79,597 -
0
votes1
answer50
viewsA: Login is creating a bottom spacing with CSS
The Materialize is defining the height maximum modal in 70% of the screen, so the empty space below. Redefines the max-height in class .modal in 100%, or a value that nullifies the value defined by…
-
5
votes3
answers324
viewsA: Check which p has no text
Without using jQuery, in pure Javascript, the method querySelectorAll accepts the selector :empty: document.querySelectorAll('p:empty'); This way will restrict the link only to the elements…
-
3
votes2
answers1267
viewsA: search for value in json object and return position in array
Using for...in in the main array you can search inside the sub sub_infos the string searched and return the value of index when the loop stops when finding the occurrence. To ignore the case…
-
1
votes1
answer145
viewsA: Generate a new JSON by manipulating data from another JSON
The code itself would work correctly, except for array placement contato in the wrong place. Correct would be to reset this array every time around the first for in function criaAgenda: for(var…
-
1
votes1
answer275
viewsA: CHANGE INPUT FILE STATUS
Create a div where you want the file name to appear and put a id, for example: <div id="nomearquivo"></div> Use the API Filereader to take the name of the selected file and send it to…
-
4
votes1
answer486
viewsA: Applying datepicker to a dynamic input with Jquery
After inserting the clone, remove the class hasDatepicker of input. This class is inserted by Datepicker and when cloning the element with this class, Datepicker is understanding that it has already…
-
1
votes1
answer104
viewsA: Alphabetize + numeric dynamic list
One way is to separate the letters from the numeric part. If the letter is equal, it will delete the letter and compare the numeric part and return the larger one first. Otherwise, returns the…
-
1
votes2
answers947
viewsA: How do I give spaces between the Tag Input
In addition to giving you the space you want, I would go a little further to improve the code. Instead of restricting the click only on radio, you can zoom in to the text that refers to it. For…
-
2
votes1
answer153
viewsA: Typeerror: $.event.props is Undefined
As you report this page on the official website, the property jQuery.event.props has been removed since jQuery version 3.0.0: Breaking change: jQuery.event.props and jQuery.event.fixHooks Removed…
-
1
votes2
answers506
viewsA: JS - How to get the Element selector or or its tree?
You can create a click event for all elements of body and treat the click on the clicked element, searching for their ancestors. At the end will return a string in the format you requested (other…
-
1
votes1
answer701
viewsA: Foreach taking only the last record
Place the table row inside the loop foreach. Placing it after, will catch only the last result of the loop: <?php $sql = "SELECT id,nome,con,tel FROM cad_for "; $sql = $pdo->query($sql);…
-
1
votes1
answer52
viewsA: I added a class with JQUERY and tried to use it to trigger a function, but it didn’t work, what’s wrong?
After page loading, the events click which you have already set out for the respective elements. Dynamic changes in the elements will not be heard because the events are not dynamic. You can…