Posts by Sam • 79,597 points
3,121 posts
-
2
votes2
answers125
views -
0
votes1
answer235
viewsA: Full screen overlay with menu
You’re trying to hide the scroll of the page applying position: fixed page elements. I believe this is not the best alternative, because when returning the elements to the normal, the page will…
-
1
votes1
answer35
viewsA: Doubt manipulation of values js
The idea is to create an object and go adding the codes that do not exist and adding the values. When an existing code in the object exceeds 1000, displays the alert: var codigos = {}; var cods =…
-
1
votes2
answers30
viewsA: Problem with map in IE?
Add a CSS min-height: 613px; at the svg, which is the height of the map, and IE will adjust the dimensions: #svg-map{ min-height: 613px; }…
-
2
votes3
answers3212
viewsA: Force the User to enter a minimum number of characters
In addition to a function check, you can use the feature pattern HTML5 that will only accept in the numbers field and the bar "/" and with 10 characters in size: pattern="[\d/]{10}" In the function…
-
0
votes3
answers45
viewsA: I created a contact form to send directly to my email. It sends, but does not take information from text inputs
PHP does not populate POST or GET with enctype="text/plain". The values of enctype may be application/x-www-form-urlencoded (standard) or multipart/form-data (used to upload files). In your case,…
-
0
votes2
answers67
viewsA: Radio buttom that when selected changes the background of a div and saves the result in the BD
Instead of making multiple comparisons in the function, you can use dataset to get the values of the colors: <input type="radio" name="colors" name="green" data-cor="6F8456"…
-
3
votes2
answers87
viewsA: Free access to a page with set time
You have already said that you have a form, so I will list a simple step-by-step without going into details, this you can easily find here at Sopt or if you have questions you can ask new specific…
-
1
votes1
answer43
viewsA: How to put dalay scrolling on a background?
An example of an effect Parallax using jQuery. Just add the class .parallax in section that you want the effect: $(function(){ $('.parallax').each(function(){ var $sec = $(this);…
-
0
votes3
answers73
viewsA: Do you have any "parse" commands for jquery?
You can use the replace with a regex that takes only the numbers and comma. It is also necessary to exclude all points from the number before replace the comma, because if the number has a thousand…
-
0
votes1
answer40
viewsA: Bug on fullscreen scrolling website
I think the logic of your code storing a value in lastScrollTop is causing conflict. Look, even though section from below any scroll which, at the very least, is less than the lastScrollTop, will do…
-
0
votes2
answers608
viewsA: background-image Fixed on iOS
Unfortunately iOS does not support background-attachment: fixed;. I have not been able to find official documentation, but there is much discussion on the subject. Amid all the discussions, the…
-
0
votes2
answers122
viewsA: Determine the amount of autocomplete items a textfield can allow
You can use the methods disable/enable plugin when the number of selected items reaches a certain amount. By reaching the desired amount, you can disable the plugin and the keyboard alphanumeric…
-
2
votes2
answers592
viewsA: How does Length work outside and inside For in Javascript?
The noose for is usually used to traverse the elements of an array. Imagine a street with houses, starting from House 1, House 2, Box 3 and so on. Similarly it is an array, an object that contains…
-
2
votes2
answers40
viewsA: How to prevent a property from being removed or modified?
You can use the method Object.(), which prevents object properties from being removed or modified (transforms object into read-only -- read-only), also preventing new properties from being added.…
javascriptanswered Sam 79,597 -
1
votes2
answers610
views -
1
votes2
answers146
viewsA: How do 'appear' effect on an element according to page scrolling?
For these types of effects I recommend using jQuery, which already provides a range of facilities in front of the pure JS. If you don’t have it, just include the library in your…
-
0
votes1
answer456
viewsA: CSS - Help with Hover in the menu
Exchange the top: 20px for top: 6px; of .menu_home that the menu will be centered vertically: See example: body { font-size:16px; color:#000; } ul { list-style-type:none; padding:0; margin:0;…
-
1
votes2
answers121
views -
4
votes3
answers709
viewsA: Replace javascript Alert
One way to display a warning is to dynamically create a balloon next to the input with CSS and JS. The example below works with inputs and selects. Each field should be inside an element (in case I…
-
2
votes1
answer106
viewsA: Datetime Picker
The component has an option to format the date and time: $("ID OU CLASSE DO CAMPO").datetimepicker( {format: 'yyyy-mm-dd hh:ii'} ); Where: yyyy -> ano mm -> mês dd -> dia hh -> horas ii…
-
0
votes1
answer136
viewsA: POST is not taking input data that is in javascript
You’re using 2 buttons like submit. Just leave the second as type="button" for insert/remove the fields: function insereInput() { if ( document.getElementById('botao').innerHTML == 'Programar…
-
1
votes3
answers49
viewsA: Stylize each different line
A dynamic and random way to do this is by using Javascript, swapping <span> for <pre>. The pre allows pre-formatting displaying text the way it was typed, with spaces and line breaks.…
-
0
votes1
answer150
viewsA: Leave the textarea autocomplete when it increases in size
You can add a event handler mousemove moving to top/bass the list element according to the size of the textarea, and at the same time adjusting the width: $("#tags").on("mousemove", function(){…
-
3
votes1
answer65
viewsA: Validation of select without form
Change the script: $("#add-cart").click(function(event) { $(".option").each(function(i, v) { if($(this).val() == '') { event.preventDefault(); $(this).addClass("parsley-error");…
-
1
votes2
answers33
viewsA: Problem creating link to the same screen
You can also use the pseudo-classe :target anchors. Just add to your CSS: #test1:target, #test2:target{ position: relative; padding-top: 70px; margin-top: -70px; } Example: html,body { margin: 0;…
-
3
votes2
answers6887
viewsA: Create a modal with jQuery/Javascript only
100% Modal in jQuery taking advantage of properties and grid of Bootstrap 4: var modal_estilos = 'display: block;' +'width: 85%; max-width: 600px;' +'background: #fff; padding: 15px;'…
-
1
votes2
answers442
viewsA: iterate array with element id to display/hide
The problem lies in its logic in the loop .each: $.each(visible_fields_template, function(index, value) { $('div.teste_fields:not([id="'+value+'"])').hide(); // AQUI…
-
1
votes1
answer365
viewsA: How to enable a button, only when you accept the terms
The problem is using the same id for various elements, which is a wrong practice. A id should be unique on a page. You can use jQuery to capture buttons by name, since they all possess the same (or…
-
-1
votes2
answers514
viewsA: Subtract extract months between two javascript dates
The Datepicker jQuery has an event onSelect: when a date is selected. Then you can call a function within that event and calculate: $('input[id*="calendario"]').datepicker({ dateFormat: 'dd/mm/yy',…
-
1
votes2
answers103
viewsA: Return of select brings previous value - jQuery
The plugin Tablesorter Filter Widget has a Trigger that is fired after the filter is finished. So put the calculations inside the Trigger: $("#tabela").on("filterEnd",function() { var qtd = 0…
-
3
votes3
answers372
viewsA: What are these two dots at the beginning of a CSS URL?
The ../ back 1 level in the directory tree, as well as ../../ back 2 levels etc. The way url(../img/sobre-background.jpg) will search the file sobre-background.jpg inside the briefcase img within…
-
0
votes1
answer87
viewsA: Hello I’m starting now to mess with HTML and CSS
This is because the div .containerB has a fixed value (1390px). The menu will always be centered even if you zoom in on the screen. To resolve this, change the class .containerB using max-width and…
-
1
votes1
answer30
viewsA: Effect with js and svg only works in the first class in the second effect does not apply
One way to solve this is by putting at the end of your function onLoad(): var bg_svg = $("div.bg").first().html(); $("div.bg").each(function(){ if($(this).find("svg").length == 0)…
-
1
votes2
answers79
viewsA: Why does removing javascript not work?
In your original question was like this: '... onClick="$(this).parents("tr").remove()" ....'+ All you had to do was change the "tr" (double quotes) by 'tr' (single quotes, which is the delimiter of…
-
2
votes2
answers392
viewsA: Replace jquery with pure javascript
Diego’s solution is correct, but it doesn’t work in Internet Explorer 9 backward browsers (these browsers don’t support the property classList). Just for compliment, in case someone needs it, the…
-
1
votes1
answer1876
viewsA: Owl Carousel how to use? HTML5 CSS3
You need to set the options when starting the plugin: $(document).ready(function(){ $('.owl-carousel').owlCarousel({ nav:true // mostra os botões }) }); The options you check in plugin…
-
1
votes5
answers625
viewsA: Allow or not allow end spaces in passwords?
It’s really not a good one nay allow blanks on the edges of the password. As mentioned in the Maniero response, the space must be treated with any other character. In my reply which resulted in this…
-
0
votes2
answers1441
viewsA: Change color of a table row according to the value of td with jquery
Have some problems in your code: first. Do not use the word "status" to create an array. This word is reserved. When using it, your array will behave like a string. You can add a _ to differentiate…
-
2
votes2
answers765
viewsA: What does if(variavél){ /*action*/}mean?
The response of Phelipe is correct, it is the technique of shorthand, where: if(variavel) returns true in cases where the variable variavel: is not null (has some value) is different from 0 (number,…
-
4
votes2
answers333
viewsA: What is the Technological Singularity?
Changing kids what you said Bacchus brilliantly in his reply, the term refers to that moment or single point (of singular, hence the term Singularity) in history in which technology (focused on AI -…
-
1
votes2
answers206
views -
1
votes2
answers2837
views -
2
votes1
answer255
viewsA: Validate password size
'Cause you missed the size .length country: function QTDsenha(){ var senha = document.getElementById('idSenha'); if(senha.value.length < 6){ alert('Informe uma senha com no mínimo 6 caracteres');…
javascriptanswered Sam 79,597 -
1
votes2
answers1126
viewsA: How to put events on multiple buttons at once?
The value in the switch case, in this case, it must be a string that will compare to id button clicked. Then it would be case "one": and not case One:. To capture the id button: e.target.id. That…
javascriptanswered Sam 79,597 -
1
votes1
answer75
viewsA: Newsletter with refresh ajax
The form is being submitted via button submit passing through function newsletter_check(this) waiting for a return. In this case, the fmr.submit (because if it was in memory -- it is not in memory…
-
1
votes1
answer207
viewsA: HTML5 video not running on mobile
As answered here, mobile devices do not run videos on background. It is interesting to include the attribute poster on the tag <video>, which will display a still image in place of the video.…
-
1
votes1
answer150
viewsA: Retrieve Values from Cloned Fields Created Through JQUERY UI
You can make a loop with .each taking the values of the elements by name except for from the first where the clone came from: // VALORES DOS TEXTAREAS CLONADOS…
-
0
votes1
answer17
viewsA: Mobile version responsive design working on browser emulator, but not on the device itself?
The width=device-width. It adjusts the dimension of viewport (view area) making the page fit the screen size by displaying the elements in full size. <meta name="viewport"…
-
2
votes2
answers97
viewsA: Multiple dropdowns on the same page
The use of .hide() cause conflict. Because when the element receives a .hide(), the class .show will have no effect, because when using .hide() the element receives a style inline stronger than a…