On load and on resize?
How to make it work like it should be working on load and on resize??? https://jsfiddle.net/Vixcal/vzhc5tn8/30/
How to add a localstorage for checkbox?
<input type="checkbox" id="test" name="" value="" checked> $('#test').change(function(){ if($(this).is(":checked")) { $('.sb').removeClass("dis"); } else { $('.sb').addClass("dis"); } }); So I have a checkbox with toggle function. If checkbox is checked it removes .dis class. Could you help me with making a localstorage for this function? And also, can I make SAVE and RESET buttons? So it works only after saving the options.
datepicker months and years does not popup
When trying to fill out event form, the date and month does not popup. Even if you manually type the month and date within the form, it will not work still.Here is a link below to the form. What seems to be the problem? http://theminorityeye.com/tmecommunitycalendar/submit-your-event/
JSON.parse: unexpected character at line 1 column 2 of the JSON data
This seems to be a common "problem" but i could not find a solution somewhere else, so im asking here. I get this with ajax from an flask app, which seems to be valid json (at least to me). {
"payload": {
"data": [
10,
267,
34,
376
],
"labels": [
"NEW LPARS",
"ACTIVE LPARS",
"DISABLED LPARS",
"ALL LPARS"
]
}
} The jquery part which is meant to draw a simple Chart.js Bar Chart. // top bar chart begin $(document).ready(function(){
Unable to get handleIndex of jQuery Slider on change
Hi, I have slider with 2 handles. I want to get which handle was changed. I see in jQuery documentation that we can use change event and then ui object to get handleIndex. I have seen the examples. They work fine. But with my slider, it is not. Here is my slider: var slider = $("#slider").slider( { id: "slider1", min: 0, max: 40000, step: 100, value: [${val1}, ${val2}] } ).on('slide', function ( event, ui ) { //some work here. }).on('change', function ( event, ui ) { // This
What causes the load of so many jquery-javascript files
I am using https://www.vakantiehuisverhuur.eu/jquery-ui-1/development-bundle/ui/jquery.ui.core.js and https://www.vakantiehuisverhuur.eu/jquery-ui-1/development-bundle/ui/jquery.ui.datepicker.js in order to show a month calender for booking a holiday home. Using SpreedInsights of Google I see that www.vakantiehuisverhuur.eu loads many other js-files that I do not need as for instance widget-min, mouse-min, button-min, resizable-min, etc. It is very slowing down loadtime a my Speedscoore is less than
Anyone know about any circle progress type of plugins?
Hey, I am looking for plugin that can do show circle step progress but like a slider: Thanks!
How to get click event for an diabled html element
Hi: I try using jQuery to get the click event for an diabled html element, but it seems not work. The code snippet is following: <asp:TextBox ID="txbPerFName" TabIndex="1" runat="server" Width="70px" Enabled="false" CssClass="handleTooltip"> </asp:TextBox> $(".handleTooltip.disabled").on({ "click": function () { console.log("testok"); console.log($(this).prop("disabled")); if ($(this).prop("disabled")) { $(this).tooltip({ items: ".handleTooltip", content: "Check Item" }); $(this).tooltip("option",
Slick Slider plugin issue
Hi All, I am facing the white space issue at the end of the last slide in slick slider carousel. It would be great if anyone could help me on this. Thanks in advance.
Adding the total sum different id's and display it in a label
Hello, I am a beginner in jQuery and I try to implement the following idea. I have the following image... As you can see I have these 3 columns where based on the number of users choosed by the user at the bottom of the column a total is displayed. So what I am trying to implement is I need to add the sum of these columns (which have 3 different IDs) and to display the sum in the label called "Total" at the bottom right corner of the image. The code I have: Vanilla JS is being used to determine the
ui-resizable-se css
using 1.12.1 I have noticed that ui-resizable-se is different from the others set on the jquery ui... .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } any idea if this is a know issue ?
Which plugin to do graphic bar
HI , which plugin can i use to create bar as attacched pic ?
Select2 not validating with jquery-validate plugin on Jquery 3.3.1
I'm working on a project that requires me to use all the latest release of the jquery. Issue is in my form i'm validating a select2 multiselect input and this validation is working on jquery 2.2.4. but somehow in jquery 3.3.1 thats not working. i'm using following code to ignore hidden inputs of select2 inputs and as i said its working on jquery 2.2.4 HTML <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,
"Cannot read property 'toLowerCase' of undefined" in checkbox related script
I have a set of checkboxes that are intended to toggle the visibility of corresponding form groups. <div class="form-group" id="backgrounds_picker"> <label class="col-md-4 control-label" for="checkboxes"> Select any desired backgrounds:</label> <div class="col-md-4"> <label class="checkbox-inline" for="checkboxes-0"> <input name="checkboxes" id="checkboxes-0" type="checkbox" value="blank"> Blanks </label> <label class="checkbox-inline" for="checkboxes-1">
Simple jQuery not working using .css and .js files from jQueryUI download.
The following is my basic js/jquery code, within HTML, which should 'fire' <script type="text/javascript"> S(document).ready(function(){ $( "#date" ).datepicker(); alert ("hello"); $('#my-tabs').tabs(); }); </script>However ( the alert has been added, just to check the function is running, but it's not ) my HTML is not being styled, N.B. the 'id' variable tag names are definitely right for my elements. The references to the relevant .css and .js files are as follows ... <head> <meta
DatePicker: Only display month and year
I need to be able to only show the month and year on the datepicker. Is this possible with the datepicker? Thanks
jquery unbind doesn't work
Hi, I'm having trouble getting a button to unlink for a text field. I have a small form with a "textarea" which I would like to close when I click on a button controlled by classe. Any idea what can i do?
Animate (on click) - menu with sub-menu
Hi, I want to change position of one menu element by clicking on another menu element. When I click again element back to start position. https://jsfiddle.net/Vixcal/vzhc5tn8/6/ Can someone help?!?
Runtime environment of a php function called through ajax
Hi, I call a php function with a command like : var result = $.post('/php/fonctions.php', { fonction : 'citation', data : lang}, function( data) { txt_citation.innerHTML = data.citation+" <strong>"+data.nom+"</strong>"; }, "json"); In the file fonctions.php I have a line " $_POST["fonction"]($_POST["data"]); " to call my function. I tried with " call_user_func_array($_POST["fonction"], $_POST["data"]); " but it never work I I don't know why. If you can explain me why it's good but
Ajax popluate form with data of json response
hi , sorry for english : My response of consol.log is: {id: "4", name: "Marco Rossi", email: "marco_rossi@info.it", phone: "333333333"} how can i populatemy form : <form method="post" action="#"> <input name="name" type="text" id="name" value="" /> <input name="email" type="text" id="email" value="" /> <input name="phone" type="text" id="phone" value="" /> <button class='add' type"submit"> </form> This is my ajax: $('.add').click(function() {
Jquery mobile exemple doesn't work at me (linux client and synology web server)
Hi, I'm newbie with jquery. I cut and past an example from the jquery internet site to my web server on nas synology. I see only normal result not "jquery result". What should I do to make jquery work at home? Surely a problem on my nas synology (ds415, apache 2.4, php 7 "default profile", what else?). Here after the code : <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"
Continue iteration until button Stop is clicked
I have a div showing letters one at a time. var abcdef = ["A", "B", "C", "D", "E", "F"]; var time = 500; jQuery.each(abc, function(i, item) { setTimeout( function(){ $("#container").empty().append(item); }, time) time += 10000; }); <div id="container"></div> <input type="button" value="Start" /> <input type="button" value="Stop" /> So all the letters is shown one by one but only but only one round. I need the each loop to continue until I press
Remove previous closest class
From within a table cell represented by "$(this)" I need to remove the closes previous class of the name "highlight", within the same column. How can I do this?
How to target elements that are same class as sibling element?
When selectbox1 (.select-selected) is clicked on, dropdown1 (.select-open) displays. Correspondingly when selectbox2 is clicked on while dropdown1 is still open, dropdown1 will close, while dropdown2 will open. How do I do this? My current code does not work. My dropdown class .select-open is a sibling element to the selectbox element (.select-selected). <div class="select-selected"></div> <div class="select-items select-open"></div> $(".select-selected").click(function() { if ($(this).siblings(".select-items:not(this)").hasClass("select-open"))
How to pass URL string into JSFiddle for jQuery testing
What's the best way to pass a URL string into JSFiddle so I can test a new jQuery script?
jquery validation plugin - strange required behaviour
Hi Team, I have a form with several optional input fields. I would like them to be validated IF they have a value. In my rules I define code as follows: row: { required: { depends: function(element) { if ($("#row").val() != '') { return true; } else {
Not able to fetch value for edit Data Modal Form, from db through json data response
i need to fetch specific data from database and to be show in modal form ( Update / Edit Form ) , for i.g in form elemen i have this : <div class="form-group"> <label for="nama" class="col-sm-2 control-label">Nama</label> <div class="col-sm-10"> <input type="text" class="form-control" id="name" name="name" > </div> </div>then function event onclick button submit . function editEmploy(id = null) { if (id) { //fetch data $.ajax({ url:'pegawai/editpeg.php',
missing leading zero id from db using ajax
inside mysql db which is table employe in coloumn id_employee, some data have a leading zero, etc : id_employee : 0378192919 empy_name : Jack i need to get id_employee for delete employe in my aplication, then i using ajax method like this : if(id) { alert(id); $("#deleteBtn").unbind('click').bind('click',function(){ $.ajax({ url: 'pegawai/delpeg.php', type:'post', data: {emp_id : id}, datatype: 'json', success:function(response)
Dynamic divs not working in IE11
We're displaying data based on parameters in the URL string and it's working fine in Chrome and Firefox, but not in IE11. Here's what we have. CSS .welcomeNew{ display:none; } .welcomeBack{ display:none; } iQuery $(document).ready(function() { var visitor = new URL(location); var newvisitor = visitor.searchParams.get("v") if (newvisitor == '0') { $('.welcomeNew').show(); $('.welcomeBack').hide(); } else { $('.welcomeBack').show(); $('.welcomeNew').hide();
Create a Repeating Event with fullCalendar
I have a full calendar which current can show single events on the Calendar. I need to change it so when a customer select either weekly, monthly or yearly from a dropdown, the Calendar display for the whole period selected. So if weekly is selected, based on the Start date and End date with the End date for the Series, show everything on the Calendar. Attached find jsfiddle to my code. Any help will be appreciated. Repeating Events in fullCalendar
jQuery Multi Nested Lists Plugin
Hi , sorry for english , i find this plugin , https://www.jqueryscript.net/demo/Animated-Tree-View-Plugin-For-jQuery-Bootstrap-3-MultiNestedLists/ there is a way to set which node are open and which ar closed on document load?
show only 10 rows of a <table> markup and then change the list with arrows
Hi everyone, I have to tell you that i'm not english before you judge my english level xD. I wanted to know how can i show only 10 rows of the <table> markup then add right and left arrows wich make the list go to the next or previous list. I just need an exemple to understand how it works, i can't send you my code, because if i send you 1200 lines I don't think you'll have the time to read it.
Ajuda
Estou aprendendo agora, incluindo a linguagem em RPA. Tenho um check box onde o codigo abaixo funcionava perfeitamente, derrepente já não funciona mais. Preciso de uma ajuda, Só pode preencher oitem que estiver na variavel. eu fui mexendo e fuçando, consegui fazer clicar em todas as opções. Mas eu precisava MUITO QUE SELECIONASSE APENAS O CORRETO. Sabem me dizer onde posso estar errando?
Ajax Call to PHP - TypeError - obj is undefined error
Trying to read ASCI color codes in order to see them on the screen. I am reading a file that is a json file to start with. My code is below. The response is in the attachment Created by Web Developer tools. Here is my php code. <?php // Read JSON file $json = file_get_contents('./ASCIColors.json'); echo $json; ?>Here is my html code. <!DOCTYPE html> <!-- Comments about the program --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title> Pizzi Contacts
Refreshing an image after running JS function
Hello, I have a small app with one form. It has three pages/tabs. Page 1 and 2 have input fields. Tab 3 has an image control. I call a JS function to manually change the src attribute of the image to be displayed. The following is the code in the function: $("#obvImage").attr("src", "/uploads/"+$("#CC__Coin_Image_Name_Obv").val()); On page 2 is a field where I enter the file name of an image I want to display. When I Insert a new record, and go to page three, the image does display.
Problem with simple function (onscroll Event)
Hello, can someone help. Should animate to top on scroll but it doesn't. https://jsfiddle.net/m17wvz3c/
Login on welcome page is too small.
I cam to the site to ask a question. I have to login. The 'home' page has two columns. The login is top left in a column that is too small such that one sees half the name and password field but not all the links below it. I clicked the login link in the top right and ... it took me to another page with two columns, the left one blank and the right one containing a login area which again is too small too see anything See the irony here? jQuery forum - web page design?
How to clear data in dynamic bootstrap modal carousel (ajax)
Hi. I’ve been create a dynamic code for modal carousel in ajax and bootstrap 4. I have not been able to clear the bootstrap carousel content after each event in ajax calls. I have tried to use some jquery functions like ('.imagen').remove, (’.data-slide-to’).html("") or $(“body”).html(content) in ajax to refresh the page and prevent increases of data every time I open modal carousel but the html content is not removed. Someone knows how to get it. Thanks in advence. index.php <!DOCTYPE html> <html
Pop-up box containing text taken from another file
I am a (relatively inexperienced and unsophisticated) webmaster of a website to which some time ago was added a mouse-over function whereby a footnote appeared in a box when the curser was held over the footnote number in the text. To add this function, I uploaded jquery.js (date: 2009-02-19 17:34:21 -0500 - Thu, 19 Feb 2009 - revision: 6246), footnote-voodoo.css and footnote-voodoo.css and each file with a footnote includes an appropriate link to these files. I now wish to add an additional function
Error: Cannot read property 'addMethod' using jQuery Validation
No one was able to solve this on Stackoverflow.. https://stackoverflow.com/questions/54384682/using-only-one-jquery-validation-script-that-also-supports-addmethod Error: Cannot read property 'addMethod....https://forum.jquery.com/topic/validator-addmethod-not-recognized **What is the ONE verision that supports both jQuery validation AND the addMethod?** It can be done like this fiddle http://jsfiddle.net/ryleyb/cc9yxt2a/ Anyway, here is my "working" code (works except it does not detect only letters):
Next Page