Uncaught Error: cannot call methods on listview prior to initialization; attempted to call method 'refresh'
Uncaught Error: cannot call methods on listview prior to initialization; attempted to call method 'refresh' line of error point to list.listview('refresh'); // list === ul jQ selector XDK/HTML5/JQM jQ 1.8.3 jquery.mobile-1.2.1 what to do? - and in W10UAP test run sometimes App window closes in W10 [I do Not have W10 phone] - but not know if for this... but closes when reach this point. NO PROBLEM IN IOS OR ANDROID SMARTPHONES ONLY IN W10 DESKTOP....
Inserting whitespace into a textnode
I am trying to change a HTML header from this: Reaction Tester using jquery, my javascript file has this code: $("h1").text("Score: Best: Avg: "); The whitespace I had in the jquery text method string is compressed of whitespace and ends up looking like this: Score:Best:Avg: Please advise.
Add Label and IDs
Hello, We have an auto generated form in 3DCart and code is like this <div id="OptionsBlock"> <input type="radio" name="option-617" onclick="validateValues(document.add,1);selectOption(this);" id="72"> Option 1 - This is a text here <input type="radio" name="option-618" onclick="validateValues(document.add,1);selectOption(this);" id="73"> Option 2 - This is a text here <input type="radio" name="option-619" onclick="validateValues(document.add,1);selectOption(this);" id="74"> Option 3 - This is a
make canvas as mandatory
I have free draw canvas with me, I want to make this as mandatory in such a way that, if canvas has some drawings than and only than it should go to next page, else it should prompt message. Please advise. Thank you.
Uncheck dynamically created checkboxes
Hi All, I've created a dynamic grid in my mvc page and for each record, there is a checkbox in the row. Apart from that, there's one additional record for another checkbox 'None of the above'. What i need is when i click on checkbox 'None of the above' all other checkboxes should get uncheck and disabled. And once its unchecked all other checkboxes should get enabled. Below is the code I've used for your reference function DisplayDLMembers() { $.ajax ({
Is the jquery ui download builder broken or what?
Hi all, I am wondering if the jquery ui download builder is broken. I have used it many times before, but now it doesn't seem to be working. I untick all the stuff I don't want and click the button at the bottom marked download. A message comes up waiting and nothing happens. It did say to report this on github, but I am not a member. Also on themes page when you click on a theme it doesn't load into the screen like it used to so that you can see the theme. I am desperate to get a new theme for my
jquery mobile
I have a new project where I have a multi-page site. I'm trying to go from page 1 to page 2 and calling javascript to access a php page so I can print data from mysql. It's working well ONLY AFTER A MANUAL REFRESH. The data will show up for a split second, then disappear. I've put the javascript function call in the body of my 2nd page. I've tried pagebeforeshow and other events, but it's still the same problem. Any help would be appreciated.
how to seperate loop array values in different arrays
Hi I am trying to display multiple arrays like this ["A,","B"] in next line ["A"] when check box is selected. But I am getting error in firebug like this.. (plz see below image) [{ "acdyr1": "2012", "acdyr2": "2013", "med": "kan", "type_of_skl":"STATE", "class_section": [ { "standard": "UKG", "sec": ["A"] }, { "standard": "C1", "sec": ["A","B"] }]
Adding a div to selected radio button / checkbox text
I have one more question, I hope it's okay to post. I'm using this plugin: http://www.jqueryscript.net/form/Easy-Custom-Checkbox-And-Radio-Input-Plugin-With-jQuery-ezMark.html which adds a div around radio buttons and checkboxes so you can replace them with images. I would like to be able to add a div around the <span> that contains the text for each radio button / checkbox, so that I can make the font bold when the radio button or checkbox is selected. What would be the easiest way to do this?
Help editing a radio button plugin
I'm using this nice, simple plugin: http://www.jqueryscript.net/form/Easy-Custom-Checkbox-And-Radio-Input-Plugin-With-jQuery-ezMark.html - it works great, but sometimes a radio button or checkbox will be greyed out if you select certain other buttons or boxes due to a conflict management system. Right now, when a button or box gets greyed out it has the same image as an unselected button or box. Is there a way to make it so a greyed out button or box has its own image? And also, sometimes a button
jQuery Countdown- unable to change the date
Hi, i downloaded this cool jquery countdown but when I try and change the counter I get errors or the counter disappears. The download even came with instructions embedded but I am unsure where to change the clock or if I am to change it in multiple places. I'm sure it's something I'm missing, any help would be great! It is so long.... (function($) { // Hide scope, no $ conflict var pluginName = 'countdown'; var Y = 0; // Years var O = 1; // Months var W = 2; // Weeks var D = 3; // Days var H = 4;
Cannot find jquery-ui.css file after install
Hi, I'm going through simple tutorial on tabs using the link: Collapsible example. I am using it in Asp.Net MVC application. I've installed jquery-ui.combined through Nuget. In the above example it uses jquery-ui.css file, but I cannot find anywhere within my solution. I believe as a result my Tabs do not function properly. Also, in that example it uses jquery-1.12.4.js, but the most recent version available from the Nuget packages is 1.11.4. Can anyone hint on what do i need to do?
Multiselect with optgroup and keepRenderingSort doesn't work
Good day everyone, I am setting up a Multiselect withoptgroup and then I have: keepRenderingSort: true But it doesn't work, the order of the items is altered and the whole optgroup moves to the bottom of the list when I move an item from the right dropdownbox to the left one. https://crlcu.github.io/multiselect/ Any advise? https://crlcu.github.io/multiselect/#sort
Loading Images 50 at a time
I have a page, I want to load up to 900 DIV's (containers for images). The number of DIV's is unlimited but would likely only every be a maximum of 1,000 - 2,000 and even this is extremely unlikely. I want this page to load with all DIV's initially. I want images to load, 50 or a 100 at a time and loaded into the appropriate DIV for that image. Not based on the user scroll but just one after the other. Using AJAX I imagine. Any ideas?
Understanding the workings of a script ?
Hi, does the following code not allow me to style ID or classes within a SVG file externally, externally being either a external style sheet or or embedded style sheet ?
Multiselect Search with Optgroup, can't get it to work
Good day everyone, I've tried to make this plugin below work with a Search feature on OptGroup without success. Any help would be greatly appreciated. https://crlcu.github.io/multiselect/ Thank you
Ajax Form 'POST' result as 'GET'
Hello everyone, I'm learning some Jquery on a website and I was trying to understand how does it work ajax used with forms. I created this simple form which should send all the data using POST: <!DOCTYPE html> <html> <head> <title>Ajax Form</title> <script src="http://code.jquery.com/jquery-3.0.0.js"></script> </head> <body> <div class="row"> <div class="col-md-12"> <h1>Ajax Form</h1> <form> <label for="destinatio">Destinazione</label> <select name="destination" id="destionation"> <option value="londra">londra</option>
Draggable containment undesirable behaviour with handle
When you contain a draggable element, the actual element itself will be contained to whatever containment you specify. This is not desirable though, it would be better if the handle be contained instead of the element itself. If you use a handle (without containment) it is very easy to drag the handle above the window and if you drop it there, the element will be 'lost' in the sense that you can't drag it anymore. Specifying a containment resolves this issue, but if you want the handle to be outside
How to remove a clicked button after it is clicked
I have made this code here: http://codepen.io/anon/pen/EyoXVy what I want to achieve is once I click on a button that button dissapears, (and all the other buttons shift) However with the jquery remove method it removes them all, I've also tried using a style to set the visibility to hidden which removes the specific button however does not shift all the other buttons to fill the gaps
ajax is not running please help
Even the if else block is running properly, $(document).ready(function(){ $('#loadingGif').hide(); $('#selectCourse').change(function(){ if($(this).val()) { $('#loadingGif').show(); var courseName= $(this).val(); var data = 'func=getFee&courseName='+courseName; $.ajax({ type:'POST', url:"../SQLnew.php", data: data, success: function(fees){
Manually moving a dialog.
I've been looking for a way to manually move a dialog box (use case is that the positions and sizes of all dialogs on the screen are saved to a server and reloaded when a user logs in). In this case I need to use pixels. I'm finding this incredibly hard to do (my google-foo is failing me). I can easily do this via setting the style.left and style.right of the element, but constraining doesn't update (move the dialog off the screen, it stays off the screen). I can manually recalculate and set it back,
Ajax async file upload with redirect
Hi All, I am trying to upload file where I am having few conditions to satisfy 1. Ajax Call is asynchronous. 2. User should not be waiting to get file uploaded, Uploading process should be in background. 3. User should be redirected to next page as he submits form. Here's what I am trying to do. ___________________________________________________________ $("#Apply_Now").submit(function (event) { event.preventDefault(); var data = new FormData(); var firstname = $("#firstname").val(); var
How do I get Date Range Picker to pass the selected date to my input text box or a variable?
My javascript below using preset ranges for DateRangePicker - I need to pass the selected start and end dates to two input boxes in LOGIXML called StartDate and EndDate. I am not sure how to do this. Please help. Note: I don't want to run the daterangepicker logic for two different input fields(from and to). I want to use one input field but the start and end dates are passed to two separate variables. I am using comiseo.daterangepicker js. Please help. $(document).ready(function() { $("#inpDatePicker").daterangepicker({
How to auto increase timer
So I have this button grid On each button there is a timer on the top right in the form mm:ss however I dont how to auto increase all 9 buttons at the same timer, I'll also be adding in some more buttons dynamically via ajax so I need the method to work for any added button. I'll also add that the buttons are being removed from touch so the timer cant be for inviduvial buttons, if that makes sense http://codepen.io/the133448/pen/KrkqzO Sorry use that link.
better marquee
Hi, I took a tutorial at Lynda.com. This helped me understand actual use very well. Up to now only reading not using. I understand this code decent. My questions are these. How would you get this code to do a animation that moves the picture (marquee) on the stage then off the stage? Do you need to employ jQuery easing for this? I would like to know how to make the marquee (doing a picture on and off the stage) loop infinite and go in either direction when clicking on the buttons. This code does
jquery multiple datepicker clear altformat date question
Assuming this "feature" still exists whereby if you clear a date on a datepicker input, the alformat date is not cleared. I have the following script and if an input date field is removed/cleared, the altformat date remains and is not cleared. Is there a known way that works to also clear the alformat date when the input date is cleared? I suspect if (!$(this).val()) $("#" + $(this).data('target-id').val(''); could be a start, but where and how is getting me stuck. $(function() { $('.display_date').each(function(){
trouble adding class to the closest div
I am trying to write a function that when an anchor link with a particular naming convention is clicked on in a page a css class will be added to the parent div. I'm not having any luck after hours of trying. On my test page I have two accordions. The link in the first one will jump to the text in the second one after it opens its accordion. I don't get any errors. But my second accordion is not open and I don't see that class "in" is added to the parent div. It's probably something obvious, but
Automatic down scrolling
Is possible use JQuery to scroll down my web page without user interaction? Let's say that my web page have a larger height of what the screen can show (in the screen you can only see the 30% of the web page height) so what I need is that the view scroll down and then scroll up but the web page have to do that by itself. How can I do that using JQuery?
Special jquary slider for my design
introduce me one jquery plugin for this slider.this is very important for me.please help thanks
Using FB credentials to login to cordova app
Hi, I have made a mobile app using cordova and jQuery Mobile. Everything was going OK so far and i had no problems using any of the cordova plugins. But now i wanted to add authentication based on FB account so that users can be verified before they login the app and use server side APIs. The problem is i can not understand how to use FB cordova plug-in. It's very confusing for me. And i havent been able to find a good titorial or help online. The plug-in i want to use is https://github.com/Wizcorp/phonegap-facebook-plugin.
Database driven mobile app and jQuery Mobile
Hi there, So far I have developed only one mobile app using jQuery which doesn't use any database. Now I want design a mobile app that will allow group of users to add their daily schedule. I will have one form to add their schedule and another to view their schedule. I would like to store schedule of different people on a SQL Server. Based on my limited knowledge, I will have to design a form using jQuery Mobile and it will call an asp.net page hosted on some web server that will process the form
jQuery 3 dialog generates errors
Hello, I can't open a jQuery dialog in jQuery 3.0 without getting "Object doesn't support property or method getClientRects" errors. Here is a link to my example: http://jsbin.com/tefoquhogi/edit?html,output To see the error, use the F12 tools. This happens on the major 3 browsers I have tried. As a result of the error, positioning the dialog is impossible. The implementation is very basic and I can't figure out if there is something different in version 3 that I am not doing correctly. Any help
Identifying 'Change' Correctly
I'm trying to show an ajax loader just below the toggle switch (checkbox) that has changed its state. There are about 4 switches / checkboxes. My code is this: (function( $ ) { 'use strict'; $(function() { //Monitor toggle and trigger AJAX to update app status $(".app").on('change', function () { //Show the ellipsis loader below the toggled checkbox $(".app").bind('change', function(element) { $(this).parents(".price-box").find(".uil-ellipsis-css").show(); }); var appStatusData = $("#io_dashboard").serialize();
header and footer not fixed in iOS devices
Hi I have make an iOS application using jQuery mobile. But if i click on any input or texarea header bar are not fixed on their position.I am using jQuery version is 2.1.1 and jQuery mobile version is 1.4.5. Use css like position: fixed or position: absolute and top: 0 they does't properly work on click on any input/textarea in iOS devices.In android they work great. Also i am develop hybrid app. guide me in this issues. Thnx,
Animations move at different speeds
Hi, So I'm trying to animate some "items" across the screen from right to left which I successfully managed but I am now trying to get the animations to stop when you hover your mouse over the items then start animating them again when the mouse is moved. I have successfully managed to stop the animation on hover but when resuming I can't get the items to move at the same speed. It seems the earlier items get slower and the later ones start overlapping them. Here is what I have: https://jsfiddle.net/dgLxL2tr/3/
Where is Datepicker dates stored? altField seems empty
Hi I have a Drupal site where my form has two Datepicker: end and start. I'm trying hook into Datepicker change i.e. get date from the picker. Unfortunately the input fields designated for date seem be empty all the time. altField is used per specification. Are those dates stored in a variable until submission when value are set into inputs? Or why those inputs arent updated correctly? At least I get correct value on the server side so in that perspective it does work as planned. I need keep submit
Using length vs not using length
Hi, Is there any difference between: var nameValue = $('#edit-name').val(); if (nameValue) { $('#edit-name, #edit-pass').addClass('withValue'); } And this: var nameValue = $('#edit-name').val(); if (nameValue.length) { $('#edit-name, #edit-pass').addClass('withValue'); } Thanks
scrolling locks up on my corodva based app using query mobile for ios
I have a an building on cordova and using query mobile for IOS and the screen scroll locks up often one i form page is submitted or even before the submit button is clickws. Once it locks up scrolling freezes on all pages unless i close and restart app Is there a known problem and or solution to ensure auto scrolling remains active on every page
JS script dont send cookies
Hello. There is a web page with JS script (use Jquery 2.1.4). The page is located on my PC. 1 ) JS script do get request via ajax to PHP script. The php script located on internet web site. 2) The PHP script return header: Set-Cookie PHPSESSID=r9uu08ora41aaogsulop11kdb1; path=/ 3) So JS script send next ajax GET request, but cookie not send. Why ? Help me please. PHP sent header('Access-Control-Allow-Origin: *') JS see like: console.log('request 1'); $.ajax({ url: "http://site.com/index.php", beforeSend:
SlideDown does not work first time
Hi I have a little bug on one of the pages I created. under http://new.vonarburg.co you see the images of the projects. there is a mouseover with a slideDown, open sideways animation and reverse. But if you take a closer look, you'll see that the white line suddenly appears the first time but on mouseout it does slideUp as desired. the second time you hover over the same image, you'll see that the line slides down from the top left corner. has anyone a solution so this works on the first try? the
Next Page