stop page from jumping to the top?
Hello, i've made a menu for my website and i've used to jQuery to create a sub menu on the 'about' section. the problem is when you click the button, the page jumps to the top.. which i don't want it to do. is there a way round this? here's the javascript i'm using: $(document).ready(function () { $('li.aboutb').click(function () { $('ul#aboutsub').slideToggle('medium'); }); }); here's a link to the page in question: click me Thanks in advance. Max
JQM Gallery - gallery of jQuery mobile sites
Hey crew. While building jQuery mobile sites I found myself looking for examples that I could use for ideas and inspiration. Decided to build something similar to the many popular css galleries, but for jQuery mobile! I combed through forums here and found a few links, but if you have a jquery mobile site out in the wild be sure to submit it to the gallery. The site: jqmgallery.com Submit your jquery mobile site: jqmgallery.com/submit/ also: if you visit the gallery on your mobile device you'll
Draggable has offset when page is scrolled
Hi I have a page with a (long) list of object on the left and a droppable on the right. When the page is not scrolled, I can drag and drop items to the right normally, but when page is scrolled if I start dragging an object from left list to the right area, the helper (moving object) appears with some distance from mouse cursor, this distance increases with increase in page scroll size; How can I fix this? Best Regards
Accrodion flicker when you change section if there's scrollbars in sections!
Hello, You can see this problem in the example given here : http://jqueryui.com/demos/accordion/#fillspace Go to section 3. Drag the scrollbar down. Now, each time you select another section or come back to section 3, you have a very ugly flicker. If you reset the position of the slidebar on section 3 then the flicher disappears! Is there a way to get rid of this annoying blinking? Thank you edit : I have this problem only with firefox!! I use firefox 3.6.3
Icon only toolbar button
It is possible to have a toolbar buttons without an icon. But how do I create a button without text? I noticed that: <a id="btn-fav" data-icon="star" class="ui-btn-right" href="#" > </a>does the trick but leaves me with space after the icon. Leaving the text blank result in an odd formatted button. Someone an idea?
Dialog will move its div-tag to body
Hello, If a dialog is opened and destroyed the div used as dialogcontent will be removed from its original position and will be appended to the body. This becomes a problem when using partial page updates, because the div will move out of the scope of the update. If the update creates the div again it will exist twice now, including all the problems like not unique IDs. I have got two ideas to fix this. Alternative 1: Memorize the parent element Add following line to the _create function this.parentElement
[jQuery] ClueTip - display image in tip
Hi there, I've been having some problems getting cluetip to show an image. essentially i just want it to work like this: title="This is a description | <img src="image">" and then I need the whole thing to be linked as well. any thoughts?
A Case for Deferred.chain
As of today, Deferreds are awesome to deal with asynchronous tasks. However, they lack a mean to filter/chain tasks without cumbersome code. For instance, let's say you want to chain two ajax requests. Here is how you'd do it now: $.ajax( url ).done(function( response ) { $.ajax( reponse.url ).done( callback ); }); It gets a bit trickier when you need to give a promise for the end of the whole task in order to decouple the code and not have to provide the callback when the request is initiated
basic livequery and dialog question
I'm loading data from a mysql db on a page - if certain criteria are met in this data, I put up a button, where I'll want the user to click the button and have a dialog appear (with yet more data from a mysql db). I can't get the liverquery part to work - seems simple and I get no errors. Here is how I'm getting my button: [code] if ($row['location'] == "home") { ?> <button id="bttn1" value="volunteer">Volunteer</button> .... [code] up top in js, I've got what I think is livequery
[jQuery] [validate] Attaching events to dynamically added fields
Hi Jörn or anyone else familiar with this plugin, First off, thanks for the great validation plugin. I hope I do not impose too much with this question. I have a dynamic form with fields named using brackets ([]). Validation is working for fields that existed on the initial page load, but when I add append the code for a new field, the validation events are, of course, not attached to the new DOM elements. What's the best way to accomplish this? Rob
Scrollview how do I use it and where do I find it?
Hi, I want to add a scroll-view to my page but do not know how to do so. When I look at the example at http://jquerymobile.com/test/experiments/scrollview/scrollview-direction.html it points to files I do not have or know the full URL. Can anyone advise me on this as it looks as though using scrollview would be the best option for me. Thanks, Paul.
Phone number inside list item
I have a list (<ul data-role="listview">). In some of the list items, the content contains a phone number. iPhone automatically creates a link from these phone numbers. The problem is that once there's a link inside the <li> element, the behavior of that list item changes, and the phone number link is not displayed as intended. I could disable all phone number links using a meta tag but I'd rather not. Is there a way to embed a regular link inside an <li> element?
Autocomplete - trigger search + show all results
Greetings: [Jquery UI 1.6rc2] * Is it possible to use autocomplete methods to trigger a search based on text like so. $('#textbox') .val('my name') .autocomplete('search') This does not have an effect when I execute it. * Is there a method/option to show all data in an autocomplete? For example, by clicking the down button? Thanks, John
button lauching a file dialog
Hi, I try to open a file chooser dialog when pressing a button. Here is what i have up to now. <html> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="scripts/jquery.min.js"></script> </head> <script type="text/javascript"> $('#button').file().choose(function(e, input)
Decimal Steps with Range Slider?
Though HTML5's "range" input type does allow a step value that accommodates decimals, jQuery Mobile doesn't seem to respect that. It looks as if JQM just rounds the value up, which isn't good for my use. I am trying to use the following: <input type="range" name="HoursWorked" id="HoursWorked" value="1" min="1" max="24" step="0.1" /> As I said, JQM is just rounding my slider value, ignoring the actual step value. Is there a reason for this? Also, can I disable this behavior? This specific use requires
Show/Hide buttons by class loses formatting
Hi, I'm running into formatting issues when I toggle button visibility depending on context. Note, in the code below, the formatting for the button with myclass0 is unaffected, just the buttons with myclass1 and myclass2 as their visibility is toggled. But I cannot figure out why my code is pretty straightforward e.g. <a href="#" data-role="button" class="myclass0">Button 3</a> <a href="#" data-role="button" class="myclass1">Button 1</a>
[jQuery] Problem with double submit of and form
Hello, the code bellow shows my problem. I have a link, when i click on this link the DIV with the Form slide in. This works. But when I submit the form the result was executed twice. And I Don't know why. When I leave the code for slide in the form, the form was submited only once. Why jQuery submited this form twice??? Any idea? <a href="javascript:void(0)" id="testlink">Show Test</a> <div id="tpanlegen" style="width: 100%; display: none;"> <form id="teilprojekt_create" action="/test.action" method="post">
Dialog error in IE6/7
Hi, I am using jQuery UI 1.6rc6 together with OpenLayers (http:// www.openlayers.org/) and have come across som issues running it in IE6/7. When I try to move the dialog i get the error "Error: Failed", this occurs only when i have a vector layer in OpenLayers and I havent been able to reproduce this in any other way. Here is an example: http://www.lindmark.org/temp/test/dialogtest.html Any ideas, it works perfectly in firefox... Fredrik
Cycle plugin, split-up pager.
Hello everyone, I've recently discovered the power of jQuery Cycle plug-in, and I'm enjoying it. However, tonight I faced an obstacle trying to achieve something. Basically, what I want to do, is to split the pager for a single slideshow into multiple parts, each containing only a some of the slides: essentially, in my idea, the thumbnailed pager appears on the side of the slideshow, and the thumbnails appear beneath some heading tags depending on their category. For example, I have a slideshow
Cycle - show more than one item
Is it possible to show more than one item with cycle plugin. For example, if we have something like: <ul> <li id='1'> <li id='2'> <li id='3'> <li id='4'> <li id='5'> </ul> I'd like li's 2 and 3 to be shown at the same time.
problem using jquery mobile and jqplot on iPad
I have a problem using jquerymobile with jqplot on an ipad this is probably a jqplot problem but i thought i'd try anyway when i have loaded approximately 12 jqplot plots safari just quits, no error. i used latest versions of both jquery mobile and jqplot any thoughts on this anyone
Link inside an accordion
When I add a url link inside an accordion it adds another accordion section. I'm using the accordion for content not navigation. How can I avoid this and just get a link to another site in a blank page. I'm using 1.2.6 and ui.accordion.js
slider not sliding in IE9
Hi, I have use the following Jquery plugin selectToUISlider on my web site which has worked fine in IE8,FF, Chrome however when viwing the same site in IE9 the slider doesn't slide when using the mouse to drag the slider. I can still click on each value and the slider will move/jump to the required value. I've debugged the javascript in both FF and IE9 and I can see that in IE9 the slide event doesn't get fired, where in FF it does. Does anybody have any ideas? unfortunatly I don't have external
Cache strategy
Getting cached most elements of a mobile web app/page is obviously important... right? Some time ago, when the first version of iphone was the only true "smart phone" I was trying to use jquery-core on a web app but discovered that mobile browser did not cache files over 21~27 kb. Someone known if this limitation is still there on modern phones? This jQuery mobile looks amazing!, Writing js without jQuery is no fun!
jQuery UI 1.9 release date
When jQuery UI 1.9 likely to be released?
Cluetip in an iframe
Hi all, i'm using the cluetip plugin in an iframe. When I mouse over the link, the cluetip does not load above the parent page, so it gets cut off partially. Is there any way to make the cluetip load above the parent page? thanx
header not fixed on dynamic page
I use the following code on one of 10 internal pages. before I show the page 10 <li>s are dynamically appended to each of the 3 <ul>s in a pageshow event, and I do a listview refresh after this action. On this scrolling page the footer stays fixed but the header does not. What am I overlooking here? I am using the latest version of JQuery mobile. <div data-role="page" data-theme="b" id="statistics"> <div data-role="header" data-id="hdr" data-position="inline" data-position="fixed"> <a href="#home"
Accordion
Hello! I'm using the Accordion plugin and I want to display my list all compressed. What should I do?
dynamic loading of images in very long listviews
Hi, in a scrollview I have a long list of listview with thumbnails. If the length of LI-Elems is bigger than 200 items, the webview crashs. Idea: <li><img src="dummy.png" data-fullimageurl="FULLURL"><h3>Title</h3><p>DESCRIPTION</p></li>And now: On event scroll => detecting which LI's are in viewport and src="dummy". For this images I want to replace the sources. In the facebook-app it works so in long. I have made tests. The problem is the length of list not the iamges. What we need is a dynamic
Styling the dialog box of alert function
Hello, When we now use the alert function, the dialog is still native. It's very useful when we have something like this dialog box, which appears as a layer on the current page (not totally hide the current page as the current dialog box of jquery mobile) and has the style of jquery mobile framework. I want to use this kind of dialog box to inform the users after a ajax call. Regards
Any news regarding shadow for modal dialogs? I'm new to jQuery and I can't make it work
Hi, I have created my own theme using themRoller, and I liked the shadow that is being showed in the overlay dialog. How can I apply it? I have searched and seen that like over one year ago it was removed because of some problems for 1.7, but right now we are in 1.8, so I guess it could be solved. I can't find anything in the API. Is it still TODO feature? Thank you!
marks in firefox with bxSlider
Hi everyone, I need some help in removing the marks that appear in Firefox with this JQuery Plugin (bxSlider). Thanks in advanced!!
"jQuery15012356981023933311_1302979842877" replaces double question marks in Ajax/JSON
Hi, I have some jQuery Ajax the sends a message to an ASP.Net webmethod, it gets saved in the database, and is then returned to the client. Before the message gets written to the database, the above string is appended to the message so I'm asumming its happening between the client hitting the Send button and the .Net Webmethod receiving it. I doesn't happen very often so I'm struggling to debug. Any ideas? EDIT: Title modified due to further revelation.
Make Autoscroll stop at bottom
Hi. I've installed the jQuery autoscroll (http://www.yeesiang.com/jquery.autoScroller/), for my web page. I'm using it in a div tag for a news feed. The problem is that it is looping. Is there any way to make it stop at the bottom? And if its possible, is there any way to make it being able to scroll upwards again?
Select Menus data-native-menu="true" Not working for Android
When I use data-native-menu="true" in iOS and Chrome, everything works as expected. However, if I use it within a fieldset on Android, the first drop-down in the fieldset works, but no drop-downs after that work at all.
Ajax navigation and authentication
Hi I'm using jquery mobile in an ASP.net mvc 3 site. I'm using authentication so the user has to log in when he visits the site. When the user logs in he is redirected to main page "/" but the address in the addressbar is : /Account/Logon#/Account/Logon (Account being the controller for the Logon site and Logon the view.) When the user refreshes instead of reloading the main page he is redirected to the logon page. How can I fix this ?
Accordion - expand all?
I am implementing J. Zaefferer's accordion plugin. Is there a way (or option, but I couldn't find one) to have a specific header 'expand all' or 'open all' the sections? I have written a snippet of jquery to show() all the sections, but then the accordion loses track of what is open. I'm not sure how to expound on this any further, so let me know what you need to know...
Datepicker don't work in IE 9 ?
In Chrome works well and in other versions of IE too, but in IE 9 don't work. Is this a compatibility problem?
jqgrid with spring mvc
Hello.... I need to use jqgrid with spring mvc3.0.... Can i get any help regarding the same??? Any sample code is welcome....
[jQuery] Using couchdb to build a EMAIL messaging solution with threaded inline replies
Using couchdb to build a EMAIL messaging solution with threaded inline replies <a href="http://pylab.blogspot.com/search/label/couchdb">http://pylab.blogspot.com/search/label/couchdb</a>
Next Page