Posts by Sam • 79,597 points
3,121 posts
-
1
votes1
answer78
viewsA: Regressive chronometer is bringing the wrong value
The problem of NaN in Edge and Safari browsers has been fixed in this question related. Change the new Date() to the standard: var countDownDate = new Date(m+" "+d+","+a).getTime(); Example:…
javascriptanswered Sam 79,597 -
0
votes2
answers21
viewsA: How to eliminate registration in a modal without closing?
You’ll need to call another Ajax to do this. First you need to make some changes to your link <a>. You have to close it with </a>. In your code it’s not closed, see: <td…
-
0
votes2
answers588
viewsA: How to update <audio> html without having to refresh the entire page?
Without refreshing the page, you need to update the whole element audio. Do the following, include the audio in a span with a id: <span id="audiocontainer" style="display:none"> <audio…
-
1
votes2
answers193
viewsA: How do I replace a specific part of a string?
You can do it this way, using Regular Expression with .replace (explanations in the code): // parâmetros da função: // t = texto // x = texto a ser substituído // y = novo texto // p = posição da…
-
1
votes1
answer308
viewsA: CKEDITOR - Predefined Text
You can pre-define a text by simply adding it to textarea, including HTML tags, because when Ckeditor renders it, tags will also be applied: <textarea id="editor"><b>texto em…
-
1
votes1
answer108
viewsA: Scroll action in javascript
You can check whether the opacity of the element is 0 or 1 to trigger an animation, preventing one from running into the other. I also put a check at the end of the animations to check the scroll,…
-
1
votes1
answer32
viewsA: To add links in a select and change the width of the select box before clicking
You cannot use tags in text options. First, to increase the height of the select, you can use onmouseover instead of onmousedown, to increase the box before clicking. And onmouseleave instead of…
-
1
votes3
answers48
viewsA: how to take the initial and final schedules and store in two variables with javascript?
You can do it this way with while by checking whether the variables hora exist and creating the variables var separating the values with .split: var hora1 = '9h - 22h'; var hora2 = '12h - 21h'; var…
-
1
votes2
answers225
viewsA: Center text according to length
From what I understand, you’re making things a little difficult when you could just insert the text into a 100% width element and use text-align: center; to always keep the text centered, regardless…
-
0
votes1
answer101
viewsA: Error with Sticky Navbar
It seems your problem is in the z-index of nav. Add z-index: 9; in nav that the bar will overwrite the rest of the content: nav { position: fixed; width: 100%; line-height: 60px; z-index: 9; } See…
-
1
votes3
answers28
viewsA: How to access the data-opened property of each div that is inside an array ? Jquery/Javascript
You can take the data-opened of each element added in the array in this way: bares[i].data('opened') ↑ ↑ array índice Now the i <= bares.length is incorrect. You should only use the < (and not…
-
1
votes1
answer44
viewsA: I’m trying to print the x on the screen but gives error in data table
Before I would like to say that you are making a mix of jQuery with unnecessary pure Javascript. Just use jQuery in this case, because in addition to drastically reducing the code, it is much easier…
-
2
votes1
answer51
viewsA: Validating the form field
3 remarks: 1) $('#consultores').each(function() { You don’t want to tie in ids why they should be unique, so it makes no sense to loop into a single element. If you delete the .each of your code…
-
0
votes1
answer34
viewsA: Tabulation with jquery
You can include the phrase in a div, for example, because the div occupies the entire width of the line making each sentence a single line: $(document).ready(function() {…
-
1
votes1
answer51
viewsA: Remove late date
You can do it this way, using foreach (explanations in the code): $cu = $_GET['bin']; $bin = substr($cu, 0, 6); $file = 'db.txt'; $searchfor = $bin; $contents = file_get_contents($file); $pattern =…
-
1
votes1
answer471
viewsA: Submit when typing text type input for php code on the same page
You can use an event oninput in the field and go calling Ajax as you type in the field. However, I would suggest including Ajax in a function setTimeout with a short interval (in my example I put…
-
3
votes3
answers97
viewsA: Paragraph count
You can pick up the paragraph using .eq(índice) and insert something after it using .after(). If the container for a div any, catching hair id: $(function(){ var pub = '<div…
-
2
votes3
answers328
viewsA: Check if the value is contained in Range Jquery/Javascript
Another way is with the expression: (valor-range[0])*(valor-range[1]) <= 0 ↓ ↓ 1º valor 2º valor da array da array Seria: (15-10) * (15-50) <= 0 5 * -35 <= 0 -175 <= 0 // verdadeiro,…
javascriptanswered Sam 79,597 -
6
votes2
answers1373
viewsA: Ajax request to return Forbidden error 403?
It’s like I told reply from @Henrique Pauli, but I think one can go deeper into the problem and still make some observations in the code. The problem of setInterval: The setInterval never should be…
-
2
votes1
answer483
viewsA: Simple form protection to prevent spam
A simple way would be to create a field name="soma" where the user must enter the sum value: The numbers you can randomly generate by PHP using the function rand(from,to), where from is the initial…
-
1
votes1
answer2264
viewsA: Scroll Soft Bootstrap
You can use this jQuery effect plugin easings. It has about 30 transition effects. In order not to have to load the entire code of the plugin, you can choose only the effects that will use and erase…
-
0
votes1
answer45
viewsA: Problem logout with Google social login
You will need to reload and start the lib gapi.auth2 on the Dashboard tab. Example (replace SEU_ID_DE_CLIENTE for his id current): <html> <head> <meta name="google-signin-client_id"…
-
3
votes2
answers3096
viewsA: How to make a gif of loading in Javascript?
You are trying to select elements that do not possess the id indicated, but yes classes: ↓ <div class="loader"></div> ↓ <div style="display:none;" class="myDiv"…
-
0
votes1
answer81
viewsA: AUTOCOMPLETE jquery ui
You must have set the z-index of your header (top red bar) with a value so that it is always above the rest of the page. With this, the div jQuery-UI is underneath because she has a z-index minor.…
-
1
votes1
answer66
viewsA: plugin creating empty space below HTML when resizes the screen
The plugin is positioning the divs zoom so that they get a position that exceeds the site height limit, creating this huge white space at the bottom of the site. A palliative would be to use:…
-
1
votes2
answers82
viewsA: Keep Active Script Click
If you’re using the same action, you can use .fadeToggle(200), which is best suited to the situation, within an event click: $('.dimmer_area').click(function(){ $('.dim_area').fadeToggle(200); });…
-
1
votes2
answers1230
viewsA: Changing the color of a table cell depending on the status
You can do it this way, transforming the td editable when passing the mouse. After typing a value in td, by taking out the phocus, the script will apply the colors according to what was typed (A, B…
-
0
votes1
answer78
viewsA: Show data from one ajax function, in another ajax function
The way you are doing it would not be necessary to do the first synchronous Ajax, because this is not a good practice. Ajax must be asynchronous, as its name suggests: Tosynchronous JavaScript and…
-
1
votes1
answer349
viewsA: Clear modal after entering record in database with php and ajax
Empty the div that you are entering data into the modal, using the callback when the modal is closed: $("#m_modal_atividade").on("hidden.bs.modal", function(){ $(".classe da div que quer esvaziar",…
-
1
votes1
answer543
viewsA: How to change the color of the scrollbar by Jquery
Javascript can’t change pseudo-elements, but you can create a class in CSS and add to body while scrolling: $(window).scroll(function(){ $("body").addClass("scroller"); });…
-
1
votes1
answer123
viewsA: Run modal only if there is a call
You can do this by calling an Ajax to load its contents into the modal content. First thing is to leave only 1 modal on the page. This single modal will serve for all buttons that open it, and leave…
-
0
votes1
answer77
viewsA: Field with auto required in java script
The required and the focus() are functioning normally in all fields except this part below where you have not set the properties: if ($(this).val().match(/^numero$/)) { $('#numero2').show(); } else…
-
0
votes1
answer30
viewsA: Individual script values within a modal
Don’t use the same id for several elements. A id should be unique on the page. So the plugin will only take the first one you find and ignore the rest. Utilize class="numero" that the plugin will…
-
2
votes1
answer373
viewsA: Create dynamic associative array within loop
You are trying to insert something that does not exist in the array: items['flamengo'] não existe Another thing is that in this case where more than one item can be marked, it is more appropriate to…
-
0
votes1
answer16
viewsA: Error in Javascript when selecting the button in another tag
You are using the wrong names. There is no "button": <button value="button" onclick="criarElemento(this.value) " >Botão</button> And the tag div must be in lower case: <button…
-
3
votes2
answers555
viewsA: how to automatically fill in an input?
A simple way is to add two ifs in the functions where the values are calculated by calling the other functions that depend on the elements you want to hide (see comments // ADICIONADO in the code).…
-
0
votes3
answers215
viewsA: Dynamic background in relation to div
The selector ~ will select sibling elements. Note that in their structure, the two elements are not siblings: <div class="bloco" id="servicosjs"> inclusive tem um erro aqui <div…
-
3
votes1
answer394
viewsQ: What’s the difference in using Transition: all and Transition: [specific property]?
Making a simple CSS animation to increase the height of a div using transition: all and a question has arisen. Look at the example: div{ width: 100px; height: 30px; background: red; transition: all…
-
2
votes2
answers480
viewsA: Increase div height with animation using CSS
I got through animation (suggested by @Valdeir Psr in the comments): body{ background: #000; } .wrap { width: 100px; margin: 0 auto; position: relative; } .glass{ margin: 0 auto; height: 100px;…
-
4
votes2
answers480
viewsQ: Increase div height with animation using CSS
I have this code that creates a wine glass with CSS: body{ background: #000; } .wrap { width: 100px; margin: 0 auto; position: relative; } .glass{ margin: 0 auto; height: 100px; width: 100px;…
-
0
votes2
answers47
viewsA: How to remove a textarea element
You can remove the display simply assigning it an empty value: document.getElementById("g-recaptcha-response").style.display = ""; With display = "block" you will not be removing, but only changing…
javascriptanswered Sam 79,597 -
2
votes2
answers75
viewsA: Slides, transitioning images with JS and radio, while leaning the mouse over the image pause the transition, while removing continue the transition
Instead of using class="ct" it would be more interesting to use id="ct" if the element is unique. So it is easier to select it: #ct{ position:relative; width:400px; height:220px; margin:auto;…
-
0
votes2
answers67
viewsA: Confirm Aspect Ratio of an image to trigger function
You find the ratio by dividing the width / height (width/height). If the result is 2, then it has the ratio of 2:1. Example: $("img").click(function(){ var wd = $(this).width(); // pega largura da…
-
0
votes1
answer51
viewsA: Responsive cell resizing <th> <td>
First you are using an invalid color value background-color: #60606048;. Second is that your table is responsive, but at a certain width where the text within the th are larger than the column width…
-
1
votes2
answers109
viewsA: Set width of div containing paragraphe
Only with CSS is impossible, because the text-overflow: ellipsis; requires overflow: hidden; and white-space: nowrap;, which is a problem because it won’t work on more than one line of text, it will…
-
3
votes2
answers912
viewsQ: Box with edge and a heading on top edge
Is there a style of its own in CSS or HTML tag where I get the effect as shown in the image below? Would be a aside with a border of 1px and the word "Realization" centered on the upper edge, but…
-
2
votes1
answer23
viewsA: Error when changing height of an element
Trouble with the code: The correct is document (all tiny). CSS values need a unit (px, em, % etc....). The method .css() is a jQuery method, and you are selecting the element as a Javascript object:…
javascriptanswered Sam 79,597 -
0
votes1
answer56
viewsA: Problem with form + ajax
In jQuery’s Ajax, the success: already means that the code status of the return XHR was 200. It is redundant to make a OK (that would be the xhr.statusText in the third return parameter) inside the…
-
0
votes4
answers704
viewsA: How to add a new style to an html element?
You can use Javascript for this. Just create a button that when clicked will call a function that selects all <b> within the div and adds the display: none: function ocultaB(){ var bs =…
-
2
votes3
answers56
viewsA: Cut word with CSS
You can do it this way (explanations in the code): $(document).ready(function(){ // DOM carregado var elm = $("#valYearCD"); // elemento var txt = elm.text(); // texto do elemento var fim =…