tooltip bodyHandler / external function
The code below returns: jquery.tooltip.js (line 149) bodyContent is undefined error source line: if (bodyContent.nodeType || bodyContent.jquery) { $('td.de a', tr ).tooltip({track:true,extraClass:'de',showURL:false, bodyHandler: function() {showstuff();} }); function showstuff() { return "hello world"; } Am I missing something? Thanks!
History Plugin
Hi everyone, I am working on a personal project and I need to create a system where everything in the front end works via JSON. There will be one main index page and the rest of the content will be pulled dynamically. So I need to make sure that my system is seo-friendly, supports browser's back/forward buttons and each content section can be bookmarked. So far I have found the following plugins: http://www.mikage.to/jquery/jquery_history.html http://stilbuero.de/jquery/history/ http://benalman.com/projects/jquery-bbq-plugin/
Using "Simple Modal" on iTouch in Landscape Mode
Has anyone tried to use the "Simple Modal" jQuery plugin in landscape mode on the iTouch or iPhone? It appears to miscalculate the dialog placement, often appearing off-screen. Also, the overlay that appears behind the dialog is too short and you can see where it ends if you scroll down.
SVG - Draggable, Droppable, Selectable?
Hi all, How can i make SVG drawings (with jQuery SVG or Raphael) that are fully compatible with jQuery, so it's a DOM element that i can drag, drop, select, ... Thanks, Chielus
Drawing shapes
Hi, I'm looking for a plugin or similar in order to draw shapes like circles, rectangles etc. Something in style with: $("#myDiv").drawRect(10, 10, 20, 20, {color:'blue', alpha: .5}); I did found the drawing plugin but i didnt get it to work. Appreciate some help on this area.
Urgent: Autocomplete css
I am using jquery autocomplete. Its working fine. Only issues I have is with its display. Now I have a textbox where users type in the text. Below the texbox are some other controls such as texbox, dropdownlist etc. Now when the user start typing in my autocomplte textbox it shows all the suggestions below but it still displays my controls below, i mean my result should be over the controls below and my results box should overlap my controls. Right now it seems my results box is transparent. Any
adding search to the header
Hello, I would like to add a search input to the header of every page. Is there a standard way to do this? Many thanks, Ant
What's the status of the globalization plug-in?
Hi all, Back in October, a new jQuery globalization plug-in from Microsoft was announced on the jQuery blog, and seems to live over in this github repo. In the blog post, it says it will be "available soon" but I'm not yet seeing it under plugins.jquery.com. There's clearly still work being done on it, though, and I can't imagine anyone has lost enthusiasm. Having a standard i18n mechanism with jQuery is very exciting indeed. (And I understand there's an effort to make this same feature set available
Manipulating divSlideShow Plug-In
Hey. I'm using the divSlideShow plug-in on my site; however, I want to be able to call a given "slide" within the slideshow via a button located outside the slideshow container. So instead of manipulating the slideshow via the automatically set left and right arrows, or numbers, I want to use my own buttons. Any help would be greatly appreciated. The javascript plug-in is ~166lines long, not sure if it's common to post all the code up here. Link to demo and source: http://www.kevinresol.com/divslideshow/example.php
jQuery plugin for eclipse
Hi, Any one know Is there any specific plugin we can use in eclipse for jQuery content assistance. I tried with jQueryWTP, but this is not working in Eclipse3.4.0. Thanks Kasu.Praveen
Time Picker in Jquery Mobile?
Hi all, My Application needs a good timepicker.is there is any good jquery mobile timepicker. Thanks & Regards, Nithya.
passing url parameters between internal pages
Hi, I'm trying to pass parameters between internal pages, and I'm not having much luck. I have tried: <a href="#nextPage?id=name">Next Page</a> and <a href="?id=name#nextPage">Next Page</a>
Animation freezing in safari
I'm building a simple corporate site (temp on my server) for a friend's company and am having an issue with an animation I have implemented. everything has worked fine for me (mac, firefox and safari) but my friend sent me a couple screenshots of the animation freezing on his computer (safari) when it is only halfway complete. the two examples are: http://julianwalter.com/fstemp/foresight/management/ (click 'Amy LeGere', then click 'next' and then 'previous' to see back and forth. freezes halfway
External links within scrollview
I recently tested this patch for the experimental scrollview functionality of jquery mobile: https://github.com/arirusso/jqm-scrollview-toolbars-patch All has been working great within iOS 4 with the exception of external links (code below). <a href="http://www.cnn.com" rel="external">View Website</a> Link to test: http://redone.org/_scrollview/ On the iPhone 4, the link does nothing when clicked. Within Safari on my iMac, there is a decent lag before continuing to the site. Any ideas?
Memory problem or how to unload pages
Hello In JQM style we can load pages dynamicly and it does work well. But we can have another problem. Web application can have many many pages. So we load, load, load , load ... iPad is not so cool device as thinks billions users in the world. Really it is very slow. At some moment we overload memory and device will be very slow. So any ideas how to unload pages from the memory? Any stragy how to manage memory of web application?
When click back after calling changepage: "TypeError: Cannot read property 'transition' of undefined"
Here is what is happening:(1) I have a link on my main page, with a click event. (2) The click event calls $.mobile.changepage('/page/path', 'slide', true, true); (3) I observe the pageshow event for the new page, and do some stuff, placing content in divs. (4) When I click the back button the URL updates, but the page is not transitioned. The error: "TypeError: Cannot read property 'transition' of undefined" is thrown. Am I doing something obviously wrong or is this a bug?
Good rich text editor
Hello everyone, Where can I find a good rich text editor such as the one on this site when you create a new post? It's simple, clean and the 'insert image' function is exactly what I want. I did search on the web and tried out a couple of examples but did not like what I saw. Thanks,
XML & Spry Select List not working
I have an XML and Spry driven Select List that I cannot get to work in JQM. It works fine outside of JQM. You can view the page at: http://sgidev.relius.net/PESMobile/jquerymobile/glossary.html How it works: a user clicks an Alphabet Entry that populates a list of terms. In JQM, the Alphabet links work but when clicking the Select List box, nothing happens. It should expand to show all possible terms. We have close to 400 definitions that sometimes change so hard coding the values is not an option.
reducing size of jquery script
Is there way to download only the parts of jquery that we need to reduce the size of the download for our users? For example, we are only using traversal, selectors and manipulation.
Google Maps JS-API not working on 2nd call
Hi I have 2 pages, let's call them "a" and "b". Page a calls b per AJAX (as default in jQM) with a parameter "id". Page b loads data dependent on the id. On page a, I have the Google-Maps init-script: function initializeMap(lat, lng, id) { var latlng = new google.maps.LatLng(lat, lng); var myOptions = { zoom: 14, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"+id),
Javascript ignored after page transitions - what do you do?
How is everyone working around the fact that when using Ajax transition (swipes), you cannot execute any JS on the following page? On my first app I simply resorted to using rel="external", but for my second app I'd really prefer to take advantage of the swiping to give a native feel. The external links work fine, but that brief flash of white while the next page loads is not very appealing. However, I simply cannot get around this problem and searching does not turn up any solutions, only more headaches.
How does jQuery Mobile track Form Postbacks in the history?
I'm running into the issue with forms that postbacks to itself. when I press the back button, it goes back to the same page before navigating back normally. If I understand how this works, jqm adds the postback into its history tracking. I'm trying to prevent it from doing that Any help is appreciated. Roy
jquery-ui-1.7.3.custom.zip, missing file "ui.selectable.css"?
Hello everyone, I'm new with jQuery UI, I have downloaded the "jquery-ui-1.7.3.custom.zip" from here "http://jqueryui.com/download", selecting all components and "UI lightness" as theme. But it seems that the file " development-bundle/themes/base/ui.selectable.css " is missing. Actually the file "ui.selectable.css" is invoked by the file "development-bundle/themes/base/ui.base.css", at line 3: @import url("ui.selectable.css"); . But, unfortunately, the file "ui.selectable.css" doesn't exist in the
Calling ASP.Net server side event from jquery dialog button
My javascript code <script type="text/javascript"> $(document).ready(function() { $('#dialog').dialog({ modal: true, buttons: { "ok": function() { document.getElementById("<%=btnID.ClientID%>").click(); $(this).dialog("close"); } } }); }); </script> My body part <body> <form id="form1" runat="server"> <div>
[NOT SOLVED] How to submit dynamically created form with slider on slider's change event
Hello Every one, I 'm using $.getJSON to populate my page's content. This page contains a div called "listDiv" that is empty before the $.getJSON function is called. Here's the content added to the div for each item return in my function which means that I have as many forms in my page as the number of items. $('#listDiv').append( '<form action="Scripts/update_element.php" method="post"> <div data-role="fieldcontain"> <input type="range" name="target" id="Slider-'+
How to: refresh div on page load, append element to div, change image on click
Hello, I have questions related to three operations using jQuery: refresh a div element on page load append an element on top of the other elements in div change an image (pending/accepted) from the div's elements I know that there are tutorials for that, but i am so short in time. I just finished my PHP courses, and i am too tired to get into the jQuery magic right now. Here is the situation that i am confronting. I have to files: propune.php (which is basically the page that has the form and the
Textarea width???
I added textarea element in my page with this snippet <div data-role="fieldcontain"> <textarea name="textarea" id="textarea"></textarea> </div> The Framework adds style automatically to the textarea element, and as i see in firebug now, my textarea only has 60% of the width of min-width-480px. How can i change the percentage to 95%?
TreeView with Grid/Table data
Hi, I need a TreeView which is inside the first column of a table. In the seconds (and more) columns there should be data about every "row" of the treeview. It is important that the data for each item is aligned under each other. Do you understand what I mean? Has someone seen something like this? Thomas
How to have footer nav with 6 or more buttons in one line
In alpha2 release, the navbar maxes out with 5 items, If more than 5 items are added, the navbar will wrap to multiple lines. Is there any way we can have 6 items or more in one line? Thanks in advance.
how to conditional datepicker on Opera browser
So I read that we should not do browser detection but rather feature detection. Well how do you go about this one: I use the jquery-ui datepicker on some input fields; I have php browser detection which determines whether my doctype is html5 or xhtml11, and determines whether my input type is going to be text or date. Even when doctype is html5 and input's are type=date, I still use the datepicker widget seeing that most browsers still don't have one built in. The Opera browser now has its own datepicker
How to modify some $.mobile.changePage inner workings
Hi, Is there an elegant way to modify some of the (private) inner funciton of the changePage method without rewriting the whole function ? I wonder if those inner function will be exposed to $.mobile as methods some day ? To another pointer ? The changePage is a big method and may need some refactoring in certain circumstance. Any good advice appreciated. Thanks
Help with "Go to Top of Page" functionality
I am developing a mobile site where a page can have lots for content. I would like to have an image on the bottom of the page that goes to the top of the page. I have been playing with this sample code below but the issue that I have is that the footer navigation does not refresh. It stays on the bottom of the page. Any help would be greatly appreciated. Thanks. $("#backtotopimg").live("click tap", function() { $.mobile.silentScroll(0); });
Wrapping specific words inside SPAN elements?
Let's say I have this paragraph... <p>My dog is brown.</p> I would like to accomplish this... <p>My <span class="animal">dog</span> is brown.</p> So, I want to use JavaScript to find all "dog" strings inside the paragraph and wrap them in a SPAN element of a given class.... I would love to have a plug-in that does that... like this: $("p").findAndWrap("dog", "<span class='animal' />"); I know this can be done in JS, but I'm not particularly experienced in JS string manipulation, so it would take
solved: bind to taphold: "this" does not reference as expected
Hi I have a listview where every li-element has an href with an id: $.getJSON("Projektliste.php?callback=?", function(data) { $.each(data, function(key, value) { $("<li><a href='Projekt.html?id=" + value.id +"' rel='external' id=" + value.id + ">" + value.PrName + "</a><span class='ui-li-count'>" + value.AnzBeob + "</span></li>").appendTo("#Projektlisteneintraege"); }); $("#Projektlisteneintraege").listview("refresh"); }); I try to open a menu when the user tapholds a list-item: $('div').bind('taphold',
themeswitcher onSelect triggers continuously
Since the recent hotlinking policy updates on the jquery / jquery-ui domains, I have downloaded a local copy of the themeswitcher code, and I have thus discovered the event handlers. I thought I'd try implementing the "onSelect" handler by popping up a div similar to a dialog every time the theme is changed with a message: "The new theme has been applied!". It works fine, the problem is it works too much. Even when not selecting anything from the themeswitcher. On every page refresh, or every time
JQ Mail on JQuery Mobile intro page, how to get this layout?
I'm referring to the image on this page: http://jquerymobile.com/demos/1.0a3/#docs/pages/../../docs/about/intro.html I can make out JQ Mail as the app name in the image. I would like to have the viewing pane on the right for large screen displays, only the listview for small screen displays. Is there any documentation on this, or is the image just an artist's rendering of a make-believe app?
Radio button controlgroup leaves buttons in the down state
I've noticed that the buttons created in the Radio button controlgroup remains in the down state when you click on another button in the group. Inspecting the className of each of the buttons, I noticed that the selected button has ui-btn-active and ui-btn-hover-b, the untouched button has ui-btn-up-b, and any clicked on buttons have ui-btn-down-b. So whenever a button is clicked, it's set to ui-btn-down-b, and never changed back to ui-btn-up-b, leaving the button in the down state. Is this expected
small buttons?
http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-pages.html The docs have small buttons... if i use the same markup, I end up with full width buttons... they are not using grids on that page or anything... i'm trying to check in firebug which css rules are responsible for that... but i'm failing. Any hints to get small buttons like that doc page?
JQuery Cycle lite Plugin
Hello, Thank you for developing the JQuery Cycle lite plugin. I have been using the most basic version of the plugin (which was working fine) until I recently decided I would like to use the Scroll Left feature. My problem is: It displays the first 2 slides fine, but only displays the html title attribute for the remaining 4 in the slideshow. Can anyone make a suggestion for what may be causing the other slides not to display..or load I guess? Thanks, Josh
$.Deferred chains
Hi all! I'm excited about jQuery has implemented Deferred! But I can't find very important functionality - deferred chains. Yes, there is $.when(...) method. But it works only once and then you can't add async call to chain. I'm looking for something like this: $.get('/ajax/1/') .done(function(){ console.log('ajax 1 success'); // first ajax scope }) .then(function(){ return $.get('/ajax/2/'); // but if we're returning promise ... }) .done(function(){ console.log('ajax 2 success'); // ... scope changes
Next Page