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.
Long select history problem after dialog close
Hi all, The problem I ran into can be demonstrated with the default demo for selects page: http://jquerymobile.com/demos/1.0a3/#docs/forms/forms-selects.html the second demo is of a select with many options, so that the options list is opened in a dialog (nice feature, btw). The problem is that after choosing an option the dialog closes (as it should), but not cleanly, so that pressing back goes to an empty page instead of to whatever was the previous page. I think that the problem lies in the ui-state=dialog
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
Expandable lists problem
I am developing an expandable list in a website. I got it working to where the nested lists expand using slideToggle and if I click on another list item, any expanded lists collapse and the clicked list expands but I cant figure out one last thing... when a list is already expanded, and the person wants to collapse it, I want them to be able to click on the parent list item to collapse the open list. It currently does collapse it but then opens it immediately after. I need to be able to put some
[jQuery] mouseover/out events
Hi, I have really stuck with this one. :) I have divs that contain html text. What I need is when I move mouse over that div link is displayed to edit content. I have such code: $J('div.editable_content').mouseover(function(event) { $J(event.target).css("border", "1px solid black"); $J('div.content_edit', event.target).show(); return true; }).mouseout(function(event) { $J(event.target).css("border", "0px"); setTimeout(function(){ $J('div.content_edit', event.target).hide();
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
Internet Explorer, jQuery 1.5.2 and Invalid Argument at line 7968
Hi guys, I'm having this problem recently and I need a solution for it. Internet Explorer shows up the error "Invalid Argument", and point the line 7968, char 5 (jQuery uncompressed). Error details: Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Win64; x64; Trident/4.0; .NET CLR 2.0.50727; SLCC2; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; Tablet PC 2.0; .NET4.0E) Timestamp: Tue, 5 Apr 2011 19:05:31 UTC Message: Invalid argument. Line:
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
bug in "change" event on select menu with multiple
i tried to add a "change" event on select menu, but the event dont execute when the first item of the list was unchecked. You can see this bug in this page http://jquerymobile.com/demos/1.0a4.1/#docs/forms/forms-selects.html execute in JS console the code Copy code $('#select-choice-10').live('change', function () { console.debug($("#select-choice-10").val().join(",")); }); and try to select the multiple select menu with states: 1) check the first element 2) check other elements 3) uncheck
Hash navigation problem
I have a weird problem with internal pages linked with hash. I have two pages (divs) which are called with links like this: <a href="#ma_options" data-icon="gear" data-iconpos="notext" data-role="button"></a>And the pages looks like this: <div id="ma_options" data-role="page" data-theme="c" > <div data-theme="a" data-role="header" class="ui-bar-a ui-header" role="banner"> <h1 tabindex="0" role="heading" aria-level="1" data-theme="a">{% trans 'Django administration' %}</h1> </div>
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:
Datepicker Blocking Off Picked Date '+X'?
Newbie here to jQueryUI and javascript, but have a quick question: Is there a way to use jQueryUI to block off the picked date (not today's date) +10 days? I know how to limit to a a choice to a '+X' date from today's date; but not sure how to do the same thing with a selected date, so that as the dates progress, the maxDate doesn't. Also, to color the selected range in a particular color, would that be by utilizing the .css. An example of what I'm looking for is if my son is grounded for 10 days,
help with toggle
i am tryingo to do a list and do toggle on it it works wrell but even when i click on li makes the toggle is that a way to make works only on the ul??? thanks fot the help and sorry for the english. $(function(){ $('.a').hide(); $('.b').click(function(){ $(this).find('.b').next().toggle(); }); }); <ul class='b'>123 <li class='a'>a</li> <li class='a'>b</li> <li class='a'>c</li> </ul>
Problem with datepicker and tooltip
Hi I m getting some trouble with datepicker and tooltips : everything is okay if i don't click. once i click on a date or i click on the next month, the tooltips css and animations are disabled. here is the script : <script type="text/javascript"> $(function(){ var specialDays = { '2011': { '3': { '10': {tooltip: "Some event", className: "holiday"} }, '4': { '15': {tooltip: "Some another event", className: "holiday"} ,
Validation - Moving the 'Field Required Message
http://bassistance.de/jquery-plugins/jquery-plugin-validation/' I'm currently setting up a site which will have a contact form and I'm using the validation plugin. Currently the 'This field is required' message shows up after the form's input fields. What I want to do is have the message show up after the name label of the field. Is there anyway to do it?
Show image after drop
Hi, I'm newbie on jQuery and I hope to help me. I've an image, and after a drop to another position, I would like to show this image. How do I proceed? Thanks for your help.
.load() by class
Hi. I want to use something similar to this: $('#remote').load('http://www.url.com/page.asp?p=1 #myID');If I understand correctly, this would take the content of the element with ID "myID" and place it in the element on my page with the ID "remote". What I want to achieve is a bit different - there is a table cell (<td>) on a remote page that I want to put on my page, only this cell has no name nor ID, just a class: myClass. How can I get the same result with only a class? Also, if it makes a difference,
on focus add delete button
when an input with class="text" is focused i add a delete button to the parent element. But if there are more than 1 inputs with this class it adds several buttons on some of the parent elements. how do i prevent this? $j('.text').focus(function(){ var parts = $j(this).attr('id').split('-'); $j(this.parentNode).append('<input type="button" class="delete" value="del" id="delete-'+parts[1]+'" />'); }); $j('.text').blur(function(){
Footer popping into the middle of the screen
I'm having an issue where if I go from a screen to a screen that is longer, the footer will pop in to the middle of the page. Any ideas as to what's causing this, and more importantly, what can be done to fix or work around it? Thanks
Q: AutoComplete - example using JSON backend data from mysqli via PHP
I am having trouble getting AutoComplete to work with the back end data, is there a sample of AutoComplete in action, getting it choice list from mysql data via PHP?
Disable JQuery Mobile Loading Indicatore
Hey, is there a possibility to disable the loading indicatore completly, to use a custom one. Because the jQM loading indicatore is triggered on page changes and stops after the page is shown. In my case this is not the best idea because I loading Ajax and waiting for the response. I tried to find something in the configurable defaults, but I didn't find it. Also it would be cool to update the loading text during the show process, like ... requesting data...binding data.... and stuff like that so
element onblur event doesn't fire when jquery slider handle is clicked instead of anywhere else on the page
Hi there, I have a page with a select box followed by a jquery slider. I have a simple alert that fires onblur of the select box. What I've found in practice is that the alert only fires when the html page is clicked after the select box NOT when the slider handle is used. Oddly, when I run this at jsfiddle, everything works as I would expect: http://jsfiddle.net/BxY99/2/ When I run it on a test page you can see this failure in action. http://test-psi-alpha.appspot.com/jquery I'm at a loss to explain
REInitialize ColorBox from within iFrame
Hi all, As you no doubt know, a link that is generated on the fly (ie by a JS function) and is supposed to invoke a ColorBox (due to a predefined selector) doesn't work as the link didn't exist when the ColorBox was initialised e.g., you have this in the head: $(document).ready(function(){ $(".frmMe").colorbox({iframe:true, innerWidth:1200, innerHeight:640}); } Then a link generated by JS at a later time (for example triggered by a users click) like: <a href="blah.php" class="frmMe">Easter Eggs</a>
Reverse string (email address) on copy?
Hey all! I'm trying to do this email obfuscation thing where I reverse the email direction with php and then on the page flip it right way with css. Looks great and works great, expect when I copy the email, it's of course backwards. Would you have any ideas how to use jQuery (or just plain js) to flip it right way when it is copied? Or would it make the whole obfuscation thing useless? Thanks advance! All help is appreciated :)
Feature Request: Display multiple cluetips simultaneously, allow assignment of unique id's to cluetip container
I see that the cluetip plugin project is on github so, perhaps at some point I'll be able to try implementing this feature myself, and submit a pull request. But in the meantime, I want to see how much support there is for it or if someone is already working on the solution. My team is using the cluetip plugin in a rather exceptional way. Rather than a tooltip like msg bubble that appears on mouseover, we show the cluetip on page load and require the user to dismiss it. We're using these cluetips
[jQuery] select all checkboxes
hi, what's the best way to select/deselect checkboxes in a form with jquery? can anyone provide a sample code, please? thanks in advance. _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Problem with 64 bits operating system
I'm using jquery but i have a problem when i want to use JQuery in 64-bit operating system. Can anybody to help me? Thanks Laura
Script Stack Space Exhausted on Firefox
Hello, I have a JSP page that I am updating via an AJAX post. When the page gets sufficiently large, I get a "script stack space quota is exhausted" message. I realize it is due to the size of the response, but is there a better way than the following? jQuery.fn.success = function(responseText, statusText, $form) { var formId = '#' + $form.attr('id'); $(formId).replaceWith($(formId, responseText)); // Set up our form object again now that we've replaced our form with the data coming
Adding additional functionality to an object that is already acting as an 'accordion' header
This is probably a pretty basic question, but I'm still just learning the Ui plugin. I have a navigation frame using expanding accordions and it works fine, but when I attached my own click events to the header elements to do some other things on the site, the accordion stopped working. So I'm just trying to understand the correct way to add functionality when clicking an accordion header. Here's a sample of the code I'm using that appears to conflict. Here's roughly how the JQuery code is setup:
Converting the text of a datetime field to another format
I am trying to convert the text of a datetime field from UTC to a more American friendly format. I am having trouble getting the text to change to the converted version. I have each input of type=datetime-local assigned to a class dateTime and I am using the function below. The code runs without error, but the text of the control is not updated. Any ideas? Thanks for the help. $('.dateTime').click(function() { var mainParts = $(this).attr('value').split('T'); if (mainParts.length
Next Page