How to check if a popup is open?
Is there a way to determine programatically thru methods if a popup is already open on the screen?
Hi Is there a jquery library which supports animation for browserts like this library does for iOS? I mean the smoothness and the different transitions?
I am looking for animation like given on 2nd number from bottom row. Can anyone point me in right direction?
keep options value in each select after click
For now I have script fiddle after click on my li element options change. But after click on my li from second ul, option from first select droped. I need to keep option value in each select.
PHP header location | jqm 1.3.2 multipage
hi, I got the same problem, as desccribed here: https://github.com/jquery/jquery-mobile/issues/6842 the solution of the problem seems to work with jqm 1.4. Is there a chance to realize the php-redirect with jqm1.3.2? best, heinetz
Jquery ui multiple dialogs positioning after deletion?
I am using jquery ui Dialog box to create multiple notes in my Web Application. So there is a add-note button which clicks to open a note (dialog box at center). User can open multiple notes (dialogs) together and fill content save, delete, etc on each. Problem arises when multiple notes are opened and I start deleting some randomly. So on deletion the **positioning** of the opened dialog gets affected. The opened dialogs after deletion of any start moving upwards on the screen. If I add notes in
Phonegap + JQuery Mobile application randomly gets stuck on the current page
Hello, We are developing a Phonegap application with JQuery mobile that randomly gets stuck on the current page. After starting the application, a few minutes it works fine, but after some time it just doesn't navigate to another page (either through direct link, window.history or $("body").pagecontainer). On the current page everything continues to work fine (inputs, buttons, even ajax requests), and it happens on every page, apparently not related to any concrete user interaction. Thank you in
What is the equivalent method for not() for arrays?
The not() method is only for DOM elements. But I need the exact same functionality for simple arrays. What can I take?
Dreamweaver cc jquery mobile with theme
Hi everyone I m trying to create my first mobile site using Dreamweaver cc jquery mobile with theme. First I up date the jquery mobile and jquery files. But after I have done this the icons are no longer available. I have tried several things including: pulling the icons out of the jquery mobile folder titled 'icons-png' and place them in an image folder. But no luck. Dreamweaver installs these files on the starter page <link href="jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/>
chrome debugger question
Hello, I'm trying to use the chrome debugger. Specifically, I'm trying to search for a text string in all sources that have been loaded in the debugger: 1. ctl-shift-f puts focus on the search window in the debugger. However, this does not appear to search all files. In particular, this approach does not appear to search min.js files. Is there a way to configure the chrome debugger to search min.js files? 2. Also I tried a search of "*.js" as an attempt to view all js files for the website. This
what is meaning jquery
what is meaning use strict jquery
How to Loop Into jQuery UI Restricted DatePicker
I am trying to restrict the jQury UI DatePicket to Current year only and so far it is working fine at This Demo I used the following code to do the job $("#datepicker").datepicker({ minDate: new Date(2013, 12, 1), dateFormat: 'dd/mm/yy', maxDate: new Date(2014, 11, 31) }); As you can see the Previous and Next buttons disable at January (Previous Click) and December (Next click) but just wondering if there is a way to create a circular action(re start) at the end or beginning like ..<-October
only loading jquery and chrome - Uncaught TypeError: undefined is not a function
Hello, i have a strange problem with jquery and chrome, current windows version. i have this bit of code <!DOCTYPE html> <html> <head> <title>test</title> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> </head> <body> </body> </html> and in the error log in chrome i got Uncaught TypeError: undefined is not a function Why ? What is wrong ? test
Buttons not displaying in latest stable version of jquery UI
Hello, New user and first time poster. I am missing my close window X in a dialog box, my incrementing buttons on a spinner, and the calender arrows in datepicker. I can still hover over the area where they should be and they respond and lighten in color, but the actual icon is not present. Here is some simple code. Please note that i have tried changing the .css file to the others included in the .zip file. <!DOCTYPE html> <html> <head> <title>jQuery UI Datepicker</title> <meta charset="utf-8"
A good looking jQuery Mobile Action Sheet implementation?
Is there some easy way to get a good looking Action Sheet implementation? I have looked at the one at serkey.com (http://www.serkey.com/jquery-action-sheet-bb279z.html), but it does not look as good as the implementations in other frameworks (jQt/Zepto). Is there a good option in jQuery Mobile?
where here in source code is the js script import of Google Map lib at HEAD tag?
http://demos.jquerymobile.com/1.4.4/map-geolocation/ where here in source code is the js script import of Google Map lib at HEAD tag?
Radio click event, add value
Hi, The following code works, but I need to add an additional value to the total amount. This value is the tax and is retrieved from the database. Any help greatly appreciated. Thanks! $("input[type=radio]").click(function() { var total = 0; $("input[type=radio]:checked").each(function() { total +=parseFloat($(this).val()); }); $('#total, #total2, #total3').text(total.toFixed(2)).currency({
How to position dialog where the hyperlink is clicked???
The position property makes the dialog to appear in some fixed position. I want the dialog to be opened in the same position where the hyperlink View Profile is clicked. Please help me with this code, Thank You in advance <td style="background-color: rgb(194, 214, 155);"><span style="color:#000000">Mrs. Shilpa S</span></td> <td style="background-color: rgb(194, 214, 155);"><span style="color:#000000">Assistant Professor</span></td> <td style="background-color: rgb(194, 214, 155);"><span style="color:#000000">B.Sc,M.Sc,
Easing options not working
I have created a horizontal image slider - it shows 3 images and then after a set period of time the images slide to the left. The first image (that just moved off "screen"is then moved to the bottom of the list of images. So the images continue to loop indefinitely which is what i am wanting. What is not working for me is the speed at which the animation occurs - it is too fast and I would like the movement of the images to the left to be slower and smoother. I have tried easing options but they
Looking to move into jQuery having spent last 4 years working with Sencha products
Hi, I keep coming across jQuery and now want to learn what all the fuss is about Most of my dev time has been spent in the Sencha suite of products, and I wondered how one would go about designing and coding a complex nested layout using jQuery. I think I am right in saying there are no jQuery provided UI design tools, but there are some out there which claim to be compatible? I'm so used to using ExtJS config driven components, it just seems a bit alien to me going back but I am keen to find out
$(".myClass").length = 6 but $(".MyClass").each() runs only once - Why?
I have six <a> tags, each with class "myClass" console.log( $(".MyClass").length ); writes 6 to the log file like I expected, but $(".MyClass").each( function() { console.log("test"); }); Only writes one "test" to the console log - why not six times? One for each .MyClass being found... Can someone advise ? Much appreciated!
toggle show and hide div on check box click
I have a group of CheckBox's each one toggle display or hide a special div and if i click on check box is checked then i need to uncheck this check box and undisplay the div. How i can do that i am still new ti jQuery this is my function : $(document).ready(function(){ $("input:checkbox").click(function() { var checkboxgroup = "input:checkbox(name='" + $(this).attr("name") + "')"; $(checkboxgroup).attr("checked", false); $(this).attr("checked", true);
Interactive Zoom Gallery
Hello, I would like to build an interactive photo gallery with a similar zoom in and zoom out effect as seen on this website. Could this be done using Jquery? If so, could anyone please direct me to a plug-in or linked tutorial of how I could recreate this or something similar? Thank you so much, I really appreciate any help as I am fairly new to using Jquery....
Copying/Cloning CSS Classes and Div's
Is it possible to clone CSS classes and ID's and if so how do I go about doing it? For example I have, #firstClass {font-size:24px;} I want that copied into #secondClass; and then something similar duplicating an ID. Thanks in advance.
Flip switch not swiping in Android default browser
Hi The flip switch doesn't appear to swipe at all when viewed in the Android default browser. It works fine when tapping on it. I am using the latest version of JQuery Mobile, running Android 4.4.2 on a Samsung Galaxy S4. This happens on the actual JQuery Mobile Demos (http://demos.jquerymobile.com/1.4.4/) Any help would be appreciated. Thanks
jQuery serialize() handles multiple select options incorrectly
Using $(this).serialize() with jQuery causes multiple selections to be lost. In the example below, the results for "product" should be returned as an array. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Test</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#order').submit(function() { alert( $(this).serialize() ); return false; }); }); </script>
jQuery Mobile reading checkbox or radio
What is the official method to read the value of a checked radio/checkbox? Is there something I am not reading, because I can find out how to create but not read (or set) these input tags? For example: http://demos.jquerymobile.com/1.4.4/checkboxradio-checkbox/ It has proven frustrating bug tracing my code only to find why I was not saving my 'ticked' box values. In the end, I discovered a class " ui-btn-active" is set when the operator 'ticks' a box and I must use this to get the corresponding
Matching on list elements
I am currently using the following line of jQuery to filter a table. $("td.tag").not(":contains('" + $("#filter_grade").val().toLowerCase() + "')").parent().hide(); Where #filter_grade is a text input box. <input type="text" name="filter_grade" id="filter_grade" class="filter"> The .tag class is on a hidden column like the following. <td class="tag" style="display:none;">272,13-292,</td> Is there an easy way to modify the jQuery so it only matches complete strings in the list and not partials, so
Drag and Drop features TO_DO App
Please use the following credentials and log into Asana.com (don't worry this is a demo Account created for testing ), username : gautamx07@yahoo.com password : gautam basically its task management online cloud application . it has a few really cool animations and effects , that i would love to incorporate in my application . I am not sure this is possible , and i might be going over the top here , but if theres no harm in trying , i'd like to try . So here are the features that i liked and would
Padding Around the Photo with the Magnific Popup Plugin?
The HTML: <!DOCTYPE html> <html> <head> <title></title> <script src="jquery-2.1.1.min.js"></script> <!-- Magnific Popup core CSS file --> <link rel="stylesheet" href="magnific-popup/dist/magnific-popup.css"> <!-- Magnific Popup core JS file --> <script src="magnific-popup/dist/jquery.magnific-popup.js"></script> <script src="script.js"></script> </head> <body> <h1>The Headline Tags Here</h1> <div class="parent-container">
Problem with Table filter
With the examples of this URL -> http://demos.jquerymobile.com/1.4.4/filterable/ I created an example of filtering table (Table filter). Made only with HTML. My example works. But when trying to do the same by creating all objects dynamically with jquery. Does not Work. That if the end running these commands ($ ("# table") table ().; $ ('# inputSearch') textinput ().) to have the appearance of Jquery mobile. Any idea why does not work? Thank you
filter and remove
I want to filter data by company, by amount and show only the last row in column dollar and peso. please see screenshot, the data will be based in database. here's my html tag echo "<tr> <td>".$r['Name']."</td> <td align='center'>".$r['date']."</td> <td align='right'>".number_format($r['NetDollarPayOutReplenishment'], 2)."</td> <td align='center'>".number_format($r['NetShare'], 2)."</td> <td align='right'>".number_format($r['NetPesoReplenishmentLOC'], 2)."</td> <td align='right'>".number_format($r['NetPesoReplenishmentUSD'],
jQuery and Adobe Muse
Hi Everyone, Forgive my ignorance but I've been struggling with this little issue all day and I'm not sure whether this a jQuery issue, my issue (very likely) or an Adobe Muse issue (equally could be the cause). I'm trying to make a smooth transition between separate pages when any link on the pages are used. This is the code I'm using (below) but as you can see from the demo (also below) I seem to get a "flash" of the page its about to load before the fadeIn. Any ideas? code with in Muse: <script
before create page
hi, in a jqm 1.3.2 multipage-webapp I parse my HTML on pagebeforecreate. $(document).on("pagebeforecreate", '[data-role="page"]', function( event ) { //do some stuff }); That works so far. Doing stuff is done before page is created. But now I need to load an external script … $(document).on("pagebeforecreate", '[data-role="page"]', function( event ) { $.getScript("script.js", function(){ //do some stuff }); }); … but that doesn't work because the creation of the page goes on while script.js
How to get the 2nd column value of dropdown list.
Hi, I need your help because I want to get the value of the second column of dropdown list. I populate it when I click on the checkbox in this way: var chk = $("#chk"+arg2).is(':checked'); if(chk == true) { $("#codiciGiusti").append('<option value="' + arg1 + '">' + arg1 +' '+ dataAssenza +'</option>'); }else{ $("#codiciGiusti option[value='" + arg1 + "']").remove(); } and it works fine. My problem is how to get the second column value (dataAssenza) from it. Thanks
Internationalization
Hello Forum, I'me developing a multipage web app with jam 1.3.2 and I use dom-cache. Now I need an internationalization-plugin and read about and found i18n. But I found also: jquery-i18n-properties jquery-i18n What is the best choice for my jqm1.3.2 web app? best, heinetz
jQuery checkbox takes time to get checked/unchecked on iPhone
I am facing an issue with jQuery Mobile on iPhone. I have a list of checboxes and a checkbox to select "All". After an initial few taps on the checkbox, the check box takes few seconds to get marked as checked/unchecked. The checkbox doesnt get marked unless the user waits for a few seconds or scroll the screen. This seems to be an issue only with this particular phone as it works fine on desktop browsers and Android devices. Here is the script: /* Check-Uncheck */ self.elements.listview.on('change',
Unique slider
Checkout the unique slider on this page : Slider , what pluggin could i use for that , how would i go about creating something like that ?? :)
Building a responsive , double navbar .
I'd really like to build a navbar like this , i have just a day to do this , so i hope its not that tuff . its gotta be responsive on desktops and mobiles . of course i'll be using bootstrap , not building from scratch . would it be possible to build this kind of a navbar ?? basically i just want a resposive double navbar , preferably with the logo in between. Navber - this what i want to build . Thanks.
First App attempt, advice needed please
Hello all I am attempting to build my first app. I have never used Jquery Mobile up to this point, but I am a little familiar with basic jquery etc. I bought a book and I am learning about the framework, quite straight forward for building basic mobile pages, which I am excited about. My first app idea (mainly for personal experimenting purposes), is based around a sports team. I plan to do some basic player info. Is there any way I can get dynamic content from the likes of wikipedia that automatically
Nested Popups Chained
Hi I have 2 nested popups chained and using the workaround to get chained popups working with a timeout Both popups consists of an unordered list. And the problem I'm encountering is the 2nd popup shows the first choice #popup2_1 only no matter which one of the others I select. Any help on this one please. <script> $(document).on("pagecreate", function () { $("#popup1").on("popupafterclose", function () { setTimeout(function () { $("#popup2_1").eq(0).popup("open") }, 100), setTimeout(function
Next Page