Posts by Sam • 79,597 points
3,121 posts
-
2
votes1
answer48
views -
0
votes2
answers2898
viewsA: Convert minutes to hours
By the statement of the question, the intention is to convert the amount of minutes into hours, and not to return hours and minutes. The correct one would only be to divide the minutes by 60,…
-
0
votes3
answers847
viewsA: How to prevent background scrolling when opening a modal window with javascript?
You can add a class to your CSS that will disable the scroll page: .sem-scroll{ overflow: hidden; } Then use the method .toggleClass to toggle the class on <body>: $("span.ph a,…
-
1
votes2
answers238
viewsA: navbar semantic-ui transition
You can apply a color to all elements of the div fixed with the CSS: div.menu.fixed *, div.menu.fixed a.floated.dropdown.item{ color: #000 !important; } div.menu.fixed a:hover, div.menu.fixed…
-
1
votes2
answers39
viewsA: Problems cloning a field using Jquery
If you want the width of the cloned field to be the same as the original field, one way to do this is to include a style in the code that adds the field. Replace this line: var html ='<tr>…
-
4
votes4
answers173
viewsA: How to delete only 1 form field?
You do not need a script to get the empty field. Add autocomplete="off" in the input from the barcode that the field will always be empty when back to the page: <input autocomplete="off"…
-
3
votes2
answers257
viewsA: Separate the contents of a variable via Regex
You can use in a more simplified way, without the ?, $ or \b: (A:)(.*)(B:)(.*) When you use the ? in the last group, you will have to use $ so that it knows the end of the string. Therefore, it…
-
2
votes2
answers46
viewsA: I’m having trouble getting this div centralized and Responsive
Just take the float: left of .action-button (otherwise elements go to the left), take the margin-right: 60px; of .bronze (otherwise it makes a spacing on the right side of 60 pixels and prevents…
-
0
votes1
answer346
viewsA: Button does not open JS modal
If you have several buttons and each opens a different modal, you need to keep in mind that each button should have one id different. Therefore, opening up the respective modal based on the id…
javascriptanswered Sam 79,597 -
2
votes3
answers431
viewsA: How to line up div next to two Rows?
The response of @hugocsl is correct, but lacked put a @media Rule. Because the site is responsive, Bootstrap turns all columns into 1 only when the screen is smaller than 769px. So, complementing…
-
0
votes1
answer76
viewsA: How to activate animation only on the button clicked and not at all
You can use the following selector to individually call the clicked button and the element of the same block article: $(".bt-card").click(function(){ $(this) .toggleClass("bt-card-active")…
-
0
votes1
answer232
viewsA: Error with animated number counter jQuery
You can take the position of the element relative to the top of the window, detecting when the element appears while doing scroll with $(window).on("scroll"... Example (see explanations in code…
javascriptanswered Sam 79,597 -
0
votes2
answers1370
viewsA: How to keep selected checkbox after refresh on page with localstorage JS
A suggestion is to create only 1 localStorage (instead of creating 1 for each checkbox) and go adding/deleting to id of checkbox clicked. By marking the checkbox, your id is added to the value of…
-
0
votes1
answer113
viewsA: How to use different javascript libraries on the same page?
Your code is wrong using the method .load (which does not serve that purpose) in: $(window).load(function() { You want to create the events when the page is finished loading, so you should use:…
-
0
votes1
answer72
viewsA: Prevent jquery-ui autocomplete from accepting words that are not in the list
You can add new events by checking if the typed word exists in the list, which is an array. If the word is not in the list, it is excluded from the field. I added two events blur and mouseleave to…
-
1
votes2
answers1095
viewsA: Take the value of an input and return alert
The problem is in alert: alert(ok); Where ok is not a variable. The correct thing would be to put it between quotes, single or double: alert("ok"); or alert('ok'); When arriving at this ready your…
-
3
votes1
answer1122
viewsA: Javascript does not check blank fields
When you use parseFloat() and the field is empty (which at first is what you are trying to verify), it returns the string NaN (not a number -- in Portuguese, is not a number). With that his if…
javascriptanswered Sam 79,597 -
3
votes2
answers1799
viewsA: Dashed line only css?
If you want to trace the shape placed in the question image, you can create a class with the pseudo-elements ::before and ::after: /* tirei o underline do "a" apenas para exemplificar no resultado*/…
-
0
votes1
answer435
viewsA: Error (Uncaught Referenceerror: google is not defined) in "Run" in MAPS Autocomplete API
You need to load the API plugin: <script async defer src="https://maps.googleapis.com/maps/api/js?key=CHAVE_DA_API"> </script> How you are starting the plugin via code on:…
-
0
votes1
answer184
viewsA: How to render a file in a frame?
You can use a fully HTML5/Javascript PDF renderer (does not use external libraries or frameworks) and compatible with all modern browsers called pdf.js. In addition to displaying the PDF on the…
-
1
votes1
answer219
viewsA: Position Absolute not activate overflow: auto
When you define a overflow in div, it restricts everything in it to your area, because that’s what the overflow. Even putting elements with position absolute, they will be confined to the area of…
-
1
votes2
answers42
viewsA: How to get variable js from sucess pro php
It turns out that the variable does not yet exist when PHP renders the page. If you look at the console, you will see a type error: latitude is not defined. $.ajax({ url:'sigilo.com.br/$ip',…
-
1
votes1
answer540
viewsA: Stop a Function already started in Jquery
Once loaded into memory, there is no way to prevent the function from being called (at least I don’t know a method). But you can create a global variable that ignores the content (or part of it) of…
-
1
votes1
answer77
viewsA: Explanation about PHP code
The explanations are in the comments below in the code: <?php if (isset($_GET['pagina'])) { // verifica se a variável $_GET['pagina'] foi iniciada e definida recebendo dado da variável 'pagina'…
-
0
votes1
answer72
viewsA: How to open a link with the text of a div
You can take the text of the element and put it in the first parameter of the window.open which refers to the URL that will open in the window: HTML <div id="teste"> http://url_foo.com…
javascriptanswered Sam 79,597 -
3
votes1
answer129
viewsA: Resize to elements and not browser window
You can use the code below that will listen to any changes in textarea and run the code you want where I commented // faz alguma coisa aqui: Included the window resize case to textarea be…
-
0
votes1
answer69
viewsA: Replace src field value with javascript
You are selecting the wrong element. If you want to select the image in: <a class="thumbnail min-h" href=""><img class="main_image"…
-
3
votes3
answers1526
viewsQ: Has Actionscript become useless?
With the advent of HTML5 and CSS3, it is correct to state that the language Actionscript used in applications Flash became a "dead" language or it was used in some other Adobe application?…
-
1
votes1
answer164
viewsA: Overlapping divs
You can go further down div .searchresultsMecanico by changing the value in top of 3 for a higher value, which will give more spacing. For example, put 25 which may already be sufficient:…
-
2
votes3
answers96
viewsA: How to hide a text being bigger than my Div
One solution is to change the styles of <figure> and section.postagem. Set on the first one overflow: hidden; and a height fixed; and in the second only one overflow: hidden;. This will…
-
4
votes3
answers5001
viewsA: Hover effect on JS
The event .hover must have 2 functions: one for when the mouse is over the element and the other for when to exit. var $JQuery2 = jQuery.noConflict() $JQuery2(function() {…
-
1
votes2
answers1993
viewsA: How to align label next to input
A solution would be to define the containers of label (or their own label, depending on the case) with: text-align: right;. This will align the text on the right next to the form fields. Example:…
-
0
votes1
answer291
viewsA: trasition effect in menu does not work on Chrome firefox works normal
The problem is in overflow:hidden; in nav > ul. Chrome, unlike other browsers, interprets this differently. When you arrow overflow In the widget, Chrome delimits all child elements to the parent…
-
1
votes1
answer320
viewsA: I can’t break the lines in the body of the email. The text runs
Use the hexa %0D which is equivalent to Enter (Carriage Return) in ascii table. ↓ <a href="mailto:[email protected]?body=Não consigo partir%0Desta linha.&subject=Pedido de Informações">…
-
3
votes3
answers1697
viewsA: How to achieve this effect in a progress bar?
I got it using clip-path (used clip also, which is lagged, but to support older browsers) and creating two layers where the percentage text is displayed (<strong>). As the progress bar grows,…
-
2
votes3
answers1697
viewsQ: How to achieve this effect in a progress bar?
How to do this effect on the text inside the progress bar where the text changes color according to bar fill, and when the bar reaches the text, only a part of the text changes color? See that when…
-
2
votes3
answers631
viewsA: Limit values for input text
You can do this check using Javascript. Just convert the values into arrays and compare numbers. I created an example function for this, but you can do as you like: function checa(){ // pego valores…
-
0
votes2
answers2217
viewsA: Radio de Preenchimento Obrigatório html
You can do a check front-end with Javascript (the e.preventDefault(); will prevent the form from being sent): document.querySelector("form").addEventListener("submit", (e)=>{…
-
2
votes2
answers3064
viewsA: remove radio checked input
You can reset the form (unchecking all) using .reset() with a simple code (if the form have only radio Buttons): $("#remover").click(function(){ $("form")[0].reset(); }); <script…
-
1
votes1
answer756
viewsA: How to load an image into an img input type input by receiving the url of another input
You have to insert the image in src of input #thumb2 catching the value of input #thumb, after the return of Ajax on :success: <script> ...ajax success: function() {…
-
1
votes1
answer33
viewsA: I have a search form with 3 fields, at least one of the first two must be filled, the other is optional
To use the plugin, you need to assign a name to the fields: ↓ <input class="form-control input-sm" name="input1" id="input1" type="text"> And must load the plugin: <script…
-
0
votes1
answer978
viewsA: Images with different size in Materialize slider
The slider converts the images into background-image. The problem is that if you use images in different dimensions, the script will adjust the width to 100% keeping the image ratio and cut the…
-
0
votes3
answers5980
viewsA: Customizing the Alert
You can use a box that simulates a Alert without using libraries. The box is as shown below, and you can customize as you wish: By clicking on OK, will be redirected to the page you put in the…
-
1
votes4
answers974
viewsA: Add Select Multiple values
A way to add up the values of select keeping the format of the comma values in the options: With pure Javascript document.addEventListener("DOMContentLoaded",()=>{…
-
1
votes2
answers504
views -
1
votes2
answers88
viewsA: How to use Jquery functions in array?
The problem is you’re using .attr to change the object attribute not jQuery. jQuery objects must be inside $(). If you want to use pure Javascript, you would have to use .setAttribute: var size =…
-
0
votes1
answer129
viewsA: Capture a record in a table and then insert it into the database
First observation is to create a id only for the td in the loop foreach. Put the id of the customer instead of selecao: <tr> <td id="<?=$id_cliente?>"> <?php echo…
-
3
votes5
answers3285
viewsA: Remove the space between two Ivs
The problem is in p that has margin top and bottom by default. The first p in <div class="texto"> is driving away the div from above. You can solve by removing the margins only of these two p…
-
1
votes1
answer1372
viewsA: Label positioning
You can convert this label for position: absolute and position it below the input. However it is necessary that the element where the label is created has position: relative. Include in CSS the code…
-
2
votes1
answer181
viewsA: When scrolling the page and arriving in a certain DIV the background color of the same changes
Had already answered similar question here. To do this, you have to calculate the distance of the element to the top of the document minus the scroll, and subtract by the visible height of the…