Problem with child nodes having same element name as parent
I'm trying to go through a collection of objects and read out a value 'location' for each, however, I don't want to pull out any values for each object's children that also may happen to be called 'location'. Using 'find' brings all the 'location' values right down the tree, whereas I just want the location values for the current level. e.g. <building> <office> <location>1st floor</location> <person> <location>office 10</location> </person>
Listview data-filter-reveal problem JQM 1.3
Hi, I have created a list view with property data-filter-reveal set to true. The list is populated from a sqlite database at runtime in pageshow event. When I open the page, the listview is shown correctly in the page but is is expanded (all children items are shown). If the listview is populated directly from the HTML file of the page (static content), the children items are shown correctly only when I type some text in the search field.
Loading widget in dolphin browser????
Hi. I have been using dolphin browser (its in top 10 list of browsers) and application goes great, except for loading page. I cant't see a way to show it. In other browser (chrome, opera mini, safari) works ok. Is this a general problem or is there any solution or work-around?. Thanks
Issue with responisve menu converting to drop down
I have a <ul><li> list that I am using JQuery to convert into a <select><option> drop down, then using responsive CSS to hide it and unhide it depending on browser size. I am having some issues with the code that converts the menu into a drop down. It looks to me like the code is just taking the text and making a list. I am trying to take the href value and add that value to the option value. For example, this code will populate the drop down with the menu items text and their value with no iseeues
How to prevent jQuery Mobile from adding min-height to data-role="page" element
Hello, I'm using jQuery Mobile 1.3 RC1 with jQuery 1.8.2. I have noticed that jQuery Mobile apparently adds a style attribute with calculated min-height property to the data-role="page" element. This is causing some problems with the particular design and layout I'm using. I have a min-height property in my CSS, but it is ignored since jQuery Mobile adds the min-height directly to the element via a style attribute. If I use Firebug or Web Inspector to disable the element's min-height style property
Superfish dropdown submenu not displaying
I am strugglging with superfish dropdown menu, It is just showing arrow, when hover on it , doesn't show submenu under it , neither in IE(7to 9) nor FF. I have goggled and tried to change call of the function with many parameter. here is my code <link rel="stylesheet" type="text/css" href="assets/superfish.css" media="screen"> <script type="text/javascript" src="assets/js/hoverIntent.js"></script> <script type="text/javascript" src="assets/js/superfish.js"></script> <script type="text/javascript">
Submit into a iframe-popup
Hi everybody, I'm using jquery mobile pop-up with an iframe inside. In my case the content of the iframe could do none, one or more page submit. The problem is that when I try to close the popup without doing a iframe content submit, everything goes ok, but when I do a submit into the iframe and then I call popup close, the content of the opener goes into iframe. Seems like if iframe content loses information about his parent. Here is the code... Opening button: <input value="Open popup" data-theme="b"
Popup dialog problem in JQM 1.3 and iOS
Hi, I try to close a popup dialog using the following code: $("#popupLogin").popup("close"); but the dialog is not closed. If I change my code to call the close function twice, it is closed successfylly.
A question about Jquery Ajax
When I call Jquery ajax, I get xmldata back and I can have code like jQuery("#tabclasslabs")[0].addXmlData(xmldata.responseXML) If I have a xml text string, how can I parse it so it returns same format as the "xmldata.responseXML"? Thanks
reduce left and right margins in popup dialogs
If you make use of a data-role="header" within popups, the popup heading will be abbreviated if it exceeds 40% of the available width (because the left an right margins default to 30%). Eg., this happens in the "Delete Page..."-dialog example - small screen widths will abbreviate the title, even if there is still enough space to the left and right: http://view.jquerymobile.com/1.3.0/docs/widgets/popup/ One solution would be to reduce the margin of h1-Tags in this case: http://jsfiddle.net/jT7k9/5/
.listview gone, use .mobileListview instead?
Hi, is just tried to upgrade my application from JQM 1.2.0 to 1.3.0 and got an error that Listviews now don't have data-property "listview" anymore. Do i understand right that this has been removed? I haven't found any documentation about this, that's why i'm asking. ie. my code before did something like this: jQuery("#myListview").data("listview") In 1.2.0 i can see that this data-property is set, in 1.3.0 this is gone, instead a mobileListview property exists.
Jquery Mobile Collapsible List issues on Nexus 7 i.e quick expand and collapse on single touch
Hi Iam using Jquery Mobile's collapsible list view, which is working fine with many of the android devices like S3,S2 and Galaxy tablet devices(also with LG devices). The same is not working with Nexus 7. I am using Backbone+Jquery mobile . Expand and collapse is very fast on single touch ( I mean its expanding and collapsing on single touch). If i touch and hold for some time then expand is working fine, even for collapse also i need to touch and hold for some time. the following is the sample code
blockUI : block() function does not seem to respect local options overrides
According to the blockUI documentation, options can be overriden either globally or locally. Thus, to override the message class globally you could do: $.blockUI.defaults.blockMsgClass = 'progress-wrapper'; ..and to override the message class locally you could do: $('#targetDiv').block({blockMsgClass: 'progress-wrapper'}); However, after fiddling back and forth with this, I'm unable to override locally. As far as I understand, the following piece of code should work: jQuery("div.search-results").block({
Adding facebook comment box in lightbox jquery
Am having an image lightbox code and i tried to add facebook comment box for every image . The first image goes well with comment box . The Problem is when i move on to next image the comment box keep on duplicating for every image . And the move next move prev also not working it moves to end of the last image in album this problem occurs only after adding comment box any idea about this . (function(){ /* Private variables */ var overlay = $('<div id="galleryOverlay">'), slider = $('<div id="gallerySlider">'),
Selectmenu doesn't open when inside a Popup widget in Android 2.3
Hi, This had been a issue since the old versions of jQM and still exists. The selectmenu doesn't seem to open (natively), when inside a element (div..etc.) with the position set to absolute. I tried using the selectmenu inside a Popup widget... and it didn't work. I even tried using the DateBox widget inside a dialog page with the combobox enabled (to choose the year/month).... and didn't work. I recently tested jQM 1.2.0 Final selectmenu in Android 2.3 & 4.1 (inside a popup widget), and it seems
asp.net mvc partial view and jquery mobile
Hi, i need to refresh a listview when dropdown selection change. i'm doing this by return partia view or by filling div view javascript. but when i use Jquery mobile the list view style not change to the mobile style but the basic style of regular lu. i googled this but would not find the helpfull answer. thanks for any help!
JQuery mobile tool-tip popup(“close”) function is not working in IPhone 5
In my JQuery Mobile site I've added a tool-tip dialog box to open when the page is load and It'll disappear after 5sec. My code is similar to follows, <div data-role="popup" id="popupInfo"> <p>This is a completely basic popup, no options set.<p> </div> <script type="text/javascript"> $(document).live( 'pagechange',function(event){ $('#popupInfo').popup("open") setTimeout(function() { $('#popupInfo').popup("close"); }, 5000); }); </script> This update is working fine in all devices except in IPhone
Problem with clone() and datepicker
Hello peeps. I'm having a bit of a problem with cloned table rows and creating datepickers. I use this function ... Admin.Page.copyRange = function($row){ var $table = $row.parents('tbody').eq(0); var $clone = $row.clone(); $table.append($clone); $clone.find('input.date').datepicker({dateFormat:'dd/mm/yy'}); $("#quotes-table").tableDnDUpdate(); } ... to clone the passed in row and append it to the table. That part works great. When I try to create a datepicker on the
Problems with grid view. Wordpress Imbalance2 theme conflicts with plugins
Hello, I desperately need help with my latest wordpress project. I want to use the Imbalance 2 Theme from WpShower. The Problem is with some plugins like wp-e-commerce or Thickbox the grid view layout doesn´t work anymore and all articles are showing up in one column. Unfortunatly I can´t provide a link to my site at this moment because I am working on localhost. In the WpShower support forum are several Topcis with this issue but so far no solution. Any help is appreciated. Many Thanks,
Multi File Upload through Modal popup
Hi Team, As per my current requirement, We have to develop File Browse popup with some specific Buttons. Requirement (completely customized window for file upload): 1. When click Browse button then, Popup window should display local directory Files (it should allow single/multi file selection) in modal popup window. 2. Popup window should allow user to select multiple wiles to upload. Please suggest some inputs/plug-ins to fulfill this requirement. Thank you in Advance. Regards, Srinivas.
accordion with content before hearder
Hi i wanted to know if is it possible to show the content up the header and not under it ? Thank you already for your answers. Jomania
Windows 8 store application using PhoneGap and JQM
Hi all, i am planning to develop an enterprise application using phonegap and JQM which is targeting all platform tablets. Can any one tell me how can i bring Windows-specific UI/ Android-specific UI to my application. For example, i want to add appbar to my application. Is there any plugins available for Windows style application UI (Previously it was called Metro style application) ? Any ideas to handle page navigation ? Is there any inbuilt page navigation techniques ? Thanks in advance !
[datepicker] Add custom text to a cell. Which way?
I need to show custom text on some dates at Jquery UI datepicker, to be more precise, to render a specific price for some dates. My idea was to use beforeShowDay to attach specific price in titles of such dates and then, in beforeShow to check out each td and to place title's text into the cell. Example: var m, d, y, checkDate, specificPrice = ''; var specificPrices = {"2013-3-8":"300 EUR", "2013-2-26":"263 EUR"} $('#my-datepicker').datepicker({ beforeShowDay: function checkAvailable(date)
Extend datepicker to fill calendar with pre-existing dates and highlight them....
Hi, what I would want to have is a functionality, where I can define certain groups, assigning them a specific colour, then, in a second step, assign certain dates and names into those groups. If the calendar shows such a date, it should be marked by the colour provided for it's group and show the name as a tool tip on mouse hover. If a date appears multiple times, each name should appear in the tool tip in a new line. And maybe there should be a hardcoded background-colour implying "multiple", if
I would like to pay for some jquery input....
Hi all, I'm posting this a 2nd time as I've had no (proper) responses to it first time. I need a jQuery based dynamic database facility to be added to my website. I have no idea how to do it and too little time to learn. I have therefore decided to offer someone an opportunity to earn a bit of money and maybe even get a job later. In the short term, I'll tell you what I need - you come up with a price. If we agree, away we go. The 'winner' will be offered any further work that comes along, but
Lost in the Woods!
Lets say You want to: hover over a link- then have a picture appear, hover off the link- picture goes away then if you click on the link- picture appears and stays when yo click on the x the picture goes away
function not working
function firstFocus() { $('#form-first').hide(); $('#first').show(); $('#first').focus(); } function firstBlur() { if ($('#first').attr('value') == '') { $('#first').hide(); $('#form-first').show(); } } //functions called from an external js file <input type='text' id='form-first' name='first' value='First Name' onfocus='firstFocus()' size='50' > <input type='text' id='first' name='first' value='' size='50' onblur='firstBlur()' > I'm new to Jquery and can't seem to get the firstBlur
Jquery Pages 1 and 2 column layout
g'day, I love jquery pages, but wondering if someone can help me do the following. Basically I have a menu that selects a set of pages, all in the same document. What I want: - on phone - to click menu, and "navigate" to new page, with a back button (as per the mobile demo) so I can do that... but I also want - on computer, or ipad, have two column layout with menu at the left hand side, so clicking the menu replaces the page on the right column - the menu remains always visible. NOTE - it's
1.3 Final, and documentation
Apparently, 1.3 was declared Final this morning. (Though there's some ambiguity on the website, with it referred to as both "Final" and "RC1".) At the same time, the documentation has switched over to a new format. There is now separate API documentation, which is very rough: http://api.jquerymobile.com/ Now the demo is just a demo/examples: (no it isn't, see "update" below...) http://view.jquerymobile.com/1.3.0/#&ui-state=dialog&ui-state=dialog While the old documentation was hard to navigate, because
do not trigger mouseout until the cursor is over the element
I will try to explain it as simple as possible... - #layer is initially hided, I make it visible by clicking on #link - Now I want to hide #layer on mouseout, the problem is #link is far from #layer, so I click it and #layer appears, but it automatically hide since at that point the cursor is not even over the element (#layer). I would like to avoid trigger the mouseout event until I can get the cursor over #layer. Hope you guys can understand what I say (stupid language barrier, makes everything
iPad page transition issues
Not sure if this has been answered yet; but, I've tried so many "quick fixes" to no success. Currently, every time there's a page transition, the styling of my navbar gets unstyled and the screen jitters. Here is my index file, http://cl.ly/N4pb. And here's my custom css file, http://cl.ly/N4cX. The text also looks blurry during the transition as well. I also turned "off" the transition, but you still get the unstyled navbar as well as the blurry text momentarily. http://jsfiddle.net/SUa3p/, you
.animate() not running from time to time.. why?!?
I am having an issue where an animate function is not running periodically. so to start with i have a piece of code that listens for a swipe on an element var maxTime = 1000, // allow movement if < 1000 ms (1 sec) maxDistance = 50, // swipe movement of 50 pixels triggers the swipe target = jQuery('.pageSize'), startX = 0, startTime = 0, touch = "ontouchend" in document, startEvent = (touch) ? 'touchstart' : 'mousedown', moveEvent
unable to load html file from local file system into div
Hello guys, i am working on mobile application where i need to load a html file which is stored locally into div, i am able to see all the html text into div but not the images, i am using fallowing code to load html into div $.ajax({ url : currentBroadcast.broadcast, data : {}, success : function(data) { console.log("data is :" + data); $("#text_content").html("<strong>" + data + "</strong>"); } }); log("DEBUG: richTextPageUpdate ended"); }
Changing the order in a collapsible set breaks hide/show
Using JQM, I have a collapsible set that I want the user to be able to change the order of. I can change the order with jquery, but after the content is changed it breaks hide and show (the collapse function). Looking for some ideas as to what's happening and how to fix it. Example on jsfiddle *I tried to post the code here but I got a content limit error.
VideoBG mute function help!
Hi guys. I've been using the Jquery plugin 'videoBG' to play a background video to my site, which autoplays and loops. Here's the link to the website. Everything works fine, but the problem is the plugin contains no native mute function, and I'd like to mute this on the page loading. I've tried inserting .attr('muted', true) in the //video element section, but I just don't have the foundation of JQuery knowledge I think you need to make this work. Just for your information, this doesn't need to
How can I alphabetize a JSON list and then use JQuery to display it in a table
I have an external JSONP connection working but on the success even, I can't quite figure out how to take the data it has returned and alphabetize it and then show it in a table. Can any one help me with this or point me in the right direction? I'm still new to JQuery.
ReferenceError: table-columntoggle is not defined
I like Column Toggle. It works fine with a static table, but when a new row is added programmatically, it doesn't get required classes (ui-table-priority-?, etc.) to function. Refreshing the table with $("#myTable").table-columntoggle( "refresh" ); fails with the following error: "Uncaught ReferenceError: columntoggle is not defined". As a matter of fact, I get the same error trying to just get some options: $("#myTable").table-columntoggle("option", "columnBtnText"); I use jquery.mobile-1.3.0.js
Bug in IE 10
Hey all, Got another issue (this one might be explainable). Client called in and said our JSON autocomplete doesn't work in IE 10. IE's JavaScript debugger gave me this: SCRIPT3: Member not found jquery-1.7.1.min.js, line 2 character 30636 I've tried 1.9.1 and haven't seen the problem corrected. Is there some work-around available for this issue? Thanks.
Problem with jquery function.
Hallo everybody. I have a problem with a jquery spinner function. It works good just the first time when I click to increment or decrement the value of the school year. I mean the school year changes so changes the previous student school year, where there are some data like previous couse, class and so on. I post the function. If someone would like to help me I'll appreciate very much: <script type="text/javascript"> function provenienza(arg1, arg2) { var request; request = new XMLHttpRequest();
Show / Hide DD
Hello, I have the following HTML: <dl class="Faq"> <dt>Question 1?</dt> <dd>Answer 1</dd> <dt>Question 2?</dt> <dd>Answer 2</dd> </dl> How can I show / hide a DD when its DT (on top) is clicked? Thank You, Miguel
Next Page