Open/Close all in collapsible content markup
How could you dynamically open/close all items that are collapsed using data-role="collapsible"?
Can’t figure out how to capture PHP Generated Row Data to $.post()
Greetings to all, I’m a complete newbie to jquery. I started out of GREAT necessity as I’m writing a meal plan function where I want to post a particular food to “my favorites” and found that while PHP is truly powerful, it has one limitation – I have to send things to the server to process them (yes, that was my attempt at humor). I wrote my first jquery driven $.post that calls a PHP page, that actually does the store for me. This works great. However, the “ignorance” I’m hoping someone will
setting up div
trying to make html page with 2nd page caller having div inside the content area. somehow i isnt display properly. sharing code here. for the information it shows it has flash (Don't Worry) it interprete through js file and shows JS player instead flash. actaully i want to show 100% height and width filling up space between header and footer of the player. Here is the code of html : <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="target-densitydpi=device-dpi,
Dynamic List based on location..
Is there a way to see a search enabled list that will display items ranked on how close they are to your current location? Thanks in advance forum
iPad and jQuery Dialog
Do the jQuery dialogs work on iPad and iPhone?
Tap events do not trigger on iPhone in jQuery Mobile a3.
I have a mobile site that I test on both chrome and the iPhone. The tap events that are binded to span, img, and anchor tags are not triggered on the iPhone but are triggered on Chrome. Tap events do trigger for both the desktop and iPhone when there is a data-role="button" attribute. Does anyone else have this problem or a possible solution? Thanks!
Select Dropdown Reset Issue
Has anyone been successful in calling .reset() on a dropdown? I've tried many different ways including using a reset button and nothing as worked.
Enable text wrapping for list items
Hi all, Excuse the n00bish question but I've been trying to do this for a few hours but can't seem to crack it. I'm coding a mobile version of a news site, and the article titles are always too long to display as list items on mobile devices (other than the iPad). I've lowered the text size for widths lower than 480, and decreased the padding on the left side of the icon, but the titles still don't fit. I'm trying to figure out how to change the CSS so that the text wraps to the next line rather
UI dialog: open :tabbable selector slow in internet explore when ui-dialog-content is complex
Hello, I've come across what appears to be an issue in the open function of the ui-dialog that mainly affects IE, tested with IE 8 and FF 3.6. If the contents of the ui-dialog-content div is complex, has hundreds or thousands of html elements, such as with a complex <table> structure, the following selector performs very poorly, ... $.widget("ui.dialog", { ... open: function() { ... $(self.element.find(':tabbable').get().concat( uiDialog.find('.ui-dialog-buttonpane :tabbable').get().concat(
pageshow event not working
I can't seem to get the pageshow event to work. The html below is the page that I am navigating to with the pageshow event wired up. However when the page opens the alert is not invoked. I'm sure I've done something wrong but I can't work out what? <!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 runat="server"> <title></title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css"
how to move the div blocks left to right or up/bottom
Do anyone have idea about moving the blocks in left or right, or top/bottom like yahoo, thank you
Click to expand Superfish submenu.
I would very much like to be able to click to expand a submenu in Superfish, rather than the default hover to expand. How can I achieve this?
jqdock doesn't do anything
Whats wrong with this jqDock code? Nothing happens; the pictures stay the same size... Thanks in advance! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Login</title>
</head>
<body>
<div id="menu">
<a href='page.html' title=''>
<img src="../DockIcons/Login.png" alt='' title='' /></a>
<a href='page.html'
problem to load jquery slideshow plugin into jquerymobile project
hi there, i use jquerymobile and want to have a little slideshow fpr my mobile website. but if i load pages with ajax the slideshow dont run ( i think ajay doesnt load this script: <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> if i load my pages without ajax (rel:external) slideshow script run!! please help im newbe thanks!
Screen flashes when doing a page transition. ???
I am creating an Android app using jQuery mobile. I am using 1.0a2. I have a nested list and when I drill down into the list, every time the page transitions to the next list, the screen flashes first instead of smoothly sliding. Is anyone else seeing this?
Mobile Confirm Dialog
Has anyone figured out the best way to do a confirmation dialog in jQm? I could use a standard confirm, but I'd rather have it styled and themed like my site. Or any ideas how to implement this?
Differences on Android
Hi I've just been trying my Phonegap/jQM app on Android (2.2 - Samsung Galaxy S) for the first time and wanted to mention a couple of things. The Slide transition is not usable as pages blink on and off as they arrive. Changing the transition to "none" gets around this and so it's not a big problem. The text in the header buttons does not centre vertically. The "Back" in back button sits too high The performance is great. Have been building to iPhone 3GS so the extra power of a newer Android makes
create a application with jquery mobile and phonegap
hi i'm a newbie on Android Development...there any site or post that explain how i create a Android App with jquery mobile !? what the diference and the phonegap and jquery mobile ? or the both work together!? Thanks ! Igor N. Ribeiro
jquerymobile + highcharts?
Has anyone tried to get a jquerymobile page to render javascript charts from highcharts.js? I can't seem to make it work. If I put the highcharts.js file in before the jquerymobile, then jquerymobile doesn't take control of the page. Vice versa, then the charts don't get rendered. Any ideas if anyone has done this before? Thanks
Can the demo and documentation be downloaded somewhere?
Hi, Is the demo and documentation of jQuery mobile downloadable somewhere? I find it very useful to mess with such framework with the actual code locally instead of looking up the source code online everytime. Bye, Jean
How to exclude navigations from history?
Hi to All, How can I exclude navigations from history? For example I have paged list. I have for paging buttons [<<][<][>][>>]. I navigating between some pages with them. When I press [Back] button it replays this sequence in reverse order, because that's the history track. Buttons are simple hrefs However I want [Back] button to navigate that page were I initially arrived from this pageable list. So I suppose I have to exclude the paging navigation from the history. But how? Thx for anwers.
datepicker works - doesn't work
I am using the datepicker in a very basic way: click in the textbox, it pops up, you select a date, it closes after putting the date into the textbox. In the dev environment it works fine. No problems. When I deploy it to the production environment, datepicker opens when I go into the textbox, but when I click a date, nothing happens. I ran it in the script debugger of IE8 and the _selectDay() function is never called. I checked to make sure all the same files were there as in the dev environment
Need help reproducing: jQuery Mobile causes IE's window to hide
When I go to or refresh my jQuery Mobile site: http://geo.trippingthebits.com/ The IE9 window (or IE8 because I've added it to gradeA) hides behind other open windows every time I refresh the browser window. The site uses: jQuery Mobile alpha 3 jQuery 1.5.1 RC1 (to allow IE9 use at all with alpha 3) I cannot reproduce this on http://jquerymobile.com/test with IE9 but I can reproduce it on my own site when I use the JavaScript directly from http://jquerymobile.com/test/js . Please tell me
Select problem
hi There is an issue i wanna select an element with such a format $( someVariable + ' p span'). but bad luck it's a syntax error, so what should I do to do the stuff ? Help please
Align buttons and inputs
Hello, how can I manage to align an input and a button in one row? I tried with a two-column grid, and with a simple html table, but the button always is a good 10px higher than the input.
data-fullscreen behaviour is quirky
I'm writing a small image zoom/drag component to work with jQuery Mobile. I'm trying to use a header in a page with data-fullscreen true, which allows the header to toggle on taps. I like this as it allows more room to view the image. However the behaviour is too quirky/unobvious to make the approach usable. My component when dragging does stuff between the touchstart and touchend events. [ I'm using "raw" event handlers as I had some problems getting the touch data otherwise]. When the header
Splash screen
Is there a possibility to use a start up/ splash screen like iPhone allows, on android devices? Like this: <link rel="apple-touch-startup-image" Or is there a JS workaround?
Trouble using cycle on divs?
I am trying to get jquery.cycle. to slide divs and the text is sliding but the css styling to the div is being messed up when i run it i have a background image and height and width but when I view it live the background is not right and the text is centered on one of the divs and not centered on another???
Issue with Tiny Scroll Bar
I'm using Tiny Scroll Bar from here > Tiny Scroll Bar I've placed it into this page design. > CET-beta The problem is I want to use anchor links in the scroll area and jump to them from any page from the main navigation. But when I do this it goes to the test page to the anchor area but you can not scroll to the information that would normally be higher up in the scroll area. Any idea how I can stop this from happening??? I'm not sure why it's even happening?? I tried to email the page owner a week
Selector speed
Hello! I would like to know if there are any selector speed test results done with 1.4.1 that i could see? What i'd like to know is, for instance, $("div.myclass") is faster or slower than $('.myclass'); ? Thanks! Alexandre
Sending XML to web service cross domain
Hi, I need to send XML / XML string to a web service cross domain. I have a JavaScript function that creates the XML by selecting the fields on the page and formatting the values into the required XML document. The HTML page is running on the users local machine but need to send the XML to a public secure (SSL) web service (ASMX) that has one argument of type string. I have tried to come up with a solution and the only one that is currently working is JSONP with GET. But this results in the
triggering dropdown box with keyboard
I am going thru forms created with jqm and I cannot figure out how to go thru the dropdown choices on a non-mobile device unless I have a mouse. Is there a key binding to it? Normally you can use the down arrow key to do this on regular forms. I am creating a form to be used by computers and mobile devices. I am willing to pay/donate for this functionality. Thanks!!
vertical toolbar using buttonset?
I need a vertical toolbar. Is there an easy way to vertically-orient a buttonset? Thanks for your time.
ui dialog - inputs dissapear on second open
i posted this earlier, but it disappeared from the forum (irony)... below code doesn't work when the dialog is opened from the link second time <!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> <title></title> </head> <body> <link href="App_Themes/Default2/custom-theme/jquery-ui-1.8.5.custom.css" type="text/css" rel="stylesheet" /> <script type="text/javascript"
UI Dialog: .dialog("open") is not working for me
This is the first time I am using the dialog box and obviously I am doing something wrong. I am not able to get the dialog to open. Initially it is hidden with "autoOpen: false,". In another a JS function I call SaveSuccessufll(); but the dialog popup never pops up. Any suggestions? Thanks Code in the HTML: <div id="dialog-modal" title="Your data has been successfully saved."> Thank you for waiting! </div> jQuery(document).ready(function() { $("#dialog-modal").dialog({
Initializing JQuery's data method variables on server side.
You can use JQuery's data method (e.g. $('#MyID').data('MyVar', 'MyValue');) to easily store/retrieve information. However, I was wondering if it is possible for my PHP generated page to add HTML tags that initialize the JQuery's data method variables. Regularly, I want server side variables to be accessible client side. It would be very helpful if I could initialize data method variables during PHP page generation. If this is not possible, are there any suggestions on how to efficiently communicate
jQuery Portal / Library
I am investigating the difficulty in building a website to display artworks using the iTunes - flippable album cover display. There are a few good jQuery plugins out there that do this. I'd also like to add the capability for the users to click keywords or colors to narrow down the selection of displayed art. Does anyone know of an open-source jQuery solution that would include all these capabilities?
how to set particular date in jquery mobile datebox control and highlight it in datepicker
I am creating one application with jquery.mobile-1.0a4.1 release. I have a page which is having input form to get details. It has date field , so for that I used jquery.mobile.datebox . See http://dev.jtsage.com/ for its demo. I am facing one issue with it, when I set particular date value for date field on page-load , the value is shown in textbox. But when user click on date-picker icon- the calendar still highlight today's date and show current month only. can you please help, how to achieve
Trouble with $.mobile.changePage
I'm having a bit of trouble getting $.mobile.changePage working the jQM URL hash history. The history doesn't seem to be updating. As a result, when someone hits the back button (in the header or in the native browser) it navigates away to a previously visited site. What I'm trying to do is intercept links on the page, build some UI client-side, and then invoke $.mobile.changePage to update the UI to the new screen. I'm doing this with a basic pattern like this: $('a#my-test-link').live("click",
WLAN und UMTS/GPRS
Hi, if I'm inside with the phone in the WLAN, then I see the Mobile page 100% of designwith colors and background If I'm only using the GPRS or 3G mobile phone online, I see a simple CSS Page. Why? What should I switch? Thanks, Chris, Austria
Next Page