loading content before displaying
Hi I'm fairly new to JQuery and am trying to get my menus to load all the images before it tries to fade in. I am passing categoryid to an external php page which gets the relevant data from the database, and then displays it in the right div element. My Code so far: <script> function loadContent(id) { $("#leftmenu").load("query_left.php?category="+id+"").fadeIn("slow"); $("#rightmenu").load("query_right.php?category="+id+"").fadeIn("slow"); } </script> At the moment, this code seems to load the
Half Datepicker in an iframe (Browser: IE)
Hello guys, I am using the jquery datepicker successfully in all kinds of pages. But I have noticed an problem in the internet explorer. I am using IE 8.0.7600. When I have a datepicker in an iframe on the right side near the edge of the iframe and I will show the datepicker, than the datepicker is in the iframe shown half and not shown outside of the iframe. What's a pretty solution for that ? Greetings, Kelturio
getJson iphone4 issue
I am in the middle of building this website for mobile/iphone well everything seemed to be going all ok, built a page using json data using the getJson function all ok on my 3G iphone, but when viewed on my colleague iphone 4, the code did not show? There was no error nothing just did not run the code within the getJson function. MY CODE: //-- this log will show on both iphone 3G and 4 console.log('begin json '); //-- the log and code within will not show in iphone4 safari mobile but
Flip Switch - is it possible to detect changes as they happen (onchange)?
Hi guys, I have spent hours on this and got nowhere so I'm assuming it's not yet possible to detect when a flip switch is changed? I'm using this kind of code: <div data-role="fieldcontain"> <label for="audioOn">Play Audio:</label> <select name="audioOn" id="audioOn" data-role="slider"> <option value="off">Off</option> <option value="on">On</option> </select> </div> Now I can bind an onchange event to the select element and it works but, it seems to fire many times during
Problem with jQuery Form Plugin and Chrome 9
Hi, I have a web-application which does ajax submit of some forms. It works well with Chrome 8, but with Chrome 9 the ajax-submits do not work any more. I get no error-message, the form just silently not submits. Does anyone else see a similar issue when going from Chrome 8 to 9?
Upcoming conferences?
Will there be any conferences coming up in the 2nd half of the year? I see on events.jquery.com that a Boston and London conference are anticipated, but I also see that Events is no longer linked at the top of most of the other jquery pages. So, are these still planned? Thanks.
Alpha 4 fixed header not working on internal linked page
Fixed header (data-position="fixed") is invisible once page has loaded on internal linked pages in iPhone app During slide in animation, the header is visible, but once animation stops the header disappears. Header appears correctly during page scrolling Thanks
[jQuery UI Autocomplete] accent folding and "associative array"
I'm not very good in JS, but usually I am able to solve my problems by searching and trial&erroring, but this time I can't do it. Please help. I have a problem with Autocomplete's Accent folding function. I can't get the standard code to work with my "associative array" of values. This is how my autocomplete data look like: var availableDestination = [ {label: "Írsko", id: "149", supreg: "724"}, ... ...]; MY GOAL: Check value of the "label" element and return "Írsko" when people start typing both
Multiple Submit Buttons vs Enter to submit form
I'm having trouble setting the default submit button AND complying with jquery-mobile styling/markup best practices. a simple login form, and i want to have the layout: email: ___ pass: ___ [forgot pass] [login] so to get that on the buttons and jquery-mobile i must use: <fieldset class="ui-grid-a"> <div class="ui-block-a"><button name="action" value="forgot" type="submit" data-theme="c">I forgot</button></div> <div class="ui-block-b"><button name="action" value="login" type="submit" data-theme="b">Log
enable page transition ONLY for dialog?
documentation for page transitions is: ajaxEnabled (boolean, default: true): jQuery Mobile will automatically handle link clicks and form submissions through Ajax, when possible. If false, url hash listening will be disabled as well, and urls will load as regular http requests. but it should read: "if false, this will disable every page transitions and it will not be possible to force link clicks and form submissions through Ajax" I was really hoping that the default behaviour would be to not use
validate 1.8 with jquery 1.6 RC 1 not working
Doing my part to test out jQuery 1.6 RC1, I changed my link to jQuery. I have a form and with all previous versions of jQuery when I click my save button my invalid inputs show their respective messages. With jQuery 1.6 RC1 the validation messages do not show. No other changes were made to the app. Using validation 1.8. I switched back to jQuery 1.5.2 and it works as expected. Paul Speranza
XML parsing doesn't work in IE 8 - How to parse an element in IE? - Take a look at the sample html file
Hello forum, after a lot of investigations I don't know the answer why the attached sample doesn't work properly. Please take a look at the attached sample. That's a html file. Because of forbidden uploads of html files i removed the file extension. So please put after download the file extension ".html" on it and take a look at the sourcecode. The goal is to parse the included xml structure and to show the some information as checkboxes with a title or description. The checkboxes are parsed based
How to get a enter key-event by the Android ?
Hello I know that enter-key number is 13. It's a possible to check enter-key event ! function OnKey_Up(event) { var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode; if (keyCode == 13) { ...... } } but the android device didn't checked !! how to make a event for the Enter-key by the Android ?
How to manipulate collapsible element programmatically.
Hello. I can expand and collapse this by clicking the element. <div data-role="collapsible" data-collapsed="true" id="TestCollapsible"> <h2>title</h2> ... </div> However, I need to manipulate collapsible element like following: $("#TestCollapsible").collapsible("expand"); I could not find such a method. Any help would be greatly appreciated.
How Can I Help?
I've been using jQuery mobile for a few months now and I love it! I'm looking for a way to give back. I fancy myself a pretty decent JavaScript developer, so I'd love to tackle a bug or two, is there any convention for claiming a bug or knowing if a bug is being worked on by somebody else? -Eric
Validation issue
Hi Folks, I am new to JQuery and have used it for an application form. Unfortunately, the validation is not working as it should. I'm not sure exactly where I might be going wrong. The form still "submits" even though the validation has picked up on blank fields. I have pasted the coded below: **** START OF CODE **** <script type="text/javascript"> $(function(){ // Grab each form element $("label[title]").each(function(){ $(this).append("<div class=\"infopop\">"); titletext = $(this).attr("title");
Form w/ NO AJAX
How do you specify that a form will not be handled by ajax. <form action="/login/mobile_login" method="post" id="logform"> form is directed to login controller in a rails app, controller redirect to /mobile/menu in alpha 1 after form was redirected to /mobile/menu in alpha 2 end up at /mobile#/login/mobile_login, which is not a valid url what appears to be displaying is /mobile/menu#reports
inline search input and submit
Hi, Just recently started using jQueryMobile / jQuery (also a newbie at web development) and have tried to set an inline search input alongside a submit button, but have had no success so far. I've tried: - Have the two inputs into a DIV tag with 'data-inline=true' . Have the two inputs into a DIV tag with 'data-inline=true' .and the 'fieldcontain' data role. Mark each input with 'data-inline=true'. The only result so far is to have the submit button inlined. The only way to control the width of
Using jQuery to parse XML
First post. Looking to parse the XML file a perl script sends back. I want to get values from specific tags in the XML file. Here is my code: $.ajax({ type: "GET", url: 'http://servername/cgi-bin/findwhoisonduty.pl?host='+groupName, dataType: "xml", success: function parseXml(xml){ $xml.find('ax21:user').each(function(){ var firstName = $(this).find('ax21:firstName').text(); var lastName = $(this).find('ax21:lastName').text(); }); alert(firstName
jQuery UI Tabs failing on dynamic creation
I am using jQuery UI Tabs in 3 separate places of a web page. The second tab bar needs to be different, depending on what is selected (in an input radio), and then have the tabs working. When I create the replacement tab bar, I call .tabs() on the new bar, but it does not seem to generate tabs. I also tried using .tabs('destroy'); on the main tab bar and its individual tabs. When I click on a tab, I see an error with Firebug that says, "uncaught exception: jQuery UI Tabs: Mismatching fragment
Creating new Swatches for a JQuery Theme
Hello: I was wondering if there is a tutorial / post / wiki / article that talks about how I can add more swatches. O have looked at the CSS, and I am sure that I can look at the classes with -a etc appended to them. However, I wanted to check-in to see if there was any documentation on it, before i chase this.
Alpha 4 - positioning problem in listview (with sytle="float:left;")
The following demonstrates a problem in which the text for the second <li> element is displayed below the space allocated for it in the list. <div data-role="page"> <div data-role="header"> <h1>Test jQM</h1> </div> <div data-role="content"> <ul data-role="listview"> <li>Correct place</li> <li><div style="float: left; color: #aa00ff;">Wrong place</div></li> </ul> </div> </div> Screen shot:
Selecting by a custom DOM property
Hello everybody, i have a script, that adds a custom DOM property to <li> elements (.qqFileId=2 f.i.). Is it possible to select the list item with jQuery by the value of this property? $(...) thx for any advice, haemse
Timeline for a jQuery Mobile 1.0 release?
Hi all. I'm evaluating jQuery Mobile for a project in 2011 and I'm wondering if there's a timeline available for a 1.0 release... anyone? Thanks! Rich
Cant exit/go back in web app from video
I have a mobile web app that has a list of m4v videos. I am using the meta tag that removes the address bar. On the iPhone, when I click on the m4v, it opens in the native player and I can hit the “Done” button and takes me back to the page. On the iPad, when I click on the video, the screen goes black and begins playing. I can scroll the video as if it was embedded on a page. If I full screen the video, the native player takes over and when I hit the “Done” button, it just takes me back to the video
AJAX or nothing form handling with Alpha 2?
According to the docs I should be able to override default ajax form handling with this: $(document).bind("mobileinit", function(){ $.extend( $.mobile , { ajaxFormsEnabled: false }); }); But when I do that, not only does the ajax form handling stop, but the form itself becomes inoperative. Clicking submit does nothing, and the href attribute of the link created by jquery mobile goes to "#". The form method and action are set, and everything worked fine under Alpha 1.
plugin multiple instances with persistent var values?
Hey there, I am developing a plugin that I want to use 3 or 4 times on the same page. The problem I am having is that each instance of the plugin sets an interval using setInterval(...) that I need to be able to clear/pause with; clearInterval(interval-id); and restart. I cant see a way of holding onto the unique interval-ids - i.e. I end up with the interval-id for all instances being the value of the interval-id for the last plugin instance that was created. I understand why this is happening
Setting date datepicker
Hello all. I have an input text binded with datepicker. When i try to set a date in the input text (datepicker.text = "12-12-2012") the input text stays empty Any idea? Kind regards Rvlune
Calling changePage twice
When I call changePage twice or try to change to a page that is already showing I get a blank page. Right now I just guard this by looking at activePage. I just not sure why this guard isn't in changePage. Matthias
Bug in .val() on select with jQuery Mobile?
Hi all I'm having a problem with `.val()` and jQuery Mobile. This is my code in total. The attempt to set the value of the select as Quietest is not working: it selects Balanced. <!DOCTYPE html> <html> <head> <title>Page Title</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
Upgrade guide
Hi. Is there a guide or some documentation about the process of upgrading to a newer version of JQuery? In my case, I'm still using the 1.3.2. Thanks
Content fadeOut .. Browser backward button
Hi guys, When clicking the menu links on my site I want the page main content to fade out just right before the linked page is loaded, this way.. $(document).ready(function () { $('#topmenu a').click(function() { $('div#main').fadeOut(); }); }); But when I click the browser backward button and it goes back to the page I was, its content remains faded out, which is kind of awkward.. I just want the page content fading in again if the browser backward button is clicked. Is there a way
Multilevel sortable problem in IE
Hello, I've got a question about using sortable in a multilevel list. In a CMS I'm using jQuery UI sortable to order my menu items. The system works in all browsers, but in IE it won't work. I've made a standalone version where you can see the problem: http://hhwcms.nl/temp/ When you try to order a sub menu you get the problem, the parent item will follow your mouse. In Firefox I can just drag the sub item, but in Internet Explorer the parent will follow. I've posted my source code on pastebin: http://pastebin.com/GE7s10GU
If date is expired addClass
How can I add an class to my <TR> when the date is expired? <table id="wp-table-reloaded-id-34-no-1" class="wp-table-reloaded wp-table-reloaded-id-34"> <thead> <tr class="row-1 odd"> <th class="column-1"> Date </th> <th class="column-2"> Event </th> <th class="column-3"> What? </th> </tr> </thead> <tbody> <tr class="row-2 even"> <td class="column-1"> 25-02-2011
defacto dynamic content page guide
If you slog around long enough, you can put together bits and pieces about creating a jqm app with dynamic content. I am wondering if anyone has found a defacto style guide to how to do it. - load up an app - update date from an ajax/json call - create new pages as a result of ajax/json coming back - update earlier page after ajax/json call - etc
Double tooltips with Tipsy in IE
I'm using Tipsy on my site and in IE7/8 I get a double tooltip when I hover over an element. I've looked around for a fix but can't find any reliable solution. Has anyone else come across this issue?
Extrac string from a given expression
Hi, Is there an available function in jQuery that would let me extract certain string of characters in a given expression, say I have the expression "2|23|6|niece", i wanted to extract 2,23,6 and niece from the given expresion and assign each in a variable leaving the (" | ") character, Regex and For Loop?
Show Valid Fields in Validation Plugin
hi guys, the validator plugin for jquery is really cool, but i need the possibility to also mark a field as valid (not only disappear the invalid message), a simple "is valid" label would be sufficient.. i tried to change the sources, but that seems rather complicated. has anyone ever done that, or have a hint for me, that would be great greets adrian
4.1 - back button still in blue....
hi, I made a simple webapp with the 1.4.1 <div data-role="page" id="cabinet" data-theme="b" style=" background:#BBBDBF;"> <div data-role="header" > <h1>Vinay Matériel</h1> </div><!-- /header --> I click on the back button, when I come back to page id"cabinet" the back button is still in blue. This issue "work" with the demo (theme valencia) Regards
Dialog question
Is there a way to have multiple dialogs on one page opening and re-opening without having to repost the form? Right now I just call a reLoad() function inside the close so that the same Dialog can be re-opened. The reason I need this is I have several dialogs with videos embedded in them and users want to be able to open them more than once. Here is my code: jQuery(document).ready(function () { jQuery("#bn").dialog({ bgiframe: true, autoOpen: false, height:
Next Page