Posts by Sam • 79,597 points
3,121 posts
-
3
votes2
answers3860
viewsA: How to make element appear after scroll
You have to use the method .stop() jQuery to stop animation when the scroll meet one of the conditions, otherwise it will give conflict in the animations when one has not yet been completed at the…
-
2
votes4
answers1982
viewsA: How do I validate the radio input of my code?
Include a new else if at least 1 validation radio was checked out: else if(!$("input[name='sexo']:checked").length){ alert("Marque M ou F"); return false; } Small optimization Your code has some…
-
1
votes3
answers158
viewsA: How do I marry this range of elements?
Maybe not the best answer, but it works as you wish. I used this Regex below: a\)\s.*(?=\s<) Will return: a) texto <br /> texto texto texto Then I make a replace in the a), just staying:…
-
0
votes2
answers611
viewsA: Row hover and table column
You can also do it using CSS only: // para IE 9+ que não suportam clip-path var doc = document.documentElement; doc.setAttribute('data-useragent', navigator.userAgent); div{ position: relative; }…
-
1
votes1
answer127
viewsA: Set CSS <ol> height so that the text does not evolve the number
You can do a combination of various styles in the element <ol> and <li>, as position: absolute;, position: relative;, left, top, margin-top among others. I had to redo his code because…
-
1
votes1
answer625
viewsA: Ajax Returning all page HTML
You can take only the contents of a div specific on the return of Ajax. For example, suppose the page you are on has a div with id #preco with the value of R$ 100,00: <div id="preco"> R$…
-
2
votes2
answers306
viewsA: How does Facebook write color on the browser console?
You can get this feature with the syntax below, where %c activates CSS styles to the message: console.log('%c Olá!', 'color: red; font-size: 30px;'); Does not work in IE and Edge (in the case of…
-
1
votes1
answer40
viewsA: Fixed menu does not go to the id of a certain <li> when you click
Use scrollTop: $('#' + id).offset().top to roll up to the id of the element. It would look like this: $('html, body').animate({scrollTop: $('#' + id).offset().top}, 'slow'); Example: function…
-
2
votes1
answer74
viewsA: <select> not working properly
You can open each menu by picking the index of what was clicked, but leave all menus with the class drop same (and not drop1, drop 2...): mIdx = $(this).closest('.drop').index('.drop'); I also…
-
1
votes2
answers1446
viewsA: maskMoney does not work on input within table
Your problem is assigning the class .dinheiro to a td and to inputs who wants to apply the maskmoney. Solution: leave only the class .dinheiro to inputs and re-bind when adding new inputs. <input…
-
2
votes2
answers138
viewsA: Change menu with CSS
This is a functional example that you should apply to your code. The second menu with class header-fixed2 must be hidden with display: none;. When scrolling the screen to half, the first menu will…
-
1
votes1
answer368
viewsA: User-friendly URL with Jquery
You can do this using the file .htaccess to target a specific 404 error page and redirect it to the index.html with the parameter in question. 1) Create a page .html in the root folder to which…
-
0
votes3
answers1470
viewsA: Hide DIV when loading the tab according to select
You can do this by declaring the value of select (even though he was already selected) before firing a trigger. Just add the code below in your script: $(window).on('load',function(){ ocultar_div();…
-
1
votes1
answer967
viewsA: Uncaught Typeerror: birthday.split is not a Function
Missed putting this.value in the onblur, thus: onblur="calcularIdade(this.value)" This will send the value of the field to the function, not the element itself, causing the error in the split.…
-
0
votes2
answers949
viewsA: How do I make IFRAME editable?
A way to do this with iframe no page is applying contentEditable right in the body of iframe javascript: HTML: <iframe src="" style="width: 50%; height: 150px;" id="iframe"></iframe> JS:…
-
0
votes3
answers115
viewsA: voting system
Change the star code \f005 by the cup of coffee \f0f4: .estrelas input[type=radio]{ display: none; }.estrelas label i.fa:before{ content: '\f0f4'; color: #FC0; }.estrelas input[type=radio]:checked ~…
-
1
votes3
answers1413
viewsA: Handle accent with Jquery
Your code is correct in replacing accents, but to replace ALL spaces, change the last one replace for: .replace(/\s/g,'%20') As it stands, it will replace only the first space found. See working:…
-
4
votes2
answers2956
viewsA: Error inserting Data into Mysql
Remove the quotes from 'NULL', otherwise it will be a string incompatible with the column value type t_id table. With 'NULL' (in quotes), will insert the record in the table, according to the…
-
1
votes1
answer550
viewsA: Button "Play/Pause" - How to restart playback?
Add myAudio.currentTime = 0; to the function myAudio.onpause: var myAudio = document.getElementById("myAudio"); var isPlaying = false; function togglePlay() { if (isPlaying) { myAudio.pause() } else…
-
0
votes1
answer812
viewsA: Pass value for input inside table
Your code has some problems. Fix them and should work: 1. number_format is not Javascript function. Replace: number_format(json[i].valor, 2, ',', '.') for json[i].valor.toFixed(2).replace('.',',')…
-
1
votes1
answer338
viewsA: Capture the value of the selected item in selectOneRadio with Javascript
Insert onchange="teste(this.value)" (or onclick="teste(this.value)") in <p:selectOneRadio id="mercado" styleClass="teste">, being like this: <p:selectOneRadio id="mercado"…
-
2
votes1
answer484
viewsA: Navigation bar with Company name
This is a feature when the site uses an EV SSL Certificate (Extended Validation SSL), which, in addition to displaying a green padlock, also displays in green the name of the company or organization…
-
1
votes1
answer224
viewsA: Tabs with different colors using css and jquery
You can create different styles for each tab, each with its own color. In the example below I did this and added tabindex to use in CSS :focus, and put a jQuery listener to identify which tab was…
-
0
votes1
answer66
viewsA: Radio Button how to set up please help me
You can create a listener for the radio, but it makes no sense to check if it’s checked, because the radio will always be checked when clicked (unlike checkbox, which can be checked and…
-
2
votes1
answer1254
viewsA: How to resolve the problem Call to a Member Function diff() on string in
It is necessary to convert the $aDate on object DateTime: $aDate = new DateTime(date('Y-m-d H:i:s')); As well as the date coming from the bank: $dbDate = new DateTime($dbDate); Thus remaining:…
-
0
votes1
answer109
viewsA: Mark dynamically created checkboxes in case a condition is true
You can do it this way by adding true to all the checkbox with class .checkbox: $('#elemento').on('click', function(){ if(1 == 1){ // condição $('.checkbox').prop('checked', true); } }); <script…
-
1
votes2
answers162
viewsA: Add original width/height to image tags
You can use naturalWidth and naturalHeight which returns the original image dimensions and insert into the style element. But, to make it easier to select, add a class (or id) to the element: var…
-
2
votes3
answers638
viewsA: Block positioning with FLEX-BOX
I think it’s easier to do using grid and positioning the divs where you want. See in the example below that I can position the divs on site and with the dimensions I desire. Obviously it is just an…
-
1
votes1
answer542
viewsA: Check dynamically created checkbox
The problem is that the code $(document).on("input[id='elemento']:checked") will not return the value of checkbox, and yes if the element #elemento exists in the document, and therefore the if will…
-
0
votes1
answer37
viewsA: problem when connecting to database
You must be mixing mysqli with mysql or giving wrong parameter. Use like this: $conexao = mysqli_connect("host","usuario","senha") or die ("Erro ao conectar ao banco"); mysqli_select_db($conexao,…
-
1
votes3
answers108
viewsA: Decrease the lines of code by maintaining the function of getElementByID?
Another very short form would be creating an array with [id_do_campo=preço] without having to change anything in the original HTML: var els = ['consT=75,00','interT=510,00','examT=150,00']; chks =…
-
0
votes1
answer147
viewsA: Hover when selected an option in select
You can include a listener for the select and apply checked at the input checkbox: $('select').on('change', function(){ $('#label-1').prop('checked', true); }); Note: don’t use two ids equal to more…
-
0
votes2
answers80
viewsA: Page Redirect when giving Scroll
You can do this simply with Javascript: <script> window.onscroll = function(){ location.href = "outra_pagina.html"; } </script>
-
1
votes1
answer35
viewsA: How to select one radio through another?
You can add a eventListener to radios A, B and C. Add also disabled="disabled" to radios X and Y for them to load disabled: var els = document.querySelectorAll("#rada, #radb, #radc");…
-
0
votes1
answer173
viewsA: Ajax to make select in bank does not work in new line
I suggest creating a proper function to apply the select2: function aplicaSelect2(){ $('.bolsista').select2({ placeholder: 'Selecione um aluno', ajax: { url: '../php/ajaxSelectAluno.php', dataType:…
-
1
votes1
answer54
viewsA: Javascript index
You can count how many elements input to id #details-table own and adding +1 altogether: var indice = $("#details-table input[type='text']").length+1; And concatenate into the variable: cols +=…
-
1
votes2
answers981
viewsA: PHP/Mysql - Switching from localhost to online hosting
There are many procedures to be followed which I will list in general, and may vary from case to case. If you do not feel safe, it is recommended to request a technician or someone experienced. 1.…
-
1
votes1
answer94
viewsA: progress bar does not work jquery
Here’s what you can do: change the styles of <progress> with: <style> progress{ width: 100%; height: 20px; } </style> And add beforeSubmit in function ajaxForm for reset the…
-
1
votes1
answer500
viewsA: Change background image without fade
You can use this technique: @keyframes prediocima { 0% {background-image: url("prediocima.png");} 30% {background-image: url("prediocima.png");} 30.01% {background-image: url("prediocima1.png");}…
-
1
votes1
answer210
viewsA: How to enable or disable select nearest?
You will be able to select the element using: $(this) .closest('.switch.col') .prevAll('div.input-field:first') .find('select') Will get the div nearest that contains a select and select this…
-
2
votes2
answers48
viewsA: What is the difference in the statement of these two options?
.back.flipped It means an element that has both the class .back how much .flipped. .flipped Means an element that has only the class .flipped. ADDITIONAL: .back .flipped (separated) Means an element…
-
0
votes1
answer63
viewsA: Problems using font-face on the site
Instead of using the entire .css, use the relative path: Instead of "http://www.ksleague.com/_css/component.css" Use "_css/component.css" This is because when using the whole path, it may give "same…
-
1
votes3
answers2107
viewsA: How to print only a part of HTML?
The function below will open a popup only with the content of div specified for printing, and will also apply the external CSS if there is: Button to print with the id of div: <button…
-
3
votes1
answer1284
viewsA: Scroll bar only in a div
You can use the function Calc to set the height of the div minus header height and adding overflow: hidden; in the html, body: html, body { margin:0; padding:0; height:100%; overflow: hidden; }…
-
0
votes1
answer1285
viewsA: Alignment of vertical text
You can use transform without touching the Bootstrap grid: #id01 .texto p { -webkit-transform:translate(0,-50%); transform:translate(0,-50%); top:50%; position: relative; } #id01 .texto p {…
-
1
votes1
answer133
viewsA: How to activate animation of the SVG drawing when arriving in his div?
Insert a listener who will check when the element is visible on the screen, starting the animation: document.addEventListener('DOMContentLoaded', function() { var svg4 = new Walkway({ selector:…
-
1
votes1
answer35
viewsA: Scrool Mouse Tracking lines, with css and jquery
You can do it like this: After the $(document).ready(function(){..., include a flag var mPrimeiro = false;: $(document).ready(function(){ var mPrimeiro = false; ... Where has: if( (scroll+200) >…
-
0
votes1
answer37
viewsA: How to make a wordwrap inside a <pre>?
Use the style white-space, besides the word-wrap: break-word;, to apply line break to long strings inside the <pre>: pre { width:595px; white-space: pre-wrap; word-wrap: break-word; }…
-
2
votes1
answer1627
viewsA: How to give autoplay on video in mobile version Chrome
Browsers have their policy of self-perform content tagged <video> using mobile. iOS, for example, does not allow autoplay (see here official Apple documentation). In relation to Android,…
-
1
votes1
answer312
viewsA: Click as if it were toggle or Hover
Instead of using body, better use document which covers the entire HTML, while the body is restricted only to the area where there is content. The example below shows the concept, so you must adapt…