Linked listview with a split button
I wonder is it possible to create a linked list view with count bubbles having a split button at right?
listview in panels error
Hello, i need insert listview in panel because i need insert custom icon, but wen i try this the lisview sre see wrong brcause the size is standard. can i resize listeview for insert in panel? Another question: why when i use panel only effects overlay works, if i add push or reveal appears double panel. Thanks.
Widget functions within jQuery methods
Hello, I am currently developing a widget and was wondering if someone new a solution to this. Basically I have declared a private method in my widget like so: _mymethod: function(){ //something cool }, I would like to call this method inside something like this: $('#droppable').droppable({ drop: function(event, ui){ //Call method here } }); However everything I try comes back as method is not defined or object has no method. this._mymethod(); _mymethod(); etc Any advice
Flickering problem on input text
Hi, I have some strange flickering problem with input text control. i have a simple page with button on it and while pressing on that button i am opening popup that has listview and on last row of that listview i have input text field. While activating this page on iPad and trying insert text to this input, the page is flickering and jumping for each key presseed on virtual keyboard. i am using jquery mobile version 1.3.1 any ideas? this is the full page source: <head> <title>Basic Mobile Page</title>
Trying to submit a post via $.post when page loads
Greetings to everyone. My very first post to these forums. And my sincere thanks in advance for anyone who can help me solve this since I am "days new" to jquery. I am trying to come up with a single sign-on solution for my web site. Thus far I have a php document that verifies the user name and password that gets submitted to it, then passes those credentials to my forum software via the vendors own provided auth method, but the last step eludes me. I am trying to pass the same credentials to
Getting current url on pageinit event
Hi, I would like to know how to get current url on pageinit event properly, since both window.location and history.getActive() returns previous url. It seems that the newest url is applied as the last thing after changing page. I found one way to get it by: $(document).on("pageinit", function(e) { var url = e.target.baseURI; }); Unfortunatly, it does not work on some devices :( I use the newest jQuery Mobile and jQuery.
Tablesorter @ sort image
First of all, sorry for asking this... probably has already been answered, but I can't find a solution. I'm using the tablesorter plugin with this simple table: table @ pastebin I need to sort the second column, using the alt or title parameter. I have to write my own parser? I don't have any knowledge of javascript, so I really don't know how to do it. I'm using jQuery 1.5 and the last tablesorter. Is there a better way to sort tables or another plugin? Thanks in advance PS: Sry for my english.
jQuery Mobile iPhone app stuck - have to reset phone
I have noticed this bug on my iPhone/iOS simulator. If I let the app sit long enough, my screen will dim and then will wake up when I touch the screen again (all normal). If I wait a few minutes and I try to hit the Home button on the iPhone nothing happens. I have to restart my phone in order for it to become functional again. I am using the following versions. Any ideas? <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" media="screen" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
Can't remove cancel buttom from star rating plugin
I'm using the latest version of the star rating plugin from http://www.fyneworks.com/jquery/star-rating/ I have added the following to my document ready function, but the cancel button still shows. What am I doing wrong? $('input').rating('required', false);I'm getting this error in Firebug $.fn.rating[arguments[0]] is undefined
DatePicker Done button onclick
Hi - I have a DatePicker that displays Month/Year drop-down, I want to get the input field updated with mm/yyyy when the user click the "Done" button from the button panel Tried to attach a click event but didn't work: onOpen: function(){ button = $(this).datepicker('widget').find("button:contains('Done')"); button.click(function(){ var month = $("##ui-datepicker-div .ui-datepicker-month :selected").val();
What is best solution to make fluid text with jquery mobile?
What is best solution to make fluid text with jquery mobile? I have made images responsive using img {max-width:100%} how to make text fluid? --- Jitendra Vyas Senior Front End Developer SKARP ApS http://skarp.dk http://in.linkedin.com/in/jitendravyas http://twitter.com/jitendravyas
jquery slider stopped working
My slider I had been using with Thesis theme in Wordpress suddenly stopped working on all my sites that use it. Basically the images are there but not cycling through. They are just stacked on top of each other. Here's the site... http://www.bluesguitarinsider.com I'm not a js expert so I'm clueless. The code looks like this... <?php }} add_action('thesis_hook_after_header','slideshow'); function slide_script() { echo "\n\n"; ?> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
Size Effect Confusion
I am new to jQuery/jQuery UI, so I apologize in advance if I am just being particularly dense. I am wanting to use the jQuery UI size effect to shrink an html element and contents. Using the latest version of jQuery UI, I can not get the size effect to "stick". The element will resize, then at the end of the resize, it will return to the original size. If I go back to jQuery UI 1.8, this does not occur. How do I make the size effect stick in the latest version of the jQuery UI? You should be
run jquery function with each php iteration
Hi, I'm loading multiple items from a database using php. Each item has a 'category' attribute. I'm trying to run a jquery function, which loads a php script, for each iteration of an item. The script fetches all category options from the databse and populates a <select> object. The reason for this roundabout method is that there is an option at the top of the page to add a new category. If a new category is added, I want to reload the above function for every item, so the new category is added to
Does jQuery ui support jQuery 2.0
I am using jQuery 2.0 and jQuery UI 1.10.2 and when I try and create a button I get an error that the data("uiButton") is not created, however it is created correctly when using jQuery 1.9. In all the example I see jQuery UI using jQuery 1.9 is it because that jQuery 2.0 is not supported?
jQuery UI – Single Selectable
Here, we will make the selectable component for jQuery UI “single selectable” First of all, we may disable dragging mouse: Delete "_mouseDrag" function in your jquery-ui.js for “selectable” part. Now we may write the code for our selectable object: var xselect; $(function() { $("#yourselectable").selectable({ selecting: function() { //here we will make unselected the last chosen item if ( xselect && xselect.length > 0 ) { $(xselect[0]).removeClass("ui-selected");
Link after autocomplete
I follow this : http://jqueryui.com/autocomplete/#folding it works fine but i want to add 2 "options" 1- When the data is selected it must go to a link defined by value, like : select: function( event, ui ) { window.location.href = ui.item.value; } 2- The user can't do anything else than choose the selection proposed
dynamic page urls not working in 1.3.1?
I have an application currently using jQM 1.1.1 and I am in the process of updating to 1.3.1. This application uses AJAX to get data and dynamically populates ui-page contents, based on the example at http://jquerymobile.com/demos/1.1.1/docs/pages/page-dynamic.html (which is also present in the 1.2.0 docs). However, in 1.3.1, the search portion of the hash (after the ?) is stripped out when the url is updated during $.mobile.changePage() - this appears to be intentional based on comments in the code.
jquery tubular: execute some code after video playback
Hello there, I'm using a wordpress theme which has a fullscreen video background (using tubular for this feature) or an optional fullscreen slideshow. The client wants the fullscreen video, BUT when the video is over he wants to continue with the slideshow. So....I would need to detect in some way when the video has finished playing and then execute some php code to setup the new background....anyone has a solution for this? I'm pulling my hair off....
I created an app using jquery mobile and dreamweaver....Im having problems with it loading (takes to long)
Good Afternoon everyone. I have created an android app that consists of the study material for a boat mechanic. i went to school to be a marine tech and I decided to take the content of the class and design an app. As the app size grew so has the problem with loading this app on devices. There is a tun of content and I was wondering if there is a way to break up the content so that It does not take forever to load. See the long load time makes the app quit and I get an error message. my app is on
Jquery Validation Engine custom messages issues
Hi, I am using the jQuery validation engine plugin from posabsolute. (https://github.com/posabsolute/jQuery-Validation-Engine). I am running the following code: <script type="text/javascript"> jQuery("#frmuserdata").validationEngine({'custom_error_messages' : { '#cemailconfirm' : {'equals': {'message': "Emails do not match."}}, '#cpasswordconfirm': {'equals': {'message': "Passwords do not match."}}, } }; </script> <script type="text/javascript"> $(document).ready(function(){ $("#frmuserdata").validationEngine('attach',
ListView with alphabetical index
Hello! Is there any facility to create alphabetical indexes on a long listview? The effect I'm talking about is shown on iOS here: http://i.imgur.com/8BlkG.jpg I didn't know if anybody else had tried to create this functionality, of if there is a recommended way to allow users to jump to specific sections of a large list view. Thanks!
Preannouncement jQuery Mobile 1.4 alpha release
Hello jQuery Mobile users, In the week of July 15 we will release jQuery Mobile 1.4 alpha. We made some big changes to improve performance and we will also introduce a new default theme with new icons. Of course you will find all highlights and complete changelog in the blog post that comes with the release. I just wanted to inform you about the planning and ask you to start with upgrading and testing as soon as the alpha release is out. Looking forward to your feedback! Thanks, Jasper PS. See our contributing
jQuery Tabs load page inside tab when URL has query parameters
I have jQuery tabs with 2 tabs on a page. They are both local (no remote content.)When the URL does not contain a question mark, the jQuery tabs work fine. But when the URL has a question mark, it will load the whole page inside the tab (page "INCEPTION.") Tracing the code that loads the page, I found this function in jquery-ui.js: function isLocal( anchor ) { return anchor.hash.length > 1 && decodeURIComponent( anchor.href.replace( rhash, "" ) ) === decodeURIComponent( location.href.replace( rhash,
Executing script inside a dynamically loaded div
Hello all, I'm extracting a div from some large HTML that contains normal HTML and scripts. If I use e.g. $div.replaceWith($newDiv); ...the scripts don't get executed. Same with html($newDiv.html()) How can I get the scripts to execute? Thanks in advance and kind regards
Response with empty styles
I am using http://code.jquery.com/jquery-1.8.2.min.js http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js to make a design around photos of people on this page http://www.videochatforfacebook.com/vip-members and it looks really cool, but it has a problem. In the top menu is a button Search, press it, after select parameters you want (like Gender, age etc) and press button "search" at the end of the form, it will work perfectly, system will give you a list of people only accordingly to
Validator plugin with text "required" in each required input field
Hello people, I have a question about the Validator plugin. My clients requires to have the word "required" on each of the required fields. But of course, when I set the value to "required", the plugin understands that the field has content, hence it bypasses it. How could I add the text "required" and still make the plugin to work when the form is submitted. Thanks a lot. Dani Szwarc
jquery mobile 1.3.1 data-inline="True" not working
I've upgraded my application from jquery.mobile 1.1.0 to 1.3.1 and run across a problem. (I'm using asp.mvc 3) I've got buttons I create using the ActionLink() extension method that accepts html attributes as IDictionary<string, object>. One of the attributes I specify is "data-inline"=true and in the resulting html page it renders as data-inline="True" With jquery.mobile 1.1.0 this works, but with 1.3.1 it does not (the data-inline is ignored). I've worked around this by specifying the value of
dynamic carousel, jump to specific slide
Hello, I'm using the carousel from https://github.com/Wilto/Dynamic-Carousel I'm using the 2nd example, which generates an icon to jump to different slides. Each of this icons has a link like demo.html#carousel-2-0-slide0 demo.html#carousel-2-0-slide1 demo.html#carousel-2-0-slide2 demo.html#carousel-2-0-slide3 I'm trying to add a menu item, outside the carousel to trigger the event but nothing happens Like $(".menutrigger").click(function() { $('a[href^="carousel-1-0-slide2"]').trigger('click');
Loading a function backwards?
(I have bad terminology, so please bare with me atm) Is there a way to load a function, and have it initate each action in reverse. For example, load this but have the animations start from the last and work to the front? (newBox3 first. Excuse the click method) $(document).ready(function(){ $("#newBox2").click(function(){ $("#newBox2").css('z-index', 12).delay(1000).animate({top:'220px'}); $("#newBox").animate({left:'280px'}).fadeOut(6000); $("#newBox3").animate({left:'280px'}).fadeOut(6000);
Link out of history
Hello, Is there a way to make a link (ajax link) that is not keep in the history ? As we have the changeHash option in the changePage method, is there any wtrribute we can use in a html link ? For instance : <a href="#nextHiddenStep" data-no-history="true">test</a> Is there a sort of "data-no-history" that we can add to say, don't put this url in the history ? My case is : the link is to a "wait page" that make a changePage just few seconds after. So when the back button is used, I don't want to
Scrolling when resizing window
Hey everyone, I've implemented a scrolling function: var watTopPosition = jQuery(".artwat").offset().top + headerHeight ; $("html, body").animate({ scrollTop: watTopPosition }, 'slow'); My code get's called using: $(document).ready(function () { This works fine but when you resize the window the values aren't good anymore. And it scrolls to wrong positions. Does anyone now how to fix this? How can you "reset" the values when you resize? Tx, Borrie
UI Tabs and Multiple Accordion
I am having difficulties using an accordion for each tab. For the first tab 'Session 1' the accordion works fine, however, for the 2nd tab and the 2nd accordion 'Session 2' the text within the body does not show. i.e The accordion is created, but when you select the accordion header none of the text appears after it expands. Here is the code: <script language="javascript" type="text/javascript"> jQuery(document).ready(function(){ $("#tabs").tabs(); $("#accordion").accordion();
multiple accordion not working for other tabs
I'm I have a multi-tab and would like to have a an accordion in each tab. What's happening is it only works on the 1st the tab and the rest does not show the accordion. Please help. Pretty new in jQuery & HTML Here's the code. <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Paper Settings</title>
html page working fine in jsfiddle but not in local file
Hi to all, I have html page and i use jquery,javascript and css codes. For testing,i run it in jsfiddle and its working perfectly but when i used it my application then its not working. I do not find any error in the console too. Here is the link to jsfiddle http://jsfiddle.net/YPBts/2/ and here is my code <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Autocomplete - Multiple values</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
sortable explaination
hello every one i want to use this code http://jqueryui.com/sortable/ and i made it as i need but i want to make it save my changes as cookies i think that done with ubdate function is this right and if it is explain it to me how to make it work
Not sure what I am missing here
I have been developing in php for about a year now, and i just started working with javascript and jquery. I believe were my problem lies is the variable scope, but i am not too sure whats wrong var x = 'test'; $(document).ready(function(){ var func = function(){ return { trigger: function() { x = 'yay'; }, display: function() { return x; } }; }; var result = new func(); $('#click').click(function(){ result.trigger();
Submit form to specific method
Hi all, I'm currently working on a page including jquery mobile, and it try to submit a form. I work with struts 2.0, and my submit button is like that : <input type="submit" id="_registerDelivery" name="method:registerDelivery" value="Ajouter" data-role="none" form="edit-delivery-form"> The name attribute allow my form to be submitted to a specific method of my coreesponding struts java class action(registerDelivery) Whithout jquery mobile all worked fine, but when I add the jquery mobile library,
not sure where the bug is: blur event when leaving window causes unexpected behavior
I'm trying some in-place editing thing. Replacing table cell contents with an input element works ok. Changing it back also, as long as focus stays within the browser window, that is. But when the blur event results from leaving the browser window, things may go wrong. Check out the link below. It looks like jQuery retrieves a bad value. Working example: http://timeofday.nl/issues/bugMaybe.html Steps to reproduce the error are described there. This only fails in Chrome. FF, IE look OK. My Chrome
Problem with animation effect
Hello beautiful people. I have problem with animation effect. View: http://jsfiddle.net/pHnWz/6/ objective: When the mouse cursor over the button opens the div and occur 2 options: 1 - If I'm inside the div and then the mouse leaves the div closes 2 - If I'm not inside the div and the mouse leaves the div closes Code: $("#button").hover(function(){ $(this).addClass("active"); $('#content').slideDown();} ,function(event){ if($('#content').is(":hover")) { $('#content').slideDown(); event.stopPropagation();
Next Page