Posts by Sam • 79,597 points
3,121 posts
-
0
votes2
answers52
viewsA: Leave the CSS centralized
How are you wearing one width fixed, you can just make a left: 50% and adjust with margin-left: -315px (half of width of the div-mother #back): Behold: body { margin: 0; padding: 0; } #back {…
-
1
votes4
answers1373
viewsA: How to create an empty/null value in select dynamically?
First create the variable html with the <option> empty then concatenate into the for. Just after the for, do the innerHTML with all the string already formed (it is recommended to insert HTML…
-
0
votes1
answer43
viewsA: Body selector does not work in wordpress jquery, only '*'
This is because the universal dial "*" (see documentation) enables the click on elements even not yet loaded in the DOM, because it selects precisely "any element", regardless of whether it was…
-
1
votes1
answer157
viewsA: Capturing "radio" input data and transforming into JSON
You can make a .push of objects with the values in an array. In the example I changed some attributes so that you can see the result here in the snippet: function getAllResults() { var respostas =…
-
1
votes1
answer762
viewsA: How to make the dropdown overlap the other elements?
The overflow will limit the display of all content within the element area. This is its function. So when expanding your menu, content that exceeds this area is not displayed on the page. To…
-
0
votes1
answer157
viewsA: Specific image in a modal window
Don’t use the event window.onload because it is asynchronous with Ajax. Inside it you are trying to assign click events to images that will only be returned after Ajax. thus, the result.onclick will…
-
2
votes1
answer146
viewsA: Someone would have a solution to turn "checkbox" into "radio"
You can do it this way: $("input:checkbox").on("click",function(){ var inp = $(this); // desmarco tudo (menos o clicado) e removo a classe $("input:checkbox") .not(inp) .prop("checked", false)…
-
1
votes2
answers147
viewsA: Make data written by the user be stored in a JS object
Besides putting .value as reported in Gabriel’s reply, you can do so by calling a function and sending the text into a div instead of using document.write: function exibe(){ var aluno = new…
-
0
votes1
answer100
viewsA: Upload image without page load
Place return false; at the end of the function where the sending of the files is done that will undo the refresh of the page. Ex.: funcao{ // códigos aqui return false; }…
-
0
votes2
answers66
viewsA: How to assign all the characteristics of one object to another, except one in particular?
If it’s not an inconvenience, the spread operator is not supported by Microsoft browsers. You can use a for...in to insert the keys and their values from one object to another: var Bherk_tropa = {…
-
1
votes2
answers3109
views -
1
votes1
answer113
viewsA: Clear Html Tags from an input result, with the exception
You can use a regex with .replace that removes all tags (pure Javascript). I created a function that takes two parameters: the string and the tag that will be left, and returns only the text within…
-
1
votes5
answers1252
viewsA: What are the advantages and disadvantages of using pagination and infinite scroll on websites?
On mobile devices (mobile phones and tablets) The bad thing about mobile paging is having to click buttons. As such devices are more touch-based and "finger drag on the screen", the infinite scroll…
-
1
votes2
answers72
viewsA: HTML and CSS responsiveness error
The images do not have a width responsive. Actually there is no width on the images, so they won’t track the width of the div where they are inserted and will stay with fixed size. Add to your CSS:…
-
2
votes1
answer140
viewsA: How do I know if an element has the html or value property?
You can check by tag name: ... $.each(json, function (index, value) { if ( $("#" + index).prop("tagName") == "INPUT") { $("#" + index).val(value); } else { $("#" + index).html(value); } }); ... It…
-
0
votes2
answers284
viewsA: Autofocus and Required in javascript hidden fields
When the widget is visible, set the attribute required as true; when invisible, define as false. The autofocus will only work when loading the page, so use the method .focus() to focus on the…
-
1
votes1
answer35
viewsA: delete javascript content by name
Your code has some problems and I made an organization in it. But the main problem is that you are adding elements within a div container with id #addPlano and then removing it. This will result in…
-
1
votes1
answer72
viewsA: how to download text in div
Inserting the div in the first and changing styles, such as the position for absolute. To change the text use: document.querySelector('#aId2 h1').textContent Behold: function slide1(){…
javascriptanswered Sam 79,597 -
2
votes2
answers837
viewsA: Always keep a dropdown menu open
You don’t even need the .js plugin. You can just use his CSS and the script below, see: $("[data-jq-dropdown], .jq-dropdown-menu").on("click", function(e){ e.stopPropagation();…
-
1
votes2
answers47
viewsA: Enable inputs as filling
As you proposed the @Leandro response, add the attribute hidden in divs .form-group except in the first. With jQuery you can show the divs thus removing the attribute hidden of div subsequent:…
-
2
votes2
answers148
viewsA: Remove content after added in javascript
The problem is in the concatenations you are making, which is causing string breakage. You can use simple quotes and escape them: In this line: var antes = 'Bem estar psicológico <img…
-
0
votes1
answer35
viewsA: Error of Declaration
In addition to missing close tags <p>, you can put white-space: nowrap; in the statement div.figure p + p to avoid line break: div.figure p + p { display: table-caption; caption-side: top;…
-
2
votes2
answers65
viewsA: Error calling Function on my page
Include the ids id="txtnome" and id="txtsobrenome" in the fields name and surname respectively: <input type="text" name="txtnome" id="txtnome" maxlength="40" required /> and <input…
-
1
votes2
answers801
viewsA: How to get X and Y click on Canvas
Create an event click to the canvas area: document.getElementById("canvas").addEventListener('click', KeyDown, true); Then include in the function KeyDown() the code to pick the click position:…
-
2
votes2
answers1376
viewsA: How to simulate input script by Javascript (without Jquery)
You can do it this way: var campo = document.querySelector("#texto"); // flag para impedir que o setInterval seja acionado por mais de 1 evento var flag = true; campo.addEventListener("change",…
-
1
votes1
answer525
viewsA: Button making Submit for action instead of opening only Modal
The element <button> when inside a form has by default the type="submit". By clicking it it will perform the functions or events to which it is bound, but will also submit the form in…
-
2
votes1
answer50
viewsA: Stoppropagation with right click / right click
The event contextmenu means the right button has been clicked. Simply add it to the event list of the method .on(). But the problem is also that the stopPropagation() shall be applied to the button…
-
0
votes2
answers726
viewsA: Disable maximum popup button
There is no way to disable the maximize button as the browser does not allow such control via code (except IE, which allows, at least in tested version 11). But you can via Javascript create an…
-
2
votes4
answers283
viewsA: Toggle header colors based on menu Hover
You can use the method .hover jQuery. The first function is the event mouseenter and the second paragraph mouseleave. Then you send the color as a parameter to another function that will change the…
-
0
votes2
answers739
viewsA: Animated arrow indicating rollover
With jQuery you can use the .Animate. I created the arrow with CSS that you can customize (see comments). Example: $(function(){ (function anima(){ $(".setaScroll").animate({ "top": "8", // 1ª…
-
2
votes1
answer4739
viewsA: Validate Name and Surname in Javascript?
Use regex to validate fields where only letters are allowed: /[^a-zà-ú]/gi Explanation of the regex: [^...] -> busca por ocorrências que não sejam as dentro dos colchetes a-zà-ú -> letras com…
-
10
votes1
answer407
viewsA: Is it possible to use the autocomplete attribute in "textarea/select"?
The autocomplete in the elements textarea and select has a different behaviour in relation to the elements input. While we inputs the autocomplete (when set on) is activated when you start typing…
-
1
votes5
answers3268
viewsA: Make lamp light on and off
A very simple and lean way to do this: function ligarApagar(e){ e.src = "images/lampada-"+( ~e.src.indexOf("-on") ? "off" : "on" )+".jpg"; // daqui pra baixo é apenas exemplo para mostrar o texto //…
javascriptanswered Sam 79,597 -
0
votes1
answer361
viewsA: Resize img inside a div
You’re using the wrong selector: .welcome-content > img See that the image is still within a paragraph <p>, soon had to be: .welcome-content p img…
-
0
votes1
answer50
viewsA: How do I make a registration system where the user at first inform only the email?
As a registration issue involves many validations etc., I will only address the basic steps you can use. It would basically work as follows using 3 pages: cadastro1.php The first page where the user…
-
1
votes1
answer329
viewsA: Parse error: syntax error, Unexpected 'public' (T_PUBLIC)
The public should only be used in functions within classes (as well as the private and the protected), ex.: class Classe { public function addLike(){ // código } } In your case, the function cannot…
-
0
votes1
answer1070
viewsA: Hover effect with javascript calling css class
Use the method toggleClass in the .hover: $(function(){ $(".produto").hover(function(){ $(this).toggleClass('produtocomprar produto'); }); }); .produto { position: relative; width: 190px; height:…
-
5
votes1
answer4193
viewsA: React Input Mask how to put the ninth digit?
Include a new digit /\d/ and a space in the pattern: nono dígito espaço ↓ ↓ mask={['(', /[1-9]/, /\d/, ')', ' ', /\d/, ' ', /\d/, /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/]}…
-
1
votes1
answer258
viewsA: How to setTimeout in form Submit? If there is such a thing
First you have to call the function forml() that activates the addEventListener page loading. Also the function is not required delay(), since you can do everything at the event: (function forml() {…
javascriptanswered Sam 79,597 -
1
votes2
answers48
viewsA: Javascript + CSS : Doubt about Value or textContent
There are several problems in your code besides the ones @Marcos Brinner cited. One of them is the style value, which cannot have the semicolon: errado! ↓ elements.style.border = 'solid 1px…
-
2
votes2
answers80
viewsA: How to translate this if javascript to PHP?
It is understood that the intention is to verify whether the variable telefone has a sequence with only the same number. In this case, in PHP, you can use the function array_unique with count. If…
-
3
votes2
answers200
viewsA: Select checkbox when placing value from a text box
You can do so by calling a function with oninput sending 2 parameters: value of checkbox, which will serve as selector, and value of the input. When you go 0, clear the checkbox: function…
-
0
votes2
answers68
viewsA: script le email field in googledocs
Break the value of the field into array and call the function that sends the emails within one for...of. This way each email address will be sent separately to the function, not all together when…
-
4
votes2
answers458
viewsA: Circle with curved edge
You can create two pseudo-elements ::before and ::after curved (border-radius) on the lower edge (bottom) and position them at their corners. See how it looks: Code: .bottom-bar { background:…
-
0
votes2
answers48
viewsA: When applying a double click on the image of the ball a copy of the image is inserted in one of the Ivs randomly using this code snippet
First change the value on Math.random() of 3 for 4, so the generated value will be 0 to 3, which will be the reference to take the id of divs. Then you can clone the element img of the ball and make…
-
0
votes1
answer35
viewsA: Calling a page update function
[...]but I can’t imagine what’s going on for this function to be called on time when the page is updated. What can be? The setTimeout(avancaAula, 3000); will call the function after 3 seconds when…
javascriptanswered Sam 79,597 -
0
votes1
answer23
viewsA: Code error in <canvas>
The problem is that the pos[ticks].mx is trying to access a non-existent value, because the object var pos only has 4 inputs. When he tries to pull the 5th, gives undefined. You can resolve by…
-
0
votes2
answers40
viewsA: Auto calculation Jquery does not work
There are basically two errors in the code: $('.total_geral') The "general total" field has a id and not a class, therefore the correct would be: $('#total_geral') Another problem is on the line:…
-
2
votes2
answers57
viewsA: Hover with picture
The technique is as @Hugocsl said in his reply. What you should do is create a single image with the two images (sprites) together, one next to the other or one on top of the other. By passing the…
-
2
votes3
answers1739
viewsA: Cleaning Up Form Fields
Can use a for to go through all fields and change the value for empty: function limpaCampos() { var campos = document.getElementsByName("form_txt"); for(var x=0; x<campos.length; x++){…