Posts by Sam • 79,597 points
3,121 posts
-
0
votes3
answers2792
viewsA: Click the button and change the background color
You can create a class .ativo with the green background and add to the element clicked, using a eventListener for each one. Add a common class .personagem for each div: <div class="personagem…
-
1
votes2
answers113
viewsA: Javascript find part of the text and replace (with variable)
You can use a regex in your replace: function galeria(id) { var str = document.getElementById("galeria").innerHTML; var res = str.replace(/\d+/, id); document.getElementById("galeria").innerHTML =…
javascriptanswered Sam 79,597 -
1
votes2
answers431
viewsA: Increase by 2 when activating Function
There are many ways to do this. One of them is by using the method removeAttribute to remove the onclick when it reaches the desired number. With regard to the 2-by-2 increment, change the total++…
-
1
votes2
answers253
viewsA: Problems with querySelectorAll
The problem is not with the querySelectorAll, that works normally in your code. The problem is in the use of fetch in local files using Chrome. Firefox (and Edge) allows you to access local files…
javascriptanswered Sam 79,597 -
1
votes3
answers3449
viewsA: How to limit the size of a td so that regardless of the text it has, heigth does not increase
With pure CSS I think you won’t get the effect, so I suggest a pure Javascript solution. Follow the steps below: First include TD text in two tags: div and p, in this way:…
-
1
votes2
answers4419
viewsA: Validate fields with jQuery
In my view the attribute minlength does not exist, so in Javascript I will check if the string size is less than 5. You can enter a div standard after field with .after with its message. This div…
-
2
votes3
answers2792
viewsA: Click the button and change the background color
You can use the attribute tabindex in divs and in CSS use pseudo-class :focus: .archer{ background: transparent; background-image:…
-
0
votes1
answer267
viewsA: Exchange src in an Iframe
Syntax error: document.getElemtById The right thing would be: document.getElementById How the error happens before the return false;, the link is directing the page to the Youtube URL listed on…
-
1
votes2
answers215
viewsA: Get the value of a radio type button with Vanilla Javascript?
To catch the value of a collection of radio button, you can create an event click for each and pick up its respective value by clicking on it: // pego todos os radios com name=cadastro var radios =…
-
1
votes2
answers91
viewsA: Affecting javascript Divs
Only use id for a single element on the page. For a list of repeated elements that will have the same styles, use class. Transform the ids #bodyProduct and #btn-extende in classes: .bodyProduct and…
javascriptanswered Sam 79,597 -
1
votes2
answers267
viewsA: How to get the value of a select item by clicking on it
Instead of repeating code, I suggest you put as value in the options the poster name and as text the movie title, storing in a variable the URL of the images folder, since they are all the same.…
-
2
votes1
answer77
viewsA: Generate next sequence of an "Indice"
You can do it this way. The explanations are commented on in the code: $("select").change(function(){ var opts = $("option", this); // pego todos os options var opt = $(":selected", this); // pego o…
-
3
votes2
answers126
viewsA: I want to search by name of any function from a search field
One way to know if any function exists and call it is by using typeof(): Example: function carro(){ alert("A função carro existe"); } function keyupFunction(f) { if(typeof(window[f]) == "function"){…
-
1
votes1
answer7118
viewsA: CEP validation with mask
You can use the method .substring to apply the zip code format in the field in the event blur. But do it only when you enter the if(validacep.test(cep)) {: document.getElementById('cep').value =…
-
0
votes1
answer1864
viewsA: Night Mode html css js
The localSorage is working properly, but to change the styles of the div .teste1, you need to create a class for this div based on the class of each theme, for example: /* ESTILOS QUANDO A CLASSE DO…
-
3
votes2
answers1814
viewsA: How to remove vowels from a JS string?
You can use this regex which will remove even accented vowels: /[aeiouà-ú]/gi Flags: g -> global. Busca por todas as ocorrências. i -> case insensitive. Não faz distinção entre maiúsculas e…
javascriptanswered Sam 79,597 -
2
votes1
answer24
viewsA: Hover-enabled bootstrap tabview
Manages with event mouseover and the method .trigger("click"): $(".nav-item").on("mouseover", function(){ $("a", this).trigger("click"); }); <script…
-
0
votes1
answer2380
viewsA: How to place 2 buttons next to each other in the same column of a table in html?
Use the class .btn-group (see documentation): <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script…
-
2
votes2
answers56
viewsA: When selecting an option, the color of the selected option is marked
The @Isac response is very good, but I would like to leave another suggestion for reference, where it is not necessary to put style='' at first option as he suggested. With cssText you can rewrite…
-
1
votes1
answer810
viewsA: Take data-attr value and insert into another element
Create a span in div #pro that will receive the value of the dataset: <div class="col-md-12" id="pro"> Defeito apresentado: <span></span> <p> </p> </div> And use…
-
0
votes1
answer86
viewsA: Is it possible to take the use of RAM memory using vuejs or in php?
With PHP on Linux you can use /proc/meminfo and return memory information in array form: <?php function getSystemMemInfo(){ $data = explode("\n", file_get_contents("/proc/meminfo")); $meminfo =…
-
0
votes3
answers48
viewsA: Spans block not that fit the size!
First you must make the spans have the same height as the nav, which is fixed in 40px. Then adjust the bottom initial to -40px and when receiving the class that makes the animation, to 0. See the…
-
2
votes2
answers134
viewsA: removeClass does not work
The disabled it’s not a class, it’s a property. Use: $('#save').prop('disabled', true); Example: function desabilita(){ $('#save').prop('disabled', true); } <script…
-
4
votes1
answer77
viewsA: Query to find if value is between "1|3"
Use the function SUBSTRING_INDEX separating the values and comparing with the value received in GET. The third parameter positive will return the value to left of the delimiter |, and negative will…
-
1
votes1
answer347
viewsA: Change the HTML attribute in the option with JQUERY
You’re doing it wrong. The first option you can leave with value="" and put the id="cat" (who is also wrong: id="#cat") and name="categoria" in the select, being like this: <select id="cat"…
-
2
votes1
answer421
viewsA: Full size auto select adjustment via option available
You are redefining the attribute size in the wrong element: B.size = C; The B are the options (var B = A.getElementsByTagName('option');). The correct thing would be A, which is the variable where…
-
0
votes1
answer35
viewsA: How to take this value inside the <div>
Can use .textContent (captures the text inside the element): var texto = document.getElementsByClassName("table_box br_0_0_5_5 user_points")[0].textContent; alert(texto); <div class="table_box…
tampermonkeyanswered Sam 79,597 -
1
votes1
answer3842
viewsA: Opengraph’s metatag og:image does not take the link-specific image
The problem is in the statement of !DOCTYPE of the pages of the site: inválido ↓ <!DOCTYPE html!> The exclamation ! after the html is invalid, and with that the Facebook API is not validating…
-
1
votes2
answers83
viewsA: Insensitive search when typing in INPUT
The return you expect from the function within the .not() must be a element, one selector or a array (documentation of .not()). As it stands, the return is being a boolean true or false, which has…
-
2
votes2
answers31
viewsA: When they arrive at the first and last sliders put the slides all as . active
You can do it this way too: ativa = $(".ativa") blocos .removeClass("ativa") var atv = !$(ativa).next().length ? blocos.first() : ativa.next() atv .addClass("ativa") Working:…
-
1
votes3
answers459
viewsA: Is there a specific event in Javascript to detect when a <option> of a <datalist> is selected?
You can do this way by using .map. It will create an array where you check whether the value of input exists in the array with indexOf. The example below is case sensitive; if you type "kite" you…
-
3
votes1
answer137
viewsA: Calling Jquery function inside a For loop
You will achieve this using a function with setTimeout, where every step in the loop, will set a time of 1 second more (1 second = sum of the fadeOut(500) and fadeIn(500)), that is, in the first…
-
0
votes1
answer107
viewsA: setTimeout and clearTimeout giving error
The way you’re doing, the setTimeout is running several times when one of the events you created occurs, causing one to run into the other. The best way is to pack everything in the function of…
-
0
votes2
answers3104
viewsA: How to enable a button after input is populated
You can create an event that listens when something is typed in the field and enable/disable the button: document.body.querySelector("#texto").addEventListener("input", function(){ var botao_proximo…
-
1
votes2
answers77
viewsA: error at end of loop on slide show
One of the problems is that you created an object with the same function name: function slider() { and var slider = document.getElementsByClassName('slider')[0] This will generate conflict because…
javascriptanswered Sam 79,597 -
0
votes2
answers86
viewsA: Ajax does not work when it comes from a form select
The problem is that it is selecting the id wrong: instead of #bairro, the correct would be #bairro3, see: id correto ↓ <select class="form-control valid" name="bairro" id="bairro3" required=""…
-
7
votes1
answer264
viewsA: What is the processing order of a PHP script?
This is because the interpreter first analyzes the code and then executes. When parsing the code, it will load the functions into memory and then in the execution phase it will run line by line. As…
-
2
votes1
answer85
viewsA: As by caption in a point created in an image
You can enter a span in div with the text of the selected option. Create a style in CSS that will be subtitle formatting (you adjust the color, font size, background color etc. as you want):…
-
1
votes1
answer66
viewsA: Change "createTextNode" to insert into HTML?
You can make a .replace us < and us > which are the entities representing the symbols < and > respectively: function surroundSelection(textBefore, textAfter) { if…
javascriptanswered Sam 79,597 -
2
votes3
answers929
viewsQ: How to build JSON with a list of stores separated by categories?
I do not have much intimacy with JSON and I need to create a structure that contains a list of stores separated by categories, where each store item has some information (name, floor, phone etc.) I…
-
5
votes2
answers107
viewsQ: What is the function of this "=&" operator in PHP?
If I have the code below: $x = 1; $y = 1; if($x =& $y){ echo "ok"; }else{ echo "não"; } No matter what value I put in $x or $y, always falls in the echo "ok". Now if I don’t define one of the…
-
1
votes1
answer8117
viewsA: How to make a text overlay a div with image?
Place position: absolute in div .textDiv and position: relative in div .divLeft. Then you position as you wish with top and left. Remembering that the image is not a background, is just a normal…
-
1
votes2
answers4800
viewsA: Add input with Javascript
The ideal is to clone the tr and add to the table, avoiding this lot of divunnecessary and that in my view hurts the semantics of the table, adding divs between the lines. You can do it this way:…
-
1
votes1
answer38
viewsA: Window to select image of a location on the server
You will need to create a function that will open the window that will display the images. By clicking on an image, the src will be sent to the function image(). 1º. Create the function function…
javascriptanswered Sam 79,597 -
3
votes1
answer231
viewsA: Before loading images with javascript, what is the right way to do this?
I don’t think it’s a good try guess the loading time of the images, because this can vary greatly depending on the connection, weight or amount of images. You can create a img.onload for each image.…
javascriptanswered Sam 79,597 -
0
votes1
answer241
viewsA: Add an event to a JAVASCRIPT table
As you are sending parameters to another function, you need to include the external function in the addEventListener within a function proper to the event, thus: celula.addEventListener("click",…
javascriptanswered Sam 79,597 -
0
votes2
answers1260
viewsA: Capture Json (Array) data and put into HTML
Can use .filter() after making a .split() in what was typed, considering that the text typed can be separated by comma, as reported in the question (e.g.: Kits, Balls). I also used a .map() to make…
javascriptanswered Sam 79,597 -
1
votes3
answers265
viewsA: Effect of unwanted scroll
I don’t understand the reason for the event click be inside the event scroll, so I removed (I left commented with //). But you can solve the problem by taking the offset().top of the clicked element…
-
4
votes1
answer87
viewsA: specified class but jQuery jumps element
That’s what’s really going on. This .next() below is picking up the next element after the .ativa, in the case, the nav: $(ativa) .removeClass("ativa") .next() .addClass("ativa") What you need to do…
-
0
votes1
answer43
viewsA: Implement a specific size for a div
Your code has some errors: Here you want to select the class by the tag that does not exist and is using the class name, not to mention that you need to specify an index, because this form if…