Sortable list saving the last state
Hello Im trying to create a sortable list but I need to save the last state of the list, I have been trying but didnt succeed. here an example of my code finddle I hope any one could help me. thanks in advance
Advanced Autosuggest Box
I wonder if you can recommend a paid script which will create an advanced autosuggest box at my website? I need it to allow rich CSS styling. It should also group results by categories. The best two examples of such autosuggest box are BLOOMBERG TEMINAL and REUTER EIKON. I have attached links to images which show the search bars of both. http://s3.amazonaws.com/libapps/accounts/10680/images/Bloomberg.jpg https://blogs.thomsonreuters.com/financial-risk/wp-content/uploads/sites/12/2016/09/eikon-data-visualization-screenshot2.png
Adding Cattegories to MultiColumn Autocomplete
Hello Friends!) I wonder if you can help me add the categories (https://jqueryui.com/autocomplete/#categories) to this MultiColumn Autocomplete widget (https://jsfiddle.net/MrSnrub/pk0kf0hn) which I am looking to employ at my website ? Or maybe you can suggest a working autocomplete script which allows to look for multiple terms in multiple columns and which also combines the results by categories? Glad to be at this wonderful place! Dim
Datetimepicker Disabling Day and Time
Hello experts, I'm using bootstrap-datetimepicker : https://eonasdan.github.io/bootstrap-datetimepicker/#inline and I got a situation. I have three conditions before enable a date and time: 1 - Full day disable, like holiday, which is already done at the propriety: disabledDates 2 - Shop Closed - disabledHours: [0, 1, 2, 3, 4, 5, 6, 20, 21, 22, 23, 24] 3 - Already busy date and time On the third condition is the issue, How can I disable only the exactly time on the selected day? Example of
add avatar image in a container
i would like to add an avatar image to my page in a container. how would i go about doing this. <img src="img/j.jpg/" alt="Avatar" class="avatar">
plugin doesn't work with newer jQuery
Turn.js is great and does exactly what I want it to do ... on my computer. But when I upload it to WordPress, it doesn't work. I downloaded the version of jQuery that WordPress is using (1.11) and tested using that and it did not work. Reverting back to the version that comes with the samples (1.7), it works again. My conclusion: something changed between 1.7 and 1.11. It comes with a min version of 1.7, but I don't know what that means, just thought I'd mention it, if it helps. Turn.js is available
Help me Out - Function and Array
Hello experts, can you help me out with these functions, I would like to get the list os holidays: var oHoliday = []; oHoliday = holidayList(); $('#datetimepicker12').datetimepicker({ inline: true, sideBySide: true, minDate:new Date(), disabledDates: oHoliday //The holidays llist will be insert here }); function holidayList(){ var days =""; $.get('/holidays/ajax/', function(oHoliday){ $.each(oHoliday, function(i, getHoliday) {
Issue with duplicate fields and autocomplete
Hello, I have a form with duplicate fields including autocomplete input. The issue is : when i duplicate the fields, the autocomplete doesn't work on the new fields. I spent time googling my issue and often it's a clone('true') issue, which i don't use already and still have the problem. Can you help me please ? I made a JSFiddle : https://jsfiddle.net/vqnaedvx/ Try with the letter j or s HTML : <div id="projects" class="content"> <button type="button" id="btnAdd" class="btn btn-primary
JQuery Date Picker not emailing PHP Mail script
Hi, I wonder if anyone can help me. I am building a few forms and one of them requires a date, I am using the date picker however the dates are not being emailed. I am using PHP for the form and the mail script. Heres the code for my test form - Contact Form PHP <!doctype html> <html> <head> <meta charset="UTF-8"> <title>jQuery UI Datepicker - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet"
Custom download - which files?
I just did a custom download and I am wonder just which files I need to use? I can see full and minified versions of .css .js structure.css and theme.css as well as two folders. I guess I need the min.js and min.css but I am not sure about the structure and theme files.
jQueryUI draggable fails at least with <input> element
I have problems to set elements draggable using jQueryUI 1.12.1. There is no problem, when draggable element is <div>, but when I switched it to the <input ... >, it does not move from place. I tried to disable element too in order to make it more "stiff", but it makes no difference. The similarly pitiful outcomes I had with resizing <label> for <input>. I could move it on the screen, but I was unable to resize it. Here is code I just copied from the page and made minor changes: <!doctype html> <html
A message is required in alert when all radio groups are selected
I have the following "radio buttons group" in a form, A message is required in alert when all radio groups are selected. <fieldset style="display: block;" class="frt"> <div class="hd"> <h4>What is your age?</h4> <div class="form-group"> <div class="col-sm-4"> <div class="input-radio">
multipages jquery mobile background image help
i have jquery mobile index.html that conatins many pages page1,2,3,4,5 etc. my problem is i cant get different background image on each page. hi can you please tell me what i am doing wrong.thank you this is the code i have used. it oesnt work no background on the page i decide to put it in. some of my code <!DOCTYPE html> <html lang="en"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css"> <script
How to use SelectMenu in WordPress with plugin jquery ui
Trying to use SelectMenu with background image option. can anyone provide information on how to use? Place code for item in WordPress Page How do I link page code to JQuery UI Where do I put the images
Online straming application: Uncaught (in promise) DOMException
On urbansunsets.com, I have implemented radio streaming in HTML5 and JavaScipt (jQuery). There is an error on iPhones. The code: HTML <div class="col-lg-12 col-sm-12"> <div id="radio_player"> <div class="default-player"> <audio width="320" height="240" controls playsinline id="audio_player"> <source id="player_source" src="http://public.radio.co/stations/sedf8bacc9/m3u" type="audio/mpeg"> </audio> </div> <div id="audioplayer"> <button id="pButton" class="pause"></button> <div class="live">Livee</div>
Click on button to Show Data
Hello I am very very new to Jquery and JS. I made a form, where I have names in selection. I want that When I select a Name for example John Cena , all my desired text data will show under it. and when select othe rname for example Kane then Kane's data show. how can we do it ? Here is my HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;
Doesn't work
I have an odd problem when I'm trying to use jquery. When I download it and reference it from my webpage it doesn't work. When I reference it from google it doesn't work. But when I put references to both google and the downloaded version it works. Please could somebody help. Maybe I'm being a bit stupid as I'm new at this. But it is doing my head in. Thanks. My code: <html> <head> <title>J Query</title <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
If jQuery is used then the element is hidden even when it shouldn't
The site www.jaanavuola.com is using simple jQuery code for hiding and showing mobile menu. jQuery(document).ready(function($){ // $(".site-header")site.hide(); // $(".open-close-mob-nav").show(); $('.open-close-mob-nav').click(function(){ $(".site-header").fadeToggle(400); }); }); The button (upper right corner - two lines and text "Valikko") appears when the windows is max 860px wide. The site has normally a side bar navigation panel which
Insert data in DataBase - Using jQuey Seat Chart plugin
I use an adaptation of this plugin jQuery Seat Chart Here it is some lines: click: function () { //Click event if (this.status() == 'available') { //optional seat var maxSeats = 3; var ms = sc.find('selected').length; //alert(ms); if (ms < maxSeats) { price = this.settings.data.price; $('<option selected>R'+(this.settings.row+1)+' S'+this.settings.label+'</option>') .attr('id', 'cart-item-'+this.settings.id)
input field on "link-field"
Hello, is it possible to place an Input-Field (type=number) on an "link-field" (<a href="...)? If yes, how to achieve this? Thanks in advance, Afox PS: I already tried something like this: http://stackoverflow.com/questions/796087/make-a-div-into-a-link The problem is that if I try to click into the input-field to change its value, it´s like i clicked the link.
Read value only
Hi, I have these: [12] [7] [345] How can I using JQuery to read the numbers only without te brackets? Thanks, Jassim
Blur event inside jQuery UI Sortable elements is not triggering in Firefox
I am using jQuery UI Sortable on the list items having input type number inside each list item.I was listening for blur event on input. But it is not triggering only in Firefox.Jsfiddle Link
Jquery Ajax using Spring 2.5.6 MVC Controller
I have done an ajax call as below in my jsp - $(document).ready(function () { $('#alarmsDetailsWebModel').submit( function(event) { $.ajax({ url : "/ratp-ssi-project-web/ui/project/modules/alarmmanagement/alarmdetails", type : "GET", dataType:"json", success : function(data) { /* data = $.parseJSON(data); alert(data); for (i = 0; i < data.responseHTML.length; i++){ alert(data.responseHTML[i]); } */ }, error : function(xhr, status, error) { alert(xhr.responseText); } }); return false;
attaching associated attributes from populated select options
So I've got a select element A that populates select element B with lists of classes, and whatever option of B is chosen changes some CSS. What I want is for that class option chosen in select element B to also populate multiple text boxes with data also associated with that class. I know that in a single select element i can list multiple values for each option, like: <option value="abc" someothervalue="def">whatever</option> I also know that I could set up some PHP code that connects to a
datatable order european data
HI i have a datatable this is the html : <div class='table-responsive'> <table id='datatable' class='table table-striped table-bordered table-advance table-hover'> <thead> <tr> <th>Cliente</th> <th>Data</th> <th>Ora Partenza</th> <th>Ora Arrivo</th> <th>Luogo Partenza</th> <th>Luogo Arrivo</th> <th>Note</th> </tr> </thead> <tbody> <tr> <td> Hotel Baglioni </td> <td> 13-02-2017</td> <td> 04:00</td> <td> 04:30</td> <td> Barberino Di Mugello</td> <td> Trani</td> <td> pto</td> </tr> <tr>
binding dynamic javascript array on simple-datagrid jquery plugin
Hi, I am using simple-datagrid plugin, and i try to bind my source data like an array to it. i create an html table <table id="tbl"> i loop from objects retrieved from sdk.REST.Retrievemultiple. the result is stocked on a table var tab =[]; for(var i=0; i<results.length;i++){ tab["id"]= results[i].id; tab["domaine"]=resutls[i].domaine; $('#tbl').simple-datagrid('loadData', tab); not working i have no rows. thanks for your help Regards }
Online radio streaming delay
On urbansunsets.com I am streaming online radio from radio.co. It does work, but after a period of continuous playing, there is a delay at the part that shows what is currently playing. <div class="col-lg-12 col-sm-12"> <div id="radio_player"> <div class="default-player"> <audio width="320" height="240" controls playsinline id="audio_player"> <source src="http://stream.radio.co/sedf8bacc9/listen" type="audio/mpeg"> </audio> </div> <div id="audioplayer"> <button id="pButton" class="pause"></button>
Dr Simon Andrew casey - How to handle jQuery conflicts problem using multiple jQuery versions on the same page ??
1 <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/jquery-ui.min.js" type="text/javascript"></script> Please there is a conflit between the jquery above and the one below, the one above only works for AutoComplete while the one below only works for other controls in my page like dropdown and other controls. The issues is this, if i place the Jquery above on the page for AutoComplete it will cause other controls using jquery to stop working while only Autocomplete textbox will be working,
how to place blackground dinamic a button?
my code is this: <!DOCTYPE html> <html> <head> <title>FirstApp</title> <script src="lib/jquery.js"></script> </head> <body> <div id="divTest1"></div> <script type="text/javascript"> function createRefreshButton() { return $('<button/>', { text: 'Refresh Data', id: 'btn_refresh', click: ClickRefresh }); } $('body').append(createRefreshButton()) function ClickRefresh() { alert('refresh'); } </script> </body> </html> sorry i am novate and for my english :(
How do I use the jquery autocomplete to read a specific column of a *.xls file?
I'm trying to find a way to build a "script writer" in order to more easily write executable scripts if I can download the document, but not put anything on the server as far as code goes so far. What do you recommend for having the JavaScript read the *.xls, and populate the autocomplete from the data available?
filter() + match() does not work
Assume I have a webpage with lots of lines similar to <tr> <td> </td> </tr> The tags avove could be spread over multiple lines. Between them could be zero, one or more whitespaces. I want to get rid of them all. Therefore I coded the following two jQuery statements: $("td").filter( function(){ return $(this).html().match(/^\s*$/) }).remove(); $("tr").filter( function(){ return $(this).html().match(/^\s*$/) }).remove(); The first should remove all inner <td> </td> occurencies. The last then
jQueryUI selectmenu refresh bug
Hi all , Found a bug in the selectmenu button event handler management. It is almost unnoiticeable, but causes unneded memory/cpu consumption , i.e slow downs etc .. Basically , if I initialize a selectmenu , an appropriate button is created automatically with some event handlers attached to it . That is fine , but if I call selectmenu("refresh") multiple times then - I see the number of remove() event handlers attached to the button increases. Each time I call refresh the button
DataTables: When scroll bar of tbody is hidden, fixed column gets messed up
I've got a table which includes: first Column is fixed tfoot horizontal scroll bar of tfoot have hidden horizontal scroll bar of tbody. Fiddle:https://jsfiddle.net/jbeteta/6sxh3gbk/12/ $(function() { $('#example').DataTable({ "fnInitComplete": function () { // Disable scrolling in Head $('.dataTables_scrollHead').css({ 'overflow-y': 'hidden !important'
UI Tabs - Mismatching fragment identifier?
What is this error meant to signify? There have been a few threads about this, but they contained nothing conclusive. The error seems to only be thrown by the switchTab() method, but it doesn't even appear that my tabs are initing properly - classes are applied, but the content of all the tabs is visible. I've got tabs 1.6rc2 running great on one site, yet on this one (it's Drupal, granted), I can't seem to get it going. Any insight on this error and what it is indicative of? Descriptive exceptions
Why don't any of the demos work?
None of the demos at http://jqueryui.com/demos/ seem to work. Apparently the pages can't find jQuery (among other things). Sure would be nice if I could see how jQuery-ui stuff works before I try to use it!
Creating a (very simple) drag and drop list maker?
I am desperately looking for a simple bit of code/script/witchcraft that could help me create simple unformatted text lists. Looking at jQuery, it looks very likely this function has already been developed somewhere. Which would be great as I've never written a line of code in my life and I have no clue where to start. Ideally, i'd like to be able to drag and drop items from a list of predefined "rooms", "actions" and "items" to quickly assemble a list in text format. E.g.: Bedroom1 (room) Specify
Juery hover menu content
When I hover my menu content of the menu (single page template) will appear in the below. othe menu content are hide. how its going to achieve in jquery? <aside class="main-sidebar"> <section class="sidebar"> <ul class="sidebar-menu"> <li class="header">MAIN NAVIGATION</li> <li class="active1 treeview"> <a href="#menu1"> <i class="fa fa-link"></i> <span>menu1</span> <span class="pull-right-container">
debug a promise
I have some old code I am trying to get to work. The debugger stops where it can't load the user template on the error line below with asterisks. I'm guessing the problem is in the promise. Can I just take out some lines on the promise to force it to work for a demo to make it more straightforward? I don't have any data just a default user in the model. Don't need it to be in a promise. One thing I haven't figured out is this line " if(debug && window.console) " I don't know if debug is on
Max value in a selector
Dear friends, Good Afternoon i need your help to find the maximum value and to add +10 of maximum value of the below image Id is line_no. is it possible ??? if yes please share the code friends. Thanks & Regards Thamarai
Facing Issue after migratting jquery to 3.1.1
Hello, Change ,blur,Focus events are not working for contenteeditable div , please find code below : $(".editForm :input, div[contenteditable=true]").on('change', function (i, e) { if ($(i.target).hasClass("ignorePreventRedirection")) { $(i.target).removeClass('ignorePreventRedirection'); return true; } anyFormElementModified = true; }); $(".editForm :input, div[contenteditable=true]").on('focus',
Next Page