ListView and swipe detection problem
in my native browser，When I am scrolling the li，it is very smooth [before] <ul data-filter="true" data-filter-placeholder="keywords" data-inset="true" data-role="listview"> <li>Subject 1</li> <li>Subject 2</li> <li>Subject 3</li> <li>Subject 4</li> <li>Subject 5</li> ..... </ul> However(only one line), I just add a "slide to the right" detection code (function is normal too) , the original smooth effect becomes very delay and caton [after] $(document).on("swiperight", function(event, ui) { alert("right")
'data(...)' is null or not an object
As of 1.10.0 I get the following when I click on the window behind a modal dialog: 'data(...)' is null or not an object jquery-ui-1.10.3.custom.min.js, line 7, character 13553. only happening in IE 8, Firefox works fine. Anyone else seen this problem? The Demo on the jQUeryUI Demos works fine...
Help with ajax not get script error in IE9
Good morning everyone, I have a problem when making a request by ajax. I'm using the $. ajax () this function and returns the search results in Firefox and Chrome more in IE9 it just returns the HTML and plays in the div I want it to handle and runs a <script> </ script> other the page you're doing the request! Remembering that everything is ok in chrome and firefox only in IE9 only loads the HTML, not the script.
How to generate pdf file in JQuery ?
Hi, I have a modal Dialog with some data with 'print' button.when i click on button how to create a PDF file which will contain all the data in a tabular format.Is it possible in Jquery or not ? plz help me out.. thanks saroj
Jquery Radio Button uncheck radio button, but should not clear it value.
I am trying to clear my form fields on reset button using following code $(':input',formId).not(':button, :submit, :reset, :hidden').val('').prop('checked', false).removeAttr('selected');Now my Radio button is getting unchecked, but value set in radio button is also getting cleared. I want only to uncheck it, But value of the radio button should be available. Please help
getting false return when sending data to a php script
I'm trying to send some data to a php file with my jquery script. However it doesn't seem to work, as I'm getting a false return whatever I'm trying. Can anyone tell me what I'm doing wrong here? Please note, the php file isn't doing much.. it's just for testing purposes. <script language="javascript"> $(document).ready(function() { $('select').change(function() { if ($(this).val()=='delete'){ var parent = $(this).closest('tr'); $.ajax({ type: 'post', dataType: 'html', url: 'process.php',
jquery Knob plugin Combination Lock
Hi there everyone, Sorry, I know this is for a plugin and should probably be in the plugin section, but I'm also extremely new to jquery and js in general, so please, no flaming. My question pertains to this plugin: http://anthonyterrien.com/knob/ I'm curious whether you think it would be possible to create a combination lock with 3 of these in a circle. The idea being that it would only proceed to the next page if the correct combination was entered, preferably the combination would not be in plain
HTML link fail to load in my jQuery Mobile Site.
Hi, I'm having trouble linking my HTML file using a href"#". Please advise am new to this. <div class="ui-btn-text"> <a href="file://server/Volume_1/vwa/www-mobile/corporate-why.html" data-transition="fade" class="ui-link-inherit">Why Choose VWA</a> </div> Error: OPTIONS file://server/Volume_1/vwa/www-mobile/corporate-why.html Origin null is not allowed by Access-Control-Allow-Origin. XMLHttpRequest cannot load file://server/Volume_1/vwa/www-mobile/corporate-why.html. Origin null is not allowed
how to define background position for image?
i m using parallex jquery , ....can any one guide how can i define the background position for the foreground image its cutting in the middle of the page i want it should alwz stick to the bottom of the window size...........Checl My page :http://wonho.agora-me.com/ plz suggest jquery i using is https://github.com/IanLunn/jQuery-Parallax/blob/master/index.html script : $(document).ready(function(){ $('#intro').parallax("50%", 0.3); $('#second').parallax("50%", 0.9); $('.bg').parallax("100%",1.2);
Button is required to be pressed twice in order for image to change? Should only need to be pressed once.
I am working on a website that requires an image to change upon a button being pressed. The index page actually calls JavaScript upon loading. It seems that a lot of the work is actually done in JavaScript / jQuery as you will see from the code provided. I have come to a possible conclusion from going through this site (previous questions) that the problem resides in a div element. The buttons are hidden, and once the user hovers over the 'menu' which is at the top of the index page, a jQuery algorithm
How to pick and match data from 2 different json arrays
Hi all! I have prepared a page where I have a list with all my users. http://pitto.homeip.net/mobile On the right side of the page (in the span where now you found the nick written in a small baloon) I'd like to put a counter where I have all the months' the user has paid the rent. I use two different php files to get the data I need and format it to JSON. The problem is that, being a beginner, I can't think of how "mix" the two data. I'd need to have in the same row data about the user (name, nick
jQuery errors and rewrite
(function($){$.fn.extend({leanModal:function(options){var defaults={top:100,overlay:0.5,closeButton:null};var overlay=$("");$("body").append(overlay);options=$.extend(defaults,options);return this.each(function(){var o=options;$(this).click(function(e){var modal_id=$(this).attr("href");$("#lean_overlay").click(function(){close_modal(modal_id)});$(o.closeButton).click(function(){close_modal(modal_id)});var modal_height=$(modal_id).outerHeight();var modal_width=$(modal_id).outerWidth(); $("#lean_overlay").css({"display":"block",opacity:0});$("#lean_overlay").fadeTo(200,o.overlay);$(modal_id).css({"display":"block","position":"fixed","opacity":0,"z-index":11000,"left":50+"%","margin-left":-(modal_width/2)+"px","top":o.top+"px"});$(modal_id).fadeTo(200,1);e.preventDefault()})});function
TABLESORTER - how to freeze table header
I am using tablesorter plugin. Is there any way to freeze the table header using tablesorter? My code : ("#rates").tablesorter( { widgets:['zebra'], widgetZebra : {css:["even","odd"]}, headers: { 0:{ sorter:false }, 4: { sorter: false } }, headerClass:'header', sortClassAsc:
ShowAll button not working properly i case of Mutliple autocomplete on the same JSP
I have four searchable combo-box on the same JSP. But if i click on any of the showall buttons of four combo-boxes it points to the last combo-box's showall button. Please help..
fail to set session storage in dynamic list view by using json & ajax
Hi all, I am trying to show a listview using json data. i want to set url for each row using sessionStorage() but i was failed to set my code is <!DOCTYPE html> <html> <head> <title>categories</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> <!--<link rel="stylesheet" href="main.css" />--> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
Autosuggest Placeholder text
AutoSuggest Placeholder text is not supporting in mobile chrome browser when we start typing in box then placeholder message remains as it is. Can any body help me to find out solution of this issue.
Scrolling problem in Safari on a Mac
I have a unusual problem. I have developed a website http://www.maimoon.net/clients/shusain using #jQuery animation. When you land on the link & pass through the homepage you'll see a gallery & a man seated on the bottom left side. When you click and drag the man the gallery strip above moves. BUT! if you see the video http://youtu.be/E0y7kva2IXk you'll see that this animation reacts weirdly (The above gallery only moves when the man is pushed to the extreme right) in Safari on a Mac. Otherwise on
Animation queue and the Slide UI effect
I'm fairly new to jQuery and web site design in general, so I was wondering if I could get some assistance with an issue. I have 3 separate slide effects going off in one function, but the animations are all going off at the same time. I thought that there is an animation queue in jQuery to prevent this type of behavior. I've tried to create a queue and manually force the steps to go one by one, but they just aren't behaving. Is there any extra steps I need to take to get these effects to queue properly?
Datepicker & Dialog
Hello I have failed to show jquery UI datepicker on the jquery UI dialog. on main window Datepicker works fine, but on dialog windows it is pretty dead. Can someone provide working sample for this issue? Thanks!
jQuery Mobile + PhoneGap + Google Adsense
i think it is time to ask the questions: Is jQuery Mobile's AJAX Navigation System architecturally incompatible with the javascript used by Google Adsense? Is it legally possible to monetize a mobile app with jQuery Mobile and Google Adsense? i would love it if somebody proved these questions false. i would love it if the jquery dev community or google acknowledged if there even is a problem. stack overflow and the jquery forums are littered with questions that seek an answer - as far as
jquery loop callback problem
I want to fade out all the input fields in the form and then replace them with a label. I am using a callback function so that the label fades in only after the form inputs fade out. If I use the code below the all the inputs fade out but only last label fades in therefore only the 'email' callback works. If I write them all out longhand without a loop the it works perfectly. an example input name id = #familyname an example replacement label = #familynameC Can anybody explain why the loop doesn't
active script
can i in some way active this script : function page(n) {
// Wrap the window in a jQuery object
var w = $(window);
// Get the size of a page
var pagesize = w.height();
// Get the current scrollbar position
var current = w.scrollTop();
// Set new scrollbar position n pages down
w.scrollTop(current + n*pagesize);
}
this script is from a book he didn't work in Jsbin.
Equal Heights JQuery Plugin
I'm a bit new to JQuery and am currently trying to get the equalHeights plugin found here: http://www.cssnewbie.com/equalheights-jquery-plugin/ To fire when the window is re-sized. The code below calls the function, but won't recall it when the window is resized. Am I missing something? (function ($) { $(document).ready(function () { var cols = $(".cols"); cols.resize(function () { cols.equalHeights(); }); cols.trigger('resize'); }); })(jQuery);
Jquery week calendar only loads header
I create a jquery week calendar in a div tag after showing it, i.e. div.show() then #calender.weekCalender();, etc. Problem is that when I first show the div I only see the calendar header. If I hide() and go back to show(), I see the calendar load. Why might this be happening? Thanks for any helpful tips!
JQuery UI not working in chrome
I have executed the sample code from our site, it will work in Firefox, but not in chrome(see the attached image). Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Slider - Range slider</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <style> body { font-family: "Trebuchet
$(s).position({ my: “center+0 top”}) is being positioned with offset
I am using this plugin http://api.jqueryui.com/position/ to position element. If I do $(s).position({ my: "center top", at: "center top", of: '#main_container', }); $(s) is being positioned by the center but if I do $(s).position({ my: "center+0 top", at: "center top", of: '#main_container', }); it moves a bit right from the center.
Navigation Issue in Jquery Mobile
Hi, I am getting white screen while transition from one html to other.Please help me to solve this issue. I am using JqueryMobile 1.3.1 version
blockUI and AjaxproMethod()
I am trying to use blockUI plugin in my aspx page. In normal conditions, im blocking the UI on beginRequest handler and unblocking the same on endRequest handler. But the same is not working when a AjaxPro.AjaxMethod() is called from client side. Im pretty new to jquery n ajax world, can anyone help me to get this resolved?
Table showing two header columns
I'm trying to utilize the reflow mode in JQueryMobile 1.3.0 but it never displays full-table even when there's enough space, and it always duplicates the header column. Any help on this? Here's my current code for this table: <table data-role="table" data-mode="reflow" style=" text-align:center"id="Meindl-Lovejoy-1985-Table-7" border="1" cellspacing="0" cellpadding="4"> <thead> <tr> <th> Composite score </th> <th> n= </th> <th> Mean </th> <th> S.D. </th> <th> Inter-decile range </th> <th> Range
how to add new jqueryMobile from themeroller???
I've made a new theme for my phonegap+jQueryMobile app with themeroller for my jquerMobile version 1.2.1 I've downloaded the zip , and I've followed the instructions that are: Add theme folder to your project and then include this before jquery files <link rel="stylesheet" href="themes/mytheme.min.css" /> But It doesn't work at all... How can I get it???? Thanks!
data-ajax="false" not working
Hi, I have a mvc 4 razor page, which when submitted checks for model validity. If the model is not valid, i return the same view and show the errors in a ValidationSummary control. when ever the page has errors and the submit button is clicked, the page is submitted in ajax fashion and displays error messages....BUT IT HANGS SHOWING A BUSY CURSOR. i tried placing data-ajax="false" in the form tag and the page div...i know i could avoid this issue if the page is not submitted in ajax. Any idea how
Error in passing jsonValue(include escape characters) to parseJSON
My Json ouput is : [{"Name":"Test'","Phone":"9000000010"},{"Name":"Test'","Phone":"9000000010"}] Name contains Name+' I am passing this result to parseJSON, it throws unexpected string error.If any one help to get this answer.Its urgent. My code : var result = $.parseJSON('{!result}');
Newbie problem with text toggle
Hi - here's all my code. When it runs, the link flashes and then the whole page becomes blank! What am I not seeing? THIS IS EXAMPLE CODE DIRECTLY FROM A BOOK! -Thanks Tom <!DOCTYPE html> <html> <head> <title>Show/Hide Text</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.js"></script> <script> $(document).ready(function() { //$("#bodyText").hide(); $("#textToggle").toggle( function()
Newbie Question - how to change background in panel (new 1.3.1) etc
Hi! How can I change a list button in one of the new panels - I want to change the background color and reduce the font. But only in a list in the new 'panels' (and not in a list in normal 'body') Newbie here so very specific help appreciated. Thanks Mik
Odd floating columns. Now you see it - now you don't
I'm trying to use jquery to add some floating behaviour to some columns dependent on the window width. http://www.dknytkom.dk/dknyt-portal16.php (Please, no comments regarding css media queries) When I shrink the page I want one single column in which the left-column-right goes on top of left-column-left. The mark-up is done this way as the main content is within left-column-right which should either be centered on page or on top of the other columns. So far I made the right column go underneath
IE6 and jQuery
What is the most stable jQuery version for IE6?
The first way to do this, to use jquerymobile.
Hi, I am new to jquery and I ask you please help me to use this jquery, I have a site that I want to design with jquery. What should I do first? and for me just starting out, what just by downloading the zipped folder continued my jquery installed on the site say, what it is to be working for my site? and needs to know. and I want to display an image on my site. help me
Paid job (Jquery Mobile) resolving rendering issues.
I've got a jquery mobile app which has just been built, however there are a few rendering issues on certain browsers which my developer cannot resolve. I'm not sure if this is the right place to be advertising this but I'm looking for someone who understands the quirks of this framework. I've tried odesk with no luck. So if there is anyone out there who is a gun with this kind of thing, contact me and we can chat dan@accelerate-services.com
How could I show part of pic in div?
My photo 's so big.How could I show some middle part of it In div?
Is it possible to add to calendar?
Hi all, Do you know if it is possible to prompt a user to be able to add a date/event to their calendar from a mobile site? It's possible from an app of course, but I was wondering if there is a way from a jQuery Mobile site? What I'd really like to do would be to have a button called "Add to calendar" to allow a user to be able to add a booking that they have just made to their mobile device calendar. Cheers, Kaine
Next Page