Problem using jquery.visualize
Hi, I have a problem with jquery.visualize (using jquery.js 1.4.2. and the jquery.visualize plugin). The problem I have is that the graph is being generated correctly but that the value contained in the table (which are being used to generate the graph) are being displayed all over the page + the html table is being displayed at the top of the page. I've attached a screenshot to illustrate the problem. I've tried a bunch of things, but I don't seem to be able to I'd appreciate any tips since I seem
IE8 Problem with Animation and Opacity
I am using the animate() on a function, which seems to force an opacity 0.35 on the div while it is animating. This produces real strange effects in IE8 with transparent PNG. Can I force the animate() function to not set the opacity? Or other fix? Thanks
Problem with Accordion and IE7/8
Hello! I'm having really big trouble with getting Accordion to work under IE7/8. I've even tried running older versions of jQuery/jQueryUI. When I'm running my website using IE, I get an error: "Unexpected call to method or property access" I checked lines where it occured and looks like that it's connected with appendBefore function (jQuery). I think jQuery UI uses it in order to create code needed for Accordion. Unfortunately, I have no idea what's wrong. I'm using whole <div> with sub-<div>s as
Accordion with IE
I am trying to to the accordion and it is working just perfectly when viewed in firefox. It is super super choppy when trying to view the same page in IE. What can I do to fix this? What causes The UI to be choppy on IE? Thanks
Status of JQuery Mobile support for Blackberry Version 5
Hi, I am one of the few developers facing a task right now using jquery mobile framework as a development tool for mobile applications. I praise its very revolutionary avenue it has created and hope that a lot can be done Earlier I had inquired about the support of jquerymobile with Blackberry mobile phones using version 5 O.S. While the framework has been tested on version 5 its functioning has been very dismal making it not a good tool at the moment. I was told that support for the version would
Support for Blackberry 5
Hi guys, Now that the new release of JQuery Mobile is out what about support for Blackberry O.S. 5? Would there be any? Can we get and ETA on when it will/ might be available?
Dialog parameters
Hi I was trying to use a dialog by specifying data-role="dialog" which works great. The issue I have is that when I pass this page a parameter in the format eventdialog.html?id=123 then I seem to be unable to retrieve this parameter via urlUtil.getUrlVars()["id"]. If I alter the dialog page to a data-role="page" then the above method works fine. I was wondering if this is an issue, something daft I am doing or if there is a way of doing this with a dialog? Many thanks
Odd Behavior With Ajax Call: Works in Safari, Not On Device
Hi all - I'm working on a mobile app using PhoneGap + jQuery, and running into some odd behavior. I'm not sure if this is an issue stemming from PhoneGap, jQuery, or possibly my noob-ish code... as I'm fairly new to this all. I think it would be presumptuous of me to declare it a "jQuery bug" when my hunch is it's user error on my part. I'd appreciate a fresh set of eyes (and if this is less a jQuery issue and more of a PhoneGap one... I'd love to know that as well). So my "app" is a single page,
"string" value in a jQuery Slider?
Hi All, I'm trying to implement a jQuery slider that increments, but the value displayed is a text string rather than the numerical value of the slider ui. I'm using http://jqueryui.com/demos/slider/#steps as a resource. Here's the current code if you don't want to click: $(function() { $("#slider-p").slider({ value:50, min: 0, max: 100, step: 20, slide: function(event, ui) { $("#price").val(ui.value);
Dynamic Nested List
I'm making a nested list except the <ul></ul> of the next "page" needs to be filled by an ajax request. However, when I fill in the <ul> with list items (<li>), they don't appear as list items after the page transition. Any suggestions on having the <ul> filled after the page transition or does anybody have any sample code filling in nested list items with ajax calls to external xml? Thanks, Doc
"weird" things happening with .clone(true), button widget, and .remove()
I'm trying to setup a system where on load, i take the first row of the table and use it as a template. i then i have a click event that clones that template and adds it as a new row to the table. each row has a button withthe button widget applied to it that removes the row. Initially, i can add all the rows i want and they get the button styling, however, if i remove all of the rows after i've added one, adding more adds them without the button widget styling, but it still has the click event.
Zooming problem with form input
Hi, I'm having problem on forms input. When focusing an input text, iphone zoom the page in but it doesn't zoom out when finished... And from time to time it zoom the page view on links too ! How could I manipulate zoom factor in scripts, is it possible ? After reading the jquery js (jquery.mobile-1.0a3) I still can't figure out how to do... I've found this script but it doesn't works for me : jQuery("input[type=text],textarea").mouseover(zoomDisable).mousedown(zoomEnable); function zoomDisable(){
How to show dialog?
Hi, I want to show a dialog using a certain method or call and not using an <a href ... /> how can i do this?
Drag to Re-order List?
Anyone have any thoughts on how to implement drag and drop to resort a jQuery Mobile listView? (perhaps similar to how webOS does it: click and hold, then drag to reorder) Is this something jQuery mobile plans to implement?
Calculating things, kinda stuck
I have this and it is like.. Price[input] Qty[input] Total[span] And that works good for each row. But I cant get the calcAll to work, i know this looks really long but i dont know how to make jquery act re-usable very well yet :) $(document).ready(function(){ jQuery.fn.calcAll = function() { var t0 = parseInt($("[name=total_0]").text()); var t1 = parseInt($("[name=total_1]").text()); var t2 = parseInt($("[name=total_2]").text()); var t3 = parseInt($("[name=total_3]").text());
Radio Buttonset Scaling
Hi, I'm trying (for the first time!) to create a Radio Button set. The body text is scaled using a pretty standard "body { font-size:62.5%; }" The buttonset which is created has unequal button borders. The line which separates adjacent buttons appears wider (2px) in some places than others. Has anybody else come across this? Is there a fix? The default body text size looks perfect, if a little large, with a 1x seperator. Any help much appreciated. Andy
Fullscreen background and Cycle Plugin
Any suggestions on how to create a simple slide-show type site using the cycle plugin with a full-screen background? I am nearly there - http://unsustainabledesign.com/clients/backspace/ Currently I am using the following plugins fullscreen image plugin - http://nanotux.com/blog/fullscreen/ cycle plugin - http://jquery.malsup.com/cycle/ The issue I have is if you resize the window, make it as large as possible, and move from section to section and re-size the window the image does not properly re-size
Animate BackgroundPosition Y-Axis = no work
heyo, me be having some issues with jquery animate. im trying to create a navigation menu that apon mouseover, the background image animates with a negative y value. apon mouseout, the div will animate the background position back to zero. Simple enough ay? thats what i thought. When i roll over the divs with the bg image, they do not animate, it appears like a simple background change. in other words, there is no tween or movement, just ...new position. INCLUDES <script src="javascript/jquery-1.3.2.js"
Clear text box after autocomplete
I'm trying to clear the text box after the select event has fired. The following code does not work: $("#conditions").autocomplete({ source: availableTags, minLength: 2, select: function(event, ui){ $('#conditionList').append("<li>" + ui.item.value + " <a href='#'>[Remove]</a></li>" ); $('input#conditions').val(""); // <- This does nothing } }); Any ideas on how to get this to work? Thanks, David
jquery-mobile slider does not support "step" attribute
Are there any plans to support the "step" attribute for the slider control? For example, to record swimming pool water pH, I want a slider that goes from 6.0 to 9.0, with steps of 0.1. The min and max attributes are supported, but the jquery-mobile code is using a percentage scale from 0 to 100, and ignores the "step" attribute. Also, the number in the accompanying text box only uses integers.
jQuery - Create table from JSON data
I'm trying to update a table based on the results of a database query returned via JSON. My goal is to show the progress of a queue, removing entries that have completed. Firstly I need to populate a table with the results of the JSON. I have: <HTML> <HEAD> <TITLE>Table Update Test</TITLE> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript"> setTimeout("updateTable();", 10000); function updateTable() { $.post("test.pl", {}, function(result) {
Access-Control-Allow-Origin on local file system
Hi, I create a jquery mobile web this work great on web server, but when I run this on local filesystem (file://), when i change from one page to another, I have this error. XMLHttpRequest cannot load file:///C:/Users/Wvista/Documents/test.hml. Origin null is not allowed by Access-Control-Allow-Origin. I know that this is a problem with permission, but is strange because all document are on same directory. David.
jQuery Mobile on MyTouchSlide 3g, problem with back button
I've been following the jQuery mobile project quite excitedly as I have an application that I need to port to a mobile version. However, since the alpha 1 release until the most current alpha 3 there has been a major problem with the back button. Whenever I navigate off of the landing page to a sub-section, i cannot navigate back. Pressing the back button in the mobile template or on my phone causes it to go back to the last page I was looking at before jQuery. It is not catching the back event
Changing default theme
Alpha 2 looks awesome! I have a question about changing the default theme from c to something else (like a or b). I can do this manually, by setting the theme of the page. However, submit buttons and the like, which are being generated by my webapp render in theme c regardless of what I set the page at... Is there a way in the init to tell it to use a different default theme, like: $(document).bind("mobileinit", function(){ $.mobile.theme = 'a'; });
How to sell App made with jQuery mobile?
Is there any way to transform web application written with HTML/PHP/jQuery mobile to a native iPhone app?
Why is my cycle plugin showing the background between images?
I've used the cycle plugin on several Wordpress sites and it works great, except that when I run it the background is visible between transitions. Instead of a smooth fade between images, there is a long pause between images. Even when I use the default values, there is still a noticeable delay between the slides. $(document).ready(function() { $('.slideshow').css("overflow", "hidden").cycle({ fx: 'fade', sync: 1, speed: 2000, timeout: 3000, delay: -2000, }); }); The current site
jQuery mobile and iframes to load external websites
I'm using some kind of modal window with an iframe to load external websites into my webapp. If somebody clicks an external link, the modal window will pop-up and the source of the iframe changes to an URL. In my example i'm using Google as an external URL: <a href="http://www.google.com/" rel="external" data-ajax="false">Link to Google.com</a> My modal window: <div id="modal"> <header> <span class="close">Close</span> <h1>External webpage</h1> </header> <iframe id="external" src="about:blank"
DateRangePicker (Filament Group) in a modal dialog doesnt work! Any kind of help will be appreciated deeply.
Hey Guys, I needed the functionlity of a datepicker which can let user choose a specific date/date range in the easiest and most intutive way, hence I chose DateRangePicker plugin from Filament Group. I used it, customised it and everything worked fine. Then the ui of my little hobby project changed and i needed this daterangepicker on a modal dialog and w00f !!! It doesnt work if the modal is set to true for the dialog but I have to have this dialog box to be modal(true). Can anyone please help
data-role style lost after .load()
hello, after a reload of a div by using .load() the data-role mobile style is lost :-( i use this code: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="../js/jquery.mobile-1.0a3/jquery.mobile-1.0a3.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript" src="../js/jquery.mobile-1.0a3/jquery.mobile-1.0a3.js"></script>
Allowing Users to Change Data-Theme
Sorry in advance if my code looks idiotic. I'm new to javascript, but trying to learn! I would like to have buttons on my mobile page that, when clicked, dynamically input their value (a, b, or c) into the data-theme's value and thus change the page's theme. I'm sure this is ridden with errors, but does anyone know how I can do this? <script> var themeStyle = data-theme.value $("button").click(function () { $(themeStyle).replaceWith(button.value); }); </script> </head>
Ajax Error Handling Breaks Everything
I've noticed that when jQuery mobile attempts to load a page and either times out or an error occurs on the back end (500, 404, etc) it displays the "error loading page" message but then everything on the page breaks. For the most part attempting to click any of the jQuery formatted links on the page doesn't trigger any action, only clicking on actual data-role=none links seem to do anything. Is there any way to override the default jQuery mobile ajax error handling?
Nested list header themes/data-position=fixed/list data-themes...how?
I can't seem to apply data-themes or data-position=fixed to the headers of a nested list or data-themes to the list items, even with listview("refresh"). I think it's kind of...odd...that the nested lists don't inherit data-themes or other settings from the parent. I'm not sure how usable that is. As for the header attributes, I'm trying to set them with: $(".ui-header").attr("data-position","fixed"); $(".ui-header").attr("data-theme", "a");The attributes are appended, but they have no effect.
Binding events to buttons in a dialog
What is a good programming pattern for binding an event to buttons that are dynamically loaded via a dialog? For example, I'd like to bind the 'click' event to a dialog submit button when the site loads. Since the button is not yet present in the DOM, the binding never occurs. Is there a defacto standard for managing this type of problem with this framework?
jQuery Mobile Slider widget doesn't seem to handle fraction steps
If I set the "step" attribute of my original input element to something like "0.5," the slider will only take minimum steps of 1. Anyone else have this problem or create a fix?
Post data not showing at the process script.
I've been having great difficulty with this simple script. From every thing I've read this should work. $(document).ready(function(){ $(".add_to_profile").css("background-color", "yellow"); $('a.bookmark').click(function (){ var addedbookmark = function (data) { var divreturn = 'div.return-'+ data.nid; var divbookmark = 'div.bookmark-'+ data.nid; $(divreturn).html("bookmark added"); $(divbookmark).html('<a href="remove_bookmark/'+
jQuery mobile and asp.net
As a asp.net developer I've been playing around with jQuery mobile Alpha 1. Alpha 2 breaks my asp.net postbacks and I was thinking about how best to use asp.net and jQuery mobile together and wondering how others use (if at all) asp.net together with jQuery mobile? (MasterPages, postbacks, form submission, viewstate, etc., etc.)
datepicker plugin and jQuery UI 1.8.2 theme not compatible?
I'm using Keith Wood's datepicker jQuery plugin v.4.0.2 (not the jQuery UI datepicker) with jQuery 1.4.2, and I want to use the jQuery UI Cupertino theme v.1.8.2. I reproduced the example on this page http://keith-wood.name/datepick.html under the Layout/Style tab. The inline example worked, but the popup example failed. I tried many permutations and combinations of loading .js and .css files, none of which worked. Would someone please point out the error of my ways? Code snippet and screenshots
IE8 & .change function on a form select not working
Having an issue with the .change functionality on a form selector in IE8 which I have not been able to figure out, and is now driving me insane. When the select is change to an item with a value of 1, it is supposed to set the values of two textboxes to blank. Eg; $(function(){ $('#status').change(function() { if (this.value == 1) { $('#datetime_hasrecord').val(''); $('#description').val(''); } }); }); <form> <select id="status"> <option>...</option> <option>1</option>
Access violation exception in IE
Hey guys, i have a strange error. With the following code i got the exception "Unhandled exception at 0x40044440 in iexplore.exe: 0xC0000005: Access violation reading location 0x00000018." after clicking on the link. <!DOCTYPE html> <html> <head> <title></title> <script src="jquery-1.5.1.js" type="text/javascript"></script> </head> <body> <div style="width: 100%; max-height: 400px; overflow: scroll;"> <table> <tr> <td> test
Multiple executions of script loaded in data-role="page" with pageshow event
I have script that is loaded in the data-role="page" area of my page. It contains an event that runs on pageshow ('#id').live('pageshow',etc) when i load the page the first time is fine, if I load it the second time from a link in the same parent page it executes twice. Any ideas
Next Page