Posts by Sam • 79,597 points
3,121 posts
-
4
votes3
answers60
viewsA: Javascript - Show function result in class
Call the function on .innerHTML selecting the class with document.querySelector(".dataAtual"): function getData(){ // var dataAtual = document.getElementsByClassName("dataAtual"); var today = new…
-
3
votes2
answers70
viewsA: For in Javascript with user input
Instead of OnKeyPress, use OnKeyUp, because the first will return the value that was before you press the keyboard, while the second will take the value after, the last entered value. Put a id in…
-
5
votes1
answer27
viewsA: Concatenate problem using jQuery
Your problem starts in syntax error: (status+, id) That comma after the + causes error because it has no way to add or concatenate two variables with a comma in the middle. If you want to change the…
-
0
votes3
answers1103
viewsA: Align button on the left side of a div
You can position the icon absolutely inside the form-group Row by simply adding a padding-left with a value slightly larger than the width of the icon and position with left and bottom. Important to…
-
5
votes1
answer159
viewsA: Javascript clock does not update
When defining fixed values on the object Date() within the function, the values will always be the same. Already the Date() no values, will return the updated system date. What you can do is declare…
-
1
votes1
answer916
viewsA: Ajax Request Issue - Maximum call stack size exceeded
The error is in the value of data: ajax: data: {email:email}, Should be: data: {email:email_validar}, When using the variable email as argument value email:, is selecting the input element with the…
-
0
votes1
answer155
viewsA: Check date attribute
You can use the method .hasAttribute() Javascript that already returns a boolean if the attribute exists or not in the element: document.getElementsByTagName("img")[0].hasAttribute("data-src") //…
-
1
votes3
answers110
viewsA: HTML Structure - CSS Background Image
When using the property background-size: 100% you are setting that the width of the background image will occupy the entire width of the body. This is because the property background-size may have…
-
3
votes2
answers64
viewsA: About CSS flexbox: equal values for properties other than CSS
The align-content only has effect in conjunction with the property flex-wrap with the value wrap and if there is line break. For example, if you have a container of 100px flex with two daughter Ivs…
-
1
votes2
answers42
viewsA: Error including js in view
The problem is that you are calling the functions in the middle of the view while they are being declared after the body in another block <script>. Thus, when trying to perform the functions…
-
1
votes3
answers82
viewsA: Problem recognizing this.id in jQuery
You can do it this way, without the need to use the id, using the objects Range and Selection javascript: $("td").click(function(e){ // var teste = e.target.id; // alert(teste); var range =…
-
0
votes3
answers128
viewsA: Static site, set default HTML markup for all pages
Using strings template you can write HTML code as a string and have the freedom to break the line in the editor and indent, greatly facilitating reading and maintenance: window.onload = function…
-
2
votes1
answer190
viewsQ: Text tagged with <del> or <s>?
In a price list, where there are discounts, I want to "cross out" the original value of a product and show the discounted value, something like: For that I came across the tags <del> and…
-
0
votes2
answers1289
views -
1
votes2
answers569
viewsA: Pick up content via DIV, using the bootstrap-wysiwyg-master and sending via $_POST
Create a textarea hidden in the form. While doing Submit, play the contents of the editor’s div in that textarea. Remove the name="editor" of the div and put in the textarea: <div id="editor">…
-
0
votes1
answer263
viewsA: Query "or" and "and" in Laravel
You must use Parameter Grouping, in this way: $teste = Material::where('setor', 'secretaria') ->where(function($query) { $query->where('material', 'like', '%caneta%')…
-
1
votes2
answers68
viewsA: Help with flexbox
You could include Divs 2 and 3 in another container div, creating a second column. You also need to adjust some styles in CSS by removing the sign > and changing the width of Divs 2 and 3 to…
-
5
votes2
answers196
viewsA: How to Optimize/Simplify CSS
In addition to grouping common properties, you can eliminate unnecessary things such as: ul#album-fotos li#foto05 { ... } If a id is unique on a page, you can go straight to id #foto05, without…
-
1
votes1
answer62
viewsA: Fixed menu has disabled links
The div with the content that comes after the menu is partially overwriting the head, covering the links: You can solve this by adding the property z-index with a value 1 or more in style header…
-
2
votes3
answers254
viewsA: Search id of relative element of relative
There are some misconceptions in your question: The term "Parent" does not mean "relative"- Parent means "father". Another thing is, in your code, there is no element father who owns a id. The only…
-
0
votes3
answers342
viewsA: Add a new label to every button click
The most appropriate would be to use the method createElement (dynamically create an element). This is because using innerHTML, the values typed in all fields will be deleted. Now, to make the…
-
0
votes2
answers53
viewsA: Changing page colors with name
As a id should be unique on the page, so the function getElementById is in the singular, because you will only select a single element. Already the function getElementsByName, which is plural…
javascriptanswered Sam 79,597 -
4
votes2
answers192
viewsA: Add and Remove Field through Checkbox
After you remove, there is no way to recover. The correct one would be to hide and not remove, according to the argument given in onclick. To not send the field, change to disabled when to hide…
-
0
votes1
answer69
viewsA: Jquery - Add element to each certain amount of other elements
With jQuery, traversing the elements of the class .grupos, you can add a <hr> always after the third element using .each(): $(function(){ $(".grupo").each(function(i){ // "i" é o índice dos…
-
1
votes1
answer223
viewsA: How to style the fieldset tag using id attribute?
See what it says to documentation on the MDN about the attribute id: Note: Using characters other than letters and ASCII digits, '_', '-' and '.' can cause compatibility problems since they were not…
-
2
votes2
answers249
viewsA: Why does the window.open script not work with the "no" command?
Not all browsers support the features of open window.(). For example, the resizable=no and the location=no will only work in IE. Some browsers in earlier versions (such as Firefox, for example) were…
-
1
votes2
answers1634
viewsA: Change link color when hovering over in Bootstrap
By Bootstrap’s CSS style, the links <a> the Nav has more strength, that is, has greater specificity (see how to calculate specificity in this response) than when you put nav a{ color: aqua; }.…
-
1
votes1
answer57
viewsA: Creating dynamic inputs with increasing value
Just create a function to enumerate the fields and call it each time a group of elements is created or removed: function enumera(){ $(".fieldGroup [name='tech[]']").each(function(i){…
-
1
votes1
answer26
viewsA: Access IIFE function in global scope
As far as I know, functions within local scope are inaccessible from the outside. In view of this, what you could do is create a addEventListener to the element instead of a onclick: Behold:…
-
1
votes2
answers132
viewsA: Send input checkbox values, only those selected to window.open()
You can send via POST. Just place the checkboxes within a form. Then open a new tab with window.open() giving a name to the tab, and make a Submit pointing to the tab name: <form name="boxes"…
-
3
votes1
answer52
viewsA: Why does my example not match the Bootstrap documentation
It doesn’t work because you didn’t put a class that references the properties of the div, which, according to the documentation, when it is not the body, should have: position: relative overflow:…
-
1
votes1
answer581
viewsA: How to calculate values within arrays?
Will always give NaN because you are declaring the array within the function; therefore, each time the function is called, the array will be empty because it is redeclared. Another point is: if you…
javascriptanswered Sam 79,597 -
12
votes2
answers617
viewsQ: How to customize the default <Details> arrow?
I’m using the HTML5 tag <details> so that the user, when clicking, visualizes some information of a given word. For example: <details> <summary>JavaScript (Clique…
-
6
votes2
answers1140
viewsA: How do you input one input into the other?
Using event.target.id you can tell which the id of the typed field that triggered the event oninput and select which field should be changed, simply by reversing the order in the else:…
-
2
votes4
answers64
viewsA: jQuery does not return value
It does not work because there is a logic error there. When using $("[name='periodo']").val() you are taking the value of the first element name='periodo' on the page, which in this case is semanal.…
-
2
votes2
answers41
viewsA: Mysql not returning expected (using LIKE and EQUALITY)
The only condition that should marry ativo = '1' is titulo LIKE '%coladeira%', which comes on right after with a AND. So, if one of the other two is true, WHERE will be met because they are…
-
2
votes1
answer124
viewsQ: Problem securing side column when scroll is larger than its height
I have a layout with a main div and inside it 2 Divs, each one being a column: body{ margin: 0; } #principal{ display: flex; width: 80%; margin: 0 auto; position: relative; } #conteudo{ width:…
-
2
votes2
answers74
viewsA: List-group toogle with jQuery
Your CSS has an error in :active, where it should be .active. And to open the other items with .toggle you can use .siblings() (brother elements). It’s interesting to still use .preventDefault() to…
-
3
votes3
answers4831
viewsA: How to center this image with Bootstrap
That class .align-items-center works in Bootstrap 4 (which has native flexbox support), not 3. To center vertically on Bootstrap 3, add the properties to the class in CSS: .align-items-center{…
-
1
votes2
answers60
viewsA: Array of checkbox elements
Create array with indexes by changing the name of select and of checkbox increasing +1 value in brackets according to amount of Rows. For example, in the first Row, the Names begin with [0] and as…
-
1
votes4
answers110
viewsA: Maintain select element value when cloning with jQuery and deleting Labels
When cloning the element, it will repeat the id’s of the child elements. This solution will remove all repeated id’s and keep clicking on label checkbox BF creating a id and a for unique to each,…
-
1
votes2
answers130
viewsA: Problems loading cascaded dropdownlist whose field is created dynamically - Asp.net MVC
Don’t worry about taking the element by the id, which may even be expendable. You can catch by the class inside the same Row of the dropdown that triggered the event: var select = $('#div-contatos')…
-
0
votes1
answer49
viewsA: Problem with calculating the total value Javascript
The problem is that you have declared the variable total out of the function. So it will always add new values when calling the event change. The correct is to declare it within the function to…
javascriptanswered Sam 79,597 -
1
votes1
answer39
viewsA: How to distribute elements in class hierarchy by dividing by aligned element?
You can use a recursive function that will traverse the main element nodes (class span .item-1) using the method .childNodes, that selects all element nodes, either text or tags. If you find a tag…
-
2
votes1
answer176
viewsA: How to hide a table line div
You are using exhaustive id repetitions, which is incorrect and complicates when using Javascript. The suggestion I could give, at this level, was to remove these id’s and exchange everything for…
-
2
votes2
answers522
viewsA: Doubt preg_match PHP
Understanding: Start with a letter: a-z; It should start with a letter of a to z lowercase. OK! Contain only letters, number and characters ,, ., - and _; As it does not provide a minimum number of…
-
2
votes2
answers1399
viewsA: Is there a difference between flex-Basis, flex-Grow and width? What is the recommendation for using them in a Flex container?
flex-Basis Sets the initial width of the element. The width of the element is flexible and can be increased if there is no line break, but also the width can be reduced if another element a force.…
-
2
votes1
answer42
viewsA: Pass parameters
You’re using twice the id in the same element: <input id="toggle-event" type="checkbox" id="32" value="32" data-toggle="toggle"> ↑ ↑ There are two things to consider: Doesn’t need (and can’t)…
-
3
votes2
answers170
viewsA: Perform Javascript function when reloading the page
You just call one .trigger("scroll") in the same object window that creates the scroll event: $(window).scroll(function(){ if($(document).scrollTop() > 50 ){// se a rolagem passar de 200px…
-
3
votes2
answers42
viewsA: Number that should not appear
In your code, you should check if one or the other number is less than or equal to 0, and not both. The if with the operator && will only be met if both conditions are valid, while the…