Posts by Sam • 79,597 points
3,121 posts
-
1
votes1
answer68
viewsA: Show a div when closing the tab
Use the event onmouseleave, that executes the code when the mouse exits the viewport: $(document).on("mouseleave", function(){ // faça algo }); See on Jsfiddle.…
-
0
votes1
answer733
viewsA: Validate CPF with Ajax and then submit the form
The way you’re doing, you need to name the form: <form method="post" action="pesquisa.php" id="formulario" name="formulario"> Put the e.preventDefault(); outside the if:…
-
0
votes1
answer132
viewsA: Slide loading at time of execution
Analyzing your code, to prevent the image from being loaded before it appears in the slider, create a dataset with the image path instead of putting in the src (in the src, leave empty or place a…
-
2
votes1
answer250
viewsA: Query to return middle text from a field
You can use substring_index and replace deleting the first two snippets and the last one. The query below will return a column called resultado with the string treated: select *, trim( replace(…
-
1
votes1
answer396
viewsA: How to edit the bootstrap margin in css or js?
To do this you have to change the behavior of can via jQuery in a somewhat radical way. Like the can is created dynamically, the code below overrides the styles when the mouse is passed in the first…
-
1
votes1
answer29
viewsA: Show data dynamically
Change the function listagem() for document.addEventListener("DOMContentLoaded", function(event){, which will execute the code when the page is loaded: Not to mention that there are snippets in your…
javascriptanswered Sam 79,597 -
2
votes3
answers1479
viewsA: Expand options of a select element by clicking button
There’s really no way to open the select programmatically. This is a restriction imposed by the browser policy, where there should be direct user interaction. However there are ways to manipulate…
-
2
votes1
answer562
viewsA: Sum Count() in mysql
You don’t need to add the COUNT. Just make a COUNT normal that will return the total of LIKE: SELECT Data_reg, COUNT(Data_reg) AS Soma_total FROM Monit WHERE Data_reg like '2016-06%' In your case,…
-
1
votes2
answers353
viewsA: Change class and item id when receiving event click with pure javascript
You can exchange attributes as follows: document.querySelector("#fecharMenu").addEventListener("click", function(){ this.id = "abrirMenu"; // troca o id da <li> var i = this.children[0]; //…
javascriptanswered Sam 79,597 -
3
votes3
answers1543
viewsQ: Why "html, body" and not just "body" to delete the page margins?
When you want to delete the default page margins I always see the following CSS code: html, body{ margin: 0; padding: 0; } Why use html, body just using body which is the body page already solves?…
-
0
votes1
answer27
viewsA: Bring Back between two functions - Javascript
You cannot because Ajax is asynchronous. A solution is to use an callback when the $.get is processed: function list(callback){ $.get( "<?php echo BASE_URL;?>/open/start/list"…
-
0
votes2
answers56
viewsA: Full Menu in Jquery
Use the method toggle that your code becomes more efficient and clean. To close everything by clicking off the menu, use the event onclick in the document and put stopPropagation(); in the onclick…
-
2
votes2
answers69
viewsA: Ignore strings containing "@" - jquery
The problem is that you are not getting the value correctly passed in the loop .each in the parameter word: if (words.indexOf(wordContainAt) != -1){ The right thing would be word and not words: if…
-
1
votes1
answer54
viewsA: Javascript, or other way, to delete a certain line of the html code, and create another in the same location as the previous one
HTML consists of elements of GIFT (Document Object Model) and not by lines. It is represented by a tree nodes, where a node can be selected and modified via script (e.g., Javascript). Each node has…
-
0
votes1
answer769
viewsA: Send form without Ajax and without updating page
One way to do this is through a iframe occult: <form name="form" action="pagina.php" target="pagina" onsubmit="return valida(this)" method="post"> <input name="nome" type="text" />…
-
2
votes1
answer769
viewsQ: Send form without Ajax and without updating page
When you want to send a form without updating the page, you think of Ajax, which is a practical way to do this. But there would be another way to do it without using Ajax? For example, I have the…
-
1
votes2
answers80
viewsA: View or hide an element with javascript codes using the.display style
If the value of the widget is never changed, it will never appear again. Change the value of the widget to toggle the visibility: function VerificarDeposito(){ if…
javascriptanswered Sam 79,597 -
1
votes1
answer577
viewsA: How to insert 2 images slide (html)?
You can use setInterval (permanent timer). Create two variables with the path of the images and switch between the two: var img_1 = true; setInterval(function(){ var img1 =…
-
1
votes1
answer49
viewsA: add more than one name to the form
It is possible to concatenate with what is already in the input, and preventing it from being inserted (in the image below, each half, left and right, is a link map): <html> <head>…
-
4
votes1
answer563
viewsA: How does the browser read and interpret css?
Each browser has an HTML/CSS parsing and rendering engine. They all strive to make the page faster loaded and rendered. Usually the process is so fast that you can’t notice the phases in which it…
-
0
votes1
answer29
viewsA: Javascript, a null(empty) id can be returned?
If you remove the id of the element, it will not be able to recover it, unless you store it somewhere, but it would be complicated if there are several elements. You can use other methods to…
-
0
votes2
answers883
viewsA: Responsive menu with HTML and CSS only (target function)
Avoid POG, use the method toggle (alternate between show/hide every click): $("a.toggle-nav").click(function(){ $("#menu-header-resp").toggle(); }); Example: $("a.toggle-nav").click(function(){…
-
1
votes1
answer1195
viewsA: Create weight mask (kg)
Can use this plugin: Create an external . js file with the name jQuery.weightMask.min.js and add the code below:…
-
1
votes2
answers330
viewsA: Display image until gif is loaded
You can add a spinner done in CSS after the element <img>, that will be removed after the gif is loaded by onload. You just have to put the image inside a div (that one div will not influence…
-
1
votes2
answers128
viewsA: How to perform scroll event only when you click on a certain element?
You need to separate the events, and not put everything nestled. Create an event click only for the .abas: $(window).on("resize",function(){ $('html, body').stop(); var abas = $(this).width() <=…
-
1
votes2
answers744
viewsA: How to format select option with bootstrap in an Angular?
Adjust the styles of selects via CSS, in this way: <style> #estado, #cidade{ padding: 5px; /* ajuste este valor até que fique como deseja */ border-color: #d6d6d6; border-radius: 2px; }…
-
1
votes2
answers122
viewsA: Mobile only jquery, is it possible?
You have to separate the two animations for each version, and still use .stop() to stop one animation before starting another. In the example below, switch the snippet to "full screen" to see the…
-
4
votes2
answers1215
viewsA: Darken screen by clicking on the search bar
Another way using only CSS is by putting the .overlay right after the search field and activating by the pseudo-class :focus: input{ width: 90%; font-size: 1.2em; padding: 5px; border: 2px solid…
-
2
votes2
answers347
viewsA: Transform a variable value into a paragraph
Can use Document.createelement. But add the attribute type="button" to the button Submit so that the page is not reloaded. See commented example: function enviar(){ var formulario =…
-
1
votes2
answers168
viewsA: javascript dropdown class in toggla
Add ul to class .showing: ul.showing{ max-height: 20em; } The selector .preheader ul with max-height:0px; is stronger than class .showing alone, therefore the max-height will always stay in 0.…
-
1
votes1
answer435
viewsA: With flexbox, center list aligning items on the left
I believe you’ll achieve this by grouping divs within a div-mother and using the events resize and load (to adjust on page loading) of jQuery to set a width on this div of the exact size until the…
-
0
votes3
answers1379
viewsA: How to traverse an element by one in a JS array
Their for have problem because both use the same variable i, therefore, in comparison num1[i] < func[i], the i will always be the last for. Another thing, when you put one return, the loop ends,…
-
2
votes1
answer43
viewsA: Event TEXTAREA Resizing
With the event mousemove you can detect when the textarea is resized by storing the current dimensions in variables: var largura = $("textarea").width(); var altura = $("textarea").height();…
-
1
votes2
answers287
viewsA: Continuous Jquery Bounce effect
You can call the effect endlessly by putting it inside a function and calling it again whenever you finish: $(document).ready(function(){ $('#down').hide(); $('#animate').animate({fontSize:…
-
2
votes1
answer504
viewsA: Document.Write with variable does not print
Without wanting to go into details of the quality of the code, the problem is only linked to the fact that you are putting the code: $( "body" ).append(valores); window.document.write(valores);…
-
0
votes3
answers1299
viewsA: How to check if the file is an Input type="file" image
You can check by using file extension .match with the regex: /\.(gif|jpg|jpeg|tiff|png)$/i Example: function isImagem(i){ var img = i.value.split("."); var ext = "."+img.pop();…
-
2
votes2
answers189
viewsA: Tooltip when it’s deactivated?
You can create a tooltip adding by the method .after() jQuery an element after the buttons that will be positioned above it. First we need to define the styles of tooltip in CSS. You need to add the…
-
11
votes4
answers2933
viewsA: Difference between operators && e ||
It’s called Short circuit evaluation. When you use the operator && (AND), the value of the second argument will only be assumed if the first is true: window.RM = window.RM && {}; //…
-
1
votes2
answers648
viewsA: Reload main script when completing ajax request
The problem is delegation, when new elements are added via Ajax, these elements will not be heard by clicking. You need to change to .on("click", "seletor"...: Change the codes to:…
-
1
votes1
answer2115
viewsA: window.open size and place
Do not use values in % in the size of popup because the method can’t stand it. Use only values in pixels (without the px). Assuming a popup 300x200, to open in the lower right corner, use as a base…
javascriptanswered Sam 79,597 -
4
votes4
answers39339
viewsA: How to apply readonly in a select?
Another way to avoid changing the value of select (without using CSS) is putting a onchange with the value of selected. Does not prevent to open the dropdown, but prevents the value from being…
-
2
votes1
answer1571
viewsA: how to do a pop up that opens in the same window
Use the window.open: <button onclick="window.open('pagina.html','_blank','width=400, height=300')">Abrir popup</button> It is important to know that the popup will only work through the…
-
1
votes1
answer49
viewsA: Menu with dropdown doubt
When analyzing your code, I saw that you need to adjust the CSS for the menu. Since the site is responsive, the menu needs to be position: absolute; when you’re in mode desktop and position:…
-
1
votes2
answers323
viewsA: Sub-menu some when taking Javascript mouse
I had already answered something similar in this answer: mouseout is triggered when the cursor leaves any child element and of the element itself. The mouseleave is only triggered when the cursor…
-
2
votes2
answers107
viewsA: function to display more items in a <ul>
Edit I created a class .blocos to use instead of href. With jQuery it would be much easier, but it follows in pure JS. First is to hide all <a> who possess href="shop.." the class .blocos in…
-
0
votes1
answer37
viewsA: Children of a selector: one with margin left and one with right
It is possible using the pseudo-class :nth-child: .wrap:nth-child(1) .filho{ margin-left: 50px; } .wrap:nth-child(2) .filho{ margin-right: 50px; } <!-- wrap1 --> <div class="wrap">…
-
0
votes3
answers84
viewsQ: Why is adding two values to decimals not an exact result?
I’m trying to sum two values with decimals of two variables: valor1 = 10.00; valor2 = 10.99; console.log(valor1+valor2); When adding the two values is returned 20.990000000000002 and not 20.99. When…
javascriptasked Sam 79,597 -
1
votes2
answers45
viewsA: Get Radio and Text Values in Order
Create an array with 1 empty initial element, which will be the index 0 for others to start from 1. After that is to loop the questions and add the results to the array: var resultado = [''];…
-
0
votes1
answer88
viewsA: Move DIV when opening Nav menu Jquery Bootstrap
When opening the submenu, you should adjust the position of the div .container (where is the "seal") for a value that is below the submenu. For this, just calculate the height of the submenu and…
-
1
votes1
answer542
viewsA: Scroll down "Scrollar" Slow and Automatic Page with Javascript
You can use the Animate even to do the effect. I made below an example where the animation is based on the height of the body and the height of the window to calculate the speed (see comments in the…