very simple new user question on how to get the value from a slider
I read the documentation but was unable to find a fully functional example where the value of a slider was made used by javascript. I'm sure I'm missing something really basic and probably totally obvious to everyone else. It may be a javascript error not a jquery error. Here's what I tried: <script> $( function() { $( "#slider" ).slider({ min:0, max:100, step:5, orientation: "horizontal", value:30 , change:
Can an input with class hasDatepicker be close through javascript?
Hi everyone, I am tasked with developing an automation framework for our company which uses jquery (ver. 2.2.1) and I was wondering if there is a way to close a datepicker element through javascript, I have tried dispatching events to the element but I think they are being ignored. Thank you. Regards.
Bloquear caracteres de input
Olá! Preciso bloquear os caracteres: ' " \ e / de um input do tipo password. Como faço isso?
Loading iframe content when scrolling and preventing reloading of content
I'm loading an iframe on the page when a user scrolls down the page and hits 500px but the problem I came across is preventing the content from re-loading. Every time you hit the 500 mark, the content re-loads itself. Can anyone tell me how to load it once? jQuery(document).scroll(function () {
var y = jQuery(this).scrollTop();
if (y > 500) {
jQuery('#loadme').attr('src', '/my-content.html');} });
Changing value of TextArea
How do I call JQuery when typing into a textarea please $('textarea').on('input change', function(e) { alert(e.currentTarget.value); }); Doesn't' do anything. I just isn't being called Thanks
Replacing comma
How do you replace a comma when someone types into a text area field with , I have several fields wirth the same name in a form and after the form is posted I am splitting using a comma bu ttaht doesn't worjk if they have entered a comma in the input field. Thanks
Selecionar todos os checkbox de uma única div
Olá! Preciso selecionar todos os inputs do tipo checkbox que estão em uma div específica depois de clicar em um outro input "selecionar todos". Como faço isso?
Adding question text areas
I have a button for adding new textarea for questions. My code add the new 6text area alright. The problem is if you enter something into one of the text areas then click on the button to add a new textarea what you have typed into any previous text areas vanishes. I have tried savign the content and addign the values back but that doesn't work. It still vanishes. What do I do please? This is my code - thanks function add_question() { alert(row_count); row = row_count - 1
Jquery DIalog close button displaying with long border extending to side of the containing element
Firefox 89.0.2, OS Ubuntu 20.04, Jquery-ui v1.12.1 jquery v3.5.1 Steps to reproduce visit https://jqueryui.com/dialog/ on firefox. The dialog is displayed with an orange border extending to the left of the containing element. The same effect happen on Windows Firefox VM (though with a blue line) and has been experienced by other friends on different machines. Tabbing control will remove the line, but if you return focus to the close button it appears. I have not been able to find the issue in the
jquery validation additional method
hey guys, its been a while!...im trying to using socket in a validation method to check if an email exists with the following code: jQuery.validator.addMethod('email_address_exists', function(value, element) { socket.emit('email_address_exists', value, function (result) { if (result === true){ return false; } return true; }); }, 'Email address already exists'); the sockets callback returns the correct results, returning true
Addiing rows
I have function add_question() { alert(row_count); row = row_count - 1 $( "#row" + row).after( "<tr id='row" + row_count + "'><td style='width: 1%''><input name='B3' type='reset' value='Delete'></td><td style='width: 1%'><h3>Question</h3></td><td width='35%'><textarea cols='20' name='S1 rows='5' style='width: 100%; color: #000000; font-family: Arial; font-size: 10pt'></textarea></td></tr>"); alert("<tr id='row" + row_count + "'><td style='width: 1%''><input
Adding and removing row from table
<table border="0" width="100%" cellspacing="10" cellpadding="20"> <tr> <td width="100%" align="left" valign="top"> <table border="0" width="100%" cellspacing="0" cellpadding="4"> <tr> <td align="left" valign="top" style="width:
Reload datepicker calendar with new disabled days
Hi All, I have a calendar on my website with disabled day which are grayed out. So far OK. Now I added a checkbox on my website. When I check it a javascript function is called which is calculating a new set of disabled days. My issue now is: The new set of disbale days is not implemented in my calendar. When I paste the js-code of the calender into the function which recalculate the disable days the calendar doesn't show up at all. Any suggestions? This is the calendar code: //Availability calendar
Concatenate variables with Json keys.
Hi everyone, I would like to ask for some help if you can. I hope I'm explaining myself well. :-) I have a json file with some data inside. I load it via ajax. I retrieve the key via this path. concatenate = JsonData.change_this.title console.log(concatenate)It works and returns the title to me. Now what I'd like to do is change "change_this" to something dynamic. What I tried is the following: new_change_this = "change_this_2"; concatenate = JsonData.new_change_this.title console.log(concatenate)
Jquery Scroll full screen div
I am using this function which works ok for one screen size. jQuery(window).scroll(function(){ if (jQuery(this).scrollTop() > 1400) { jQuery('.conmenic').addClass('menu-invert'); } else { jQuery('.conmenic').removeClass('menu-invert'); } }); The problem is that I have a full screen background div which is set in my css as follows: #fullimg {height: 100vh;} I need to somehow calculate for all screen sizes that the user has fully scrolled after the #fullimg before adding/removing
Order the posts
Hello everybody, I had a look in jQuery UI forum, and the first posts displayed dated one year ago. So I came to a question : there are numerous ways to filter the lists of posts in a forum, and that is nice, but are there any ways to order them? And is there a way to know how the list is ordered ?
jQuery update causes unrecognized expression error
I am trying to update my jQuery version from 1.10.2 to 3.6.0. When I use the 3.6.0 version, I get the following error - "Uncaught Error: Syntax error, unrecognized expression: a[href$=]" Even when location.hash has a value, it gives the same error. For example, page.html#ceftin will give the error with a[href$=ceftin] listed in the error. This does not occur with version 1.10.2. Here is the script where the error occurs: $(document).ready(function(){ var anchor_hash = location.hash; var anchor_link
what is this error...
hi, what is this error please... (screenshot attached..) I think this is because I'm using a newer vesion of jQuery (3.6.0) I tried finding an older version, tried with 2.2.4, got same error.. with 3.6.0 I did install jquery-migrate-1.4.1, but still got same error.. (I assume you call 3.6.0, THEN this migrate thing, I mean in <head>?) thank you...
Spectrum Color Picker Change event
I'm trying to use the spectrum color picker 2. When I load the page I can click anywhere on the page outside the color picker and the color picker's change event fires. What's more it throws an error when I try to use color.toHexString() because the color is null. This happens even if I haven't clicked the color picker at all. I have the option: clickoutFiresChange set to false. If I can't fix this I can't use this color picker. How can I make it stop firing the change event every time I click anywhere
Questions Re: multiple INSERT statements to server PHP I have some questions regarding coding of multiple INSERT statements going to my server.
I have some questions regarding coding of multiple INSERT statements going to my server. My code is based on an example I found in fiddle. Here is the code and my questions in bold. I'm trying to learn how this all works so any hints, explanations will be appreciated!! Code below will run. PHP Code: <?php // Fri May 28, 2021 14:30 // multiAdd.php // to serve multiInsert.html set_include_path( '../include' ); error_reporting (E_ALL ^ E_NOTICE); print_r($_POST); echo json_encode($_POST); // Returns
SweetAlert2 (Swal is not defined) How to solve?
When I click the button, no action is taken. On the "Console" I get the following message: "Uncaught ReferenceError: Swal is not defined". How to solve this, what is missing from my code? I have the following in HTML: <button type="button" class="btn btn-primary btn-icon-text float-right mt-4 ml-2" data-idfinancial="{$id_financial}" id="sendmensagem"> <i class="btn-icon-prepend" data-feather="mail"></i> Enviar E-mail </button> The JS script looks like this:
Selectable not scrolling Touch Screen
Hi Selectable does't scroll on Mobile Devices/ Touch Screens. Someone faced such an Bug and if there is a solution? Thank You.
Conflict Between Older Versions and More Recent Versions of jQuery
I have older versions of jquery installed on my page that uses the draggable/droppable elements but I want to use recent versions of bootstrap and jquery to implement modals on the same page. When I add a link to the recent versions to my page all of the draggable/droppable elements stop working. How can I use newer versions of jquery along with older versions?
Why is .nxt not acting as a selector
https://jsfiddle.net/uvaok906/
Localize datepicker dynamically, can it be done?
Hi everyone, I am building an Angular app and I would like to know if it is possible to localize the datepicker dynamically. The web page shows a URL to change the language of the page from English to French and vice-versa and the datepicker needs to localize accordingly. I was able to add datepicker-fr to angular.json and it is now appearing in French but how can I switch it depending on the user's selection? Thank you, Pierre
Datepicker shows up behind text input dropdown
I googled this problem and implemented some of the jQuery code provided but nothing worked. How do I get my datepicker to show up in front of the dropdown? This is my HTML: <table> <tr><th>Start Date:</th><td> <div class="input text"> <label for="MealplanEventDate"></label> <input type="text" name="event_date" size="44" id="MealplanEventDate" maxlength="255"/> </div> </td></tr> <tr><th>End Date:</th><td> <div class="input text"> <label for="MealplanEndDate"></label> <input type="text" name="end_date"
Reorder table columns and save to LocalStorage
I manage to reorder table columns and save the sort order in local storage. I found a solution to do this. The problem is that this method only works for one table. But how can I store the sort order for more than one table? https://jsfiddle.net/cwvj2q4e/
Jquery menu issue
When you are leaving the parent item of a submenu in jquery menu,there is a slight delay closing the submenu. any way to disable this and make it close instantly ? thanks !
“Changes you made may not be saved.”.
window.addEventListener('beforeunload', (event) => { if (window.performance.getEntriesByType("navigation")){ <?php if (isset($_SESSION['varOperator']) | isset($_SESSION['varPassword']) | isset($_SESSION['varUserLevel']) | isset($_SESSION['varExtension'])) { ?> if (document.getElementById('can_logout').value == "No") { alert(document.location.href)
passing data from success() method using session.setAttribute()
I using the $.ajax() method to call a java servlet. The call is successful and all data is being passed successfully from the servlet to the 'success()' method. As a next step, the success method brings up a 'results' web page with the following statement: window.location = "results.jsp"; I would like to pass data to the 'results.jsp' page by setting one or more session attributes in the success method, but I cannot figure out how to do this. Can anyone describe how to do this or point me to a solution.
como enviar mais de 2 array para controlador php usando ajax
pessoal boa tarde! estou com o seguinte problema: explico:.. meu formulário tem 3 arrays - cabeçalho = onde estou serializando - array produtos = Produtos da Venda (código, EAN, Descrição, Qtde e Valor) este array ja esta criado e com dados armazenados, seu HTML é criado dinamicamente ao clicar no botão VISUALIZAR - array Contas a Receber = Duplicatas a serem cobradas ao gravar a VENDA. a duvida é, como enviar estes 3 array para Front-End ( PHP )... e la validar e GRAVAR NO BANCO.
Problema con dialogos / Dialog problem
Tengo el código adjunto, cuya idea es que muestre un dialogo y luego pase al otro y luego al otro, según la opción. Pero solo me muestra el primero y nada mas. Si alguien me puede ayudar, es lo único que me falta para terminar mi proyecto. Un saludo desde el sur del mundo Jorge Gayoso Chile --------------------------------------------------------- I have the attached code, the idea of which is to show a dialog and then go to the other and then to the other, depending on the option. But it only shows
jQuery UI - Is this library EOL?
I have had an exhausting time searching for answers as to the state of the jQuery UI library. The github shows activity, but there does not appear to have been a release since 2012 with the release of the 1.12 version. So I have a few questions that perhaps the community could help answer for me. Why have none of the github changes been released as updates? Has this library been discontinued? If it has been discontinued, was there a specific reason no notice was given?
Getting undefined JSON error because of Stripe script?!
Hi everyone! I'm a bit lost... hope for your help. Here is my script.. nothing epic but works fine: <!-- Open Map Button - Locator --> <button id="openicon">Open Map 2</button> <br > <p id="example"></p> <!-- Open Map Script - Locator --> <script> jQuery(document).ready(function(){ jQuery("#openicon").click(function() { openLocator({width:'1024',height:'768',address:'torino',modView:'101'}); }); }); </script> <!-- Get JSON data from locator --> <script> if(window.addEventListener){
How to trigger Form submit using the Dialog Save button? Not working
The form in contained inside an iframe There is my example code in plunker http://plnkr.co/plunk/L1mblbkDvBgk8yHM
Embed Youtube Video - Safari
I am using this code so that when the user clicks on the cover image, the image is hidden and the youtube video starts to play. This works fine in Chrome. However, in Safari when the user clicks on the image, all that appears is a white space and the video doesn't play. I believe this is a problem with Jquery? Many thanks. function youtubez_shortcode(){ $youlink = get_field('fl_tube'); if (preg_match('%(?:youtube(?:-nocookie)?\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\.be/)([^"&?/ ]{11})%i',
Black bullet besides Jquery datetimepicker
Hi there, I am using datetimepicker in my application, and there are two black bullet besides it. How can I remove them? The image is attached. Here is how I use it: $('#dtDuedate').datetimepicker({ format: 'DTformat', useCurrent: false, defaultDate: moment(), minDate: moment().millisecond(0).second(0).minute(0).hour(0), widgetPositioning: { horizontal: 'auto', vertical: 'bottom'
finding the correct selector with woocommerce
So I have this jquery snippet to change the font in an input text box on selecting a font <script> $(".wc-pao-addon-image-swatch-select").change(function() { alert($(this).val()); $('.input-text').css("font-family", $(this).val()); }); </script> but I don't think the selectors or targets are right and I am not seeing the wood for the trees This is the html (sorry it is long and typically woocommerce) <form class="cart" action="https://website/product/product name/" method="post" enctype="multipart/form-data">
A little problem with toggleClass
I'm having a little problem with toggle class here: https://jsfiddle.net/sxnk6jwr/13/ if you click 1 and 3, the first td cell's highlight will switch from orange to gray. I'd appreciate a little help to solve this issue, please. thanks. here is jquery: $(function(){ $('#btn1').on('click', function() { $('#tb1 td').slice(0, 3) .toggleClass('orange'); }); $('#btn2').on('click', function() { $('#tb1 td').slice(3, 6) .toggleClass('orange');
jqte
I need to set the centered align text as default for the Jqte editor (and not left as it is by default) and also to set a font size different from default. I have not found any option that allows me to do it, does anyone know if there is a way?
Next Page