Posts by Sam • 79,597 points
3,121 posts
-
0
votes1
answer350
views -
0
votes1
answer158
viewsA: Redirect through the option value and keep the option selected
You can capture the variable value ?q= of the current URL and select the option of the same value: var url_ = new URL(location.href); var variavel = url_.searchParams.get("q");…
-
1
votes1
answer849
viewsA: How to load data from an XML file into an HTML input field?
In the loop $(this).children().each put a selector of input text taking the index of the XML elements and adding the values sequentially to the fields: //Add the data rows. $(nfe).each(function () {…
-
1
votes1
answer79
viewsA: Prevent Dropdown Menu from closing with Right Click inside it
From what I’ve seen, it only happens in Firefox Quantum 57, that captures a right mouse click on the event onclick, although it does not act on the element (as if it were a left click). To solve…
-
1
votes1
answer92
viewsA: Difficulty Loading Input Data via Ajax
By print posted in question, the returned JSON is coming nested and the block data: is a subitem. In this case, to get the values, you will have to use data 2x:…
-
0
votes1
answer177
viewsA: Edit search field with CSS icon
The placeholder serves to display a previous text in the field: placeholder="PROCURAR UM PRODUTO" And you can apply styles to input and the button so that they look as indicated in the image. I also…
-
1
votes1
answer205
viewsA: "Col is Undefined" when use table.rows.add
This happens when you try to pass different amount of columns in columns: than actually exists in the table. To fix this problem, simply include the last "Actions" column in columns:: columns: [ {…
answered Sam 79,597 -
1
votes1
answer3115
views -
2
votes2
answers56
viewsA: how to use bind, call or apply in this context?
The function Contador() was assigned to the object b, use inside the setTimeout the object b representing that function. The effect will be the same as the this of the scope of the function…
javascriptanswered Sam 79,597 -
3
votes4
answers1177
viewsA: Minimum quantity jquery
In addition to method verification .length, it is important to deal with empty spaces, otherwise if 10 x space in the field, the if($('#Descricao').val().length < 10) will return true (will…
-
0
votes1
answer69
viewsA: After choosing an option in the selectbox, disable and change the text of two other selectboxes
You can store the options of selects and then restore with onchange: var status = $("#status").html(); var episodios = $("#episodios").html(); $("#categoria").on("change", function(){…
-
35
votes1
answer612
viewsA: Is it always possible that (a == 1 && a == 2 && a == 3) can be evaluated as true in Javascript?
It is possible if a is a constant object that returns values that are incremented each time the object is invoked. In the case below: const a={ valor: 1, valueOf: function(){ return a.valor++; } }…
javascriptanswered Sam 79,597 -
0
votes2
answers429
views -
2
votes1
answer88
viewsA: How to pick up input before the button?
Can use .Prev that selects the previous element: $("button").on("click", function(){ var texto = $(this).prev().val(); console.log(texto); }); <script…
-
0
votes1
answer49
viewsA: Dates - Javascript
The format of data_hoje is wrong about the date captured on input. It is necessary to treat the values of day and month to have 2 digits if they only have 1 (as a month from January to September)…
-
2
votes1
answer126
viewsA: Remove class and change value Aria-Hidden by clicking on the body
Add at the end of your two JS code Event handlers: first. This will change the submenu class to true (which hides) and remove the class .active button More when you click anywhere on the page:…
-
1
votes1
answer1054
viewsA: How to make a scroll with arrows?
You can use the animate jQuery with scrollTop, controlling the scroll of div up or down. Follow a practical example that you can customize as you wish: $("#botoes li").on("click", function(){ var…
-
1
votes2
answers7834
viewsA: Jquery Focus in the field
You are applying .focus() an element that does not accept the method (span). By focusing on the input, the screen will automatically scroll to it. As your code has a lot of redundancy, I took the…
-
1
votes1
answer2081
viewsA: Fix thead while scrolling table
You can use jQuery to make the line of thead follow the window scroll by changing the top dynamically. The element must have position: relative, so I put it in CSS: *{ position: relative; } If you…
-
1
votes1
answer243
viewsA: Calculation of jQuery chained percentage
I believe the problem lies only in the multiplications qt* intermediaries. Leave only at last $('#total').val which will have the expected result: $('input').on('keyup',function(){ var br =…
-
2
votes1
answer655
viewsA: Two arrays in foreach js
I believe this is what you want. Before 2 arrays, make a forEach in the largest and pull each index simultaneously from the smallest to the limit: function enviar(){ var bin = $("#bin_id").val();…
-
2
votes2
answers73
viewsA: How to Filter an array using the For structure?
You can use another loop shape, forEach, where the parameter (e) represents the value of each item in the array: const numeros = [1,2,3,4,5,55,190,355,747,1000,125]; const result = [];…
-
2
votes1
answer71
viewsA: increment event after a certain time
It is necessary to change the <span id="dataTime"> for <span class="dataTime"> because elements are being created with the same id, what is already wrong. With class you can count the…
-
1
votes1
answer54
viewsA: Add a class in a div based on the time class of another
You can do this by counting how many images do not have the class .loaded in div. When all have the class, you do what you want. In the example below I reduced the amount of images for better…
-
1
votes1
answer473
viewsQ: Doubt about DOCTYPE and HTML tags
For many years I’ve been using these tags at the beginning of my pages: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"…
-
0
votes2
answers283
viewsA: Concatenation of items from a nested loop array
If the original array is always with 2 subitens, you can do so: var a = [ ['advice', 'advices'], ['are', 'is'] ]; var b = []; a.forEach(function(e){ b.push('['+e[0]+' / '+e[1]+']'); });…
-
3
votes4
answers16718
viewsA: How to put a space between two buttons?
You can create a space on both sides (left/right) with margin: button{ margin: 0 15px; } By specifying only two values in margin, the first refers to top/bottom (up/down) and the second to…
-
1
votes1
answer618
viewsA: Changing CSS with Javascript for required field
First it is interesting to note that getElementsById does not exist. A id should be unique on the page. The simple solution to the error is instead to use id="notNull", use class="notNull". So you…
-
1
votes1
answer902
viewsA: Convert a code to jquery for pure Javascript
I created an HTML that plays the element structure of the selectors in jQuery so you can see how it works. The code was tested both with jQuery and in the pure JS below and got the same effect. I…
-
2
votes3
answers1606
viewsA: mascara and formulary validation
You can add in input from CPF an attribute pattern (HTML5) that will only allow characters specified in Regex: // Somente números (`\d`) ponto e hífen e com tamanho de 14 caracteres…
-
0
votes2
answers114
viewsA: How to execute a function only if the input is typed?
One way to optimize this check is by using the syntax below: if( $('#cpf').val().replace(/\s/g,'') ){ // campo CPF não vazio } The .replace(/\s/g,'') deletes all blank spaces from the field. A…
javascriptanswered Sam 79,597 -
3
votes1
answer167
viewsA: A transition or effect
An alternative in pure JS. I used setInterval (Continuous timer) which is canceled with clearInterval when the image disappears from the screen. To know when the image disappears from the screen I…
-
1
votes2
answers315
viewsA: Execute method that is inside the "onclick" event
In the first code, the click underscore in the image below represents nothing but an object instance x.onclick: I could use any name, for example abc: var x = document.getElementById("title");…
javascriptanswered Sam 79,597 -
2
votes2
answers1098
viewsA: How to add automatic scrolling to a div html?
You can use setInterval (Continuous timer) that increases the scrolling of the page. Create 2 buttons (play/pause) that call the function that makes the movement. On the button play I send a…
-
1
votes1
answer1073
viewsA: Effect up and down in a few seconds
You can use jQuery animate within a setInterval that will fire the animation every 5 seconds (5000), alternating the margin-top of div. The offset().top provides me the current position of the…
-
1
votes1
answer98
viewsA: slideDown effect does not work in table
The effects .slideDown or .slideUp do not work in table rows. In this element you will have an effect equal to .show() and .hide(). The effect works on any other element than <table>. You…
-
1
votes2
answers243
viewsA: Error concatenating string in jquery
As you are already using simple quotes on onclick, cannot use the same for the parameters. Use double quotes and make the escape: linha += "<td><a href='#' onclick='excluiFeira(" +…
-
0
votes2
answers3738
viewsA: How to make one element stay on top of another with :after?
When using position: fixed;, the element will position itself relative to the document (whole window) and not to the parent element. You must set position: relative; at the parent element so that…
-
11
votes2
answers843
viewsA: Is it really necessary to put "text/javascript" in the <script> tag?
Complementing, the attribute of type="text/javascript" (standard of HTML 4) became obsolete in April 2006 (more than 10 years ago of this question) according to RFC 4329, replaced from then on by:…
-
1
votes1
answer412
viewsA: Display dynamic table
Your code has errors and no code to form the table. And you must use .append after completing the loops. After the loops, use the .append concatenating the results of the links to insert the result…
-
1
votes2
answers57
viewsA: jquery effect does not work because of relatives
It is incorrect to use several ids for more than one element. But as you are picking up the click by class .Principal, you can reference the element that comes just below with .next(). For…
-
0
votes2
answers384
viewsA: Change icon structure in javascript
Another way is by using createDocumentFragment(). In the example below I included a <circle> for illustration only, you should delete. let els = document.querySelectorAll("i[class*='icon-']");…
javascriptanswered Sam 79,597 -
1
votes2
answers86
viewsA: How to select only the class without the daughter class in pure javascript
You can detect using querySelector, which will return false if there is no div with the class you seek. The advantage of using querySelectorAll instead of getElementsByClassName is that the first…
javascriptanswered Sam 79,597 -
0
votes2
answers52
viewsA: Update page when submitting template
I believe it is a bad practice to have to load page 2x (give a refresh after the Submit) to display an updated data just entered in the database. In your case, the problem is only structural. It is…
-
8
votes3
answers2884
viewsA: REGEX - Capitalized words in the middle of the sentence
You can use this regex: /^[^]([^.]*)/ It captures text from the beginning to the last character before the first ., ignoring the first character ([^]) storing in group 1. Then you convert to…
-
1
votes3
answers73
viewsA: When I click on the text it does not change (js)
You can also use jQuery to create a Event Handler (event handler) for the element. In this case, for the event click: $("#title").click(function(){ $(this).html("teste"); }); or…
-
0
votes1
answer27
viewsA: Redirect to one page if email is wrong and another if right
Yes, you can call the action in the script according to the condition. I created a Event Handler to catch the submit form: I recommend using type="email" in the e-mail field as required will require…
-
0
votes2
answers1681
viewsA: Help with COMBOBOX, Select cities according to chosen state
You need popular dynamically the select cities. For this you can use Ajax with pure Javascript or jQuery. It works as follows: when selecting a State, the script will send to a PHP page the State…
-
0
votes1
answer54
viewsA: Help with bootstrap grid system
Create a class .valign and put in the container: .valign{ position: relative; transform: translateY(-50%); top: 50%; } The 3 styles above will center vertically on div row within the container. In…
-
0
votes1
answer416
viewsA: Tables materialize
Your table has no problem at all. The smallest width on a mobile device (recent and pre-recent) is 320px width (e.g., iPhone 3, 4) and does not present this problem, the table can fit peacefully in…