Sticky form in JQM
Hi, I have a form that is in JQM format, and it pulls the questions from the database. Form validation is also used. It posts to itself, and creates session variables for the answers, then loads the next set of questions in a totally new mobile page. It works great except when using the back button. When the back button is clicked, the data is cleared, even with session variables being set. I've tried combining it with a jquery form wizard with no luck in getting it to play with JQM properly.Any
Canceling jeditable when clicking a link
Hello, im trying to figure out a way to cancel jeditable actions when im clicking on a link inside a cell.. i will post screenshots so that you can better understand it.. when i click on a cell OR the link, the cell will be editable, but i want that will only do that if i click on the cell (not the link) is there a jquery function that cancels out other ones? or maybe it is possible on the jeditable function to do something to prevent this... this is the jeditable code $('td:eq(1), td:eq(4)', oTable.fnGetNodes()).editable(
Rotating Text in IE7
Hi: Is there any JQuery plugin which could rotate text in IE7. I have found many which could rotate in firefox but in IE7 it seems impossible. Any idea on that?
Problem with JQM, AJAX and HTML5 videos...
Hi, I'm French, si if my English is bad, I'm very sorry... I make a web-appli which make a list of article. I download content of all articles with ajax which return a JSON object, and when I click on one article, I go to the page of Article, which load the good content via jquery... Each Article has a video which has a poster. My problem is when I play one video and I'm come back on the home page, then I go to an other article, the new video doesn't load the poster, and sometimes doesn't load the
form validation combined with ajax
I'm trying to make a username form validation combined with ajax but I'm stuck at 1 point. I need to use a var that is outside of my $.get() function so that I can add the function to the validate plugin. This is what I have: jQuery.validator.addMethod("username", function(value, element) { var result = false; $.get("includes/checkUsername.php?user="+value, function(data){ if(data == "0") { result = true; } }); return result; }, "Username not available");As
clueTip - multiple instances of
hi, love the plug-in but have come across a puzzle. i am trying to use multiple (5-8) instances of the jTip theme, jTip Style clueTip. The first tip shows as expected using the code <a class="jt" href="health.html" rel="health.html">Health</a> However, the second tip shows the new ajax file but as soon as i move off of the word, the tooltip closes. i know this has something to do with the jt:eq() class, but i'm having no luck in changing it to make the second instance stay open on hovering. anyone
Easy Jquery question
Here is my code: <script type="text/javascript"> $(document).ready(function(){ //When you click on a link with class of poplight and the href starts with a # $('a.poplight[href^=#]').click(function() { var popID = $(this).attr('rel'); //Get Popup Name var popURL = $(this).attr('href'); //Get Popup href to define size //Pull Query & Variables from href URL var query= popURL.split('?'); var dim= query[1].split('&');
display div width&height + div x&y coordinates
hi, im new to JQuery, i found 2 tutorials which i followed ut now im a bit stuck. I have x amount of draggable & resizable divs, they work as i want them to, im outputing the coordinates of each div in a textfield. My problem is that the textfield only displays coordinates when a div is CLICKED, so when holding the mouseBtn and draging a div around then releasing the mouseBtn the coordinates aren't displayed in the textfield. I tried to set 'mouseup' instead of 'click' but then the divs are being
.animate() issue with IE9 and jquery 1.3.2
I am having some recent trouble with a Drupal 6 site and IE9. My script.js contains several functions, so I guess the issue could be a conflict, but I don't think it is. The function that is breaking in IE9 (only) is the following: function animateOverlay() { $("#overlay").animate({ "height": "+=50px" }, 2000, function() { $("#thumbnails").animate({ "height": "+=40px" }, 2000)}); } It should be very straightforward, but in IE9, the elements contained in #thumbnails disappear after being
Create modal dialog
I'm new to use jquery ui. I'd like to create a modal dialog that appears when user open the page;I need to hide close button and user can close popup by clicking on link or image within the modal dialog. Can someone give me full code to obtain this? I have attached an example what I would get from msn
Draggable elements shift position after invoking remove()
Hello all, I'm working on a game/experiment that is similar to chess. A big <div> element is the board and I have little <img> elements inside it that act like pieces/figures which I can drag around the board. So everything is working fine up to that point. The problem comes when I capture an opponent's piece. Like in chess, the captured piece has to be removed from the board, so when that event happens I invoke the remove() method to remove the little <img> from the board <div>. But when one little
Multiple selectors
I'm very new to jQuery and I'm sure this is much simpler than what I'm trying to make it. I am trying to exclude tables that have a particular class assigned to them and then add a class to the odd rows in the remaining tables. I can use the following to stripe table rows in tables that have a particular class, but I want to do just the opposite and exclude those tables and stripe the rows in the remaining tables. This is what I have come up with so far. <script type="text/javascript"> $(function()
draggable in IE9
I have an app that uses draggables, and it's not working in IE9. Either jquery 1.3.2 or 1.4.2 (no difference) and UI 1.7.2. I see the posts about the UI needing to be upgraded. Upgrading UI is fine, and this does solve the problem. However, I have a separate app that also uses draggables, and is also on jquery 1.4.2 and UI 1.7.2, and its draggables work fine in IE9. I'd like to narrow down what the difference is, so that I'll know that the issues with the first app are truly fixed, and whether
Date picker cut off
When I use the date-picker and the following css, the date picker comes up "hidden" per the screen shot http://screencast.com/t/O82aw7iREz Here is the css <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css" rel="stylesheet" /> here is the html <div id="headersc"> <span id="hC1R1">Date</span><span id="hC2R1"><input id="headersc_datereqs_1" name="headersc_datereqs_1" type="text" title="headersc_datereqs_1" size="11" maxlength="10"></span>
iPhone tab bar
Hi All, I am creating on web based application for iPhone, BlackBerry, Android. And I used HTML5, CSS3. My Query is that i want tab bar same as in iPhone and same in web based, i mean tab bar fixed at bottom. I used below css for fixed at bottom, but it was not working, it was scroll up. CSS is given below: /*--------------footer------------*/ .tabBarBottom { height:50px; width:320px; background:#11244c; position:fixed; bottom:0; left:0; color:#FFFFFF; /*text-align:center;*/ } .tabBarBottom nav {
why arrows on dropdowns not displaying
Why am I getting a globe logo on a dropdown container instead of a arrow down? Please see attachment. Thanks!
OMG queues are so complicated!
I have been trying to get the hang of queues all day and am no better off than when I started. I even have tried simplify a queue example: var rootElement = $('body'); var array = Array(1, 2, 3, 4, 5, 6, 7, 8, 9); for (var i = 0; i <= array.length - 1; i++) { rootElement.delay(1000).queue(function() { console.log(i); }); }The expected result is for the log to output the value of "i" every 1000 milliseconds... However this is not the case... Its like delay gets greedy and just skips ahead and processes
Problem using drop downs over flash
I'm not 100% sure this is the right place to be posting this because it could be either a CSS, HTML or jquery problem. My drop downs work fine in all browsers bar Safari (except probably IE6 - I've not even gone there yet), and even then it's only a problem on the homepage where the drop downs display over an embedded flash movie. Its not a wmode problem as I have already set it to transparent. It displays over the top of the flash image, but for some reason once its dropped down the spacing between
cluetip not showing
Hello i am new to jquery. I am using cluetip in the following way header.php <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/library/js/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/library/js/jquery.hoverIntent.js"></script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/library/js/jquery.cluetip.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#area_convert_id').cluetip({
livequery plugin change to live()
We have recently seen that we are dragging behind in jquery land, and we currently run 1.3.2 with livequery 1.0.2 with a load of events like this to bind the validation plugin to the form: $(function() { $("#LoginForm").livequery(function() { var thisForm = $(this); thisForm.validate({ ... }); }); }); This allows us to load in forms with ajax and have the appropriate validation bind to the form that comes in. The problem however
Selectors - Conjunction of alternatives or intersection of $. objects?
Hi all. I've got a strange problem - I thought it will be simplier. I need jQuery selector, which will give me all the objects that have any checked class from one group AND any checked from other AND... I'll explain: I've got some DIVs of "things" (let's call them "products"), which have specific features. It can be shape, color and anything else. And I have groups of checkboxes to "filter" the products. Features have unique numeric IDs (from DB) with prefix, like "f_1", "f_4" etc., but I'll try
[jQuery] Cycle Plugin Doesn't Acc
I'm trying to load the Cycle plugin with a JSON feed from Picasa. Everything is pulling in from Picasa just fine. I can copy the exact HTML that it generates and paste it into my code and reload, and it works fine, but not when it is dynamically added via Javascript. http://derekperkins.com/seatability/super-product-page/ Here is my javascript code that pulls in the feed from Picasa and then initializes Cycle. I also automatically generate the thumbnails for the pager here too. Does Cycle read from
How to split a string and place each splitted part in array?
Hello guys, How can I split a string like this: IE, Firefox, Opera, Chrome, Safari I want the string to be splitted after each , Then I want that each splitted part is placed in a variable, preferable in an array, so I can loop through the array with an foreach or something. I hope you guys understand me. Thanks in advance, Mark
Superfish Vertical Menu Blues
Hello! I'm using the Superfish vertical menu to develop an online book. My vertical menu which consists of chapters and sections place on the side of my page, and is long enough to show all of the main items. However, as the chapters get lower in the page, the submenu items (my section names) get cutoff (there's not enough room to show all subitems for the final 2 chapters). So, I guess I have 2 questions: 1) Is there some sort of option to tell Superfish to realize "Hey, not enough room for the
Multilevel sortable problem in IE
Hello, I've got a question about using sortable in a multilevel list. In a CMS I'm using jQuery UI sortable to order my menu items. The system works in all browsers, but in IE it won't work. I've made a standalone version where you can see the problem: http://hhwcms.nl/temp/ When you try to order a sub menu you get the problem, the parent item will follow your mouse. In Firefox I can just drag the sub item, but in Internet Explorer the parent will follow. I've posted my source code on pastebin: http://pastebin.com/GE7s10GU
mobile.changePage after listview.refresh causes double transition in JQueryMobile
HI Everyone, I am loading a nexted listview with values and then allowing the user to filter the items. Rather than use the built-in filter functions, I have my own #filterpage div which has a few checkboxes. WHen the user clicks the 'Apply Filter' button, then the listview on the main page is rebuilt and I use .changepage to go back to the main page. This is where it goes haywire - if the user clicks on a list item then the sublist page slides into view, then immediately slides away. If the user
input text and button inline
How to make input text and buttonicon ( icon button only no text) inline right side input text ??
how to access the functions defined in scripts of URL loaded in iframe
Hi All, How to access the functions defined in scripts of URL loaded in iframe using jquery ? Following is the much more elaboration of question : I have Sample.html : <html> <head><script type="javascript"> function sumfunction(var i, var j) { var k = i + j ; alert("sum of the variebles : " + k); } </script></head> Test.html : This html file contains iframe with src=sample.html <script type="text/javascript" src="jquery-1.5.1.min.js"></script> <script type="text/javascript"> $document.ready(fuction())
Problems with Pagination inside a pop up
Hi All, I have one jsp with some data inside a table. When I click on data displayed in one column it opens a popup using jqModal below is the code to invoke the popup(which is another jsp): This is the function which invokes the jsp and displays in the jqModal $('body').append($('.jqmWindow')); $('#dialog').jqm({ ajax : '@href', model : true, trigger : 'a.blue' }); This is the div which I am using at the end of the main page. <div class="jqmWindow" id="dialog"></div> This
Nested List - invisible icons
I have a simple nested list. I would like icons on all list items regardless of whether it has children. I can't seem to achieve this. Some example html is below and I have attached screenshots of the problems. <ul data-role='listview' data-inset='true' data-theme='a'> <li><img class='ui-li-icon' src='tag_blue.png' border='0'/>Coffee</li> <li><img class='ui-li-icon' src='tag_blue.png' border='0'/>Tea <ul data-role='listview' data-inset='true' data-theme='a'> <li><img class='ui-li-icon'
Navbar : active tab does not appear selected
When browsing each page of a navbar, the first time I choose a link, it appears as selected, as I set on it : class="ui-btn-active"But the second time I choose a link, it does not appear selected (il looses its class). Usages of navbar in demo do not really select a page, so its behavior is correct since it is only present on one page. It would be usefull to provide a multipage example of navbars in demo.
Updating images/aspect ratio in jCrop / jCrop API issue?
My question is 2 fold perhaps: 1. Is there are "best" way to be able to update images of various sizes while using jCrop with thumbnail 2. Is there something tricky about the API as I keep getting an undefined response. To explain I'm using jcrop in a backward sort of way not to crop but to zoom an image (like this but with a small zoom window image controlling a larger image http://deepliquid.com/projects/Jcrop/demos.php?demo=thumbnail) I update the images based on an ajax response supplying a new
data-state collapsed not working properly
This example of a collapsible div doesn't work with mobile/1.0a4.1.min and jquery-1.5.2: <div data-role="collapsible" data-state="collapsed"> <h3>About this app</h3> <p>This app rocks!</p> </div> It does work with mobile/1.0a1.min and jquery-1.4.3 Does anyone know the latest files I can use and have it work? The page opens with it open instead of collapsed. Thanks in advance.
jQueryUI.button triggers click when form submits
I found this is expected behaviour on old IE, but now hit it with latest broweser. I have a form: input[text] with datepicker, input[text] with datepicker, button with .click registered, input[text] without any event connected Everytime I press [Enter] on any input, button triggers click() event. Doesn't matter, whether I have submit() on that form or not. How to avoid it? My button is a dropdown menu, triggered with .click(), so everytime I'm trying to submit a form with [Enter] I get dropdown menu
CSS styles are kind of a pain to use. I want the styles for most things, but I want to blow away them for tabs
I think the way that tabs are styled are a little ill-conceived. You see, I want the basic styles for a theme just fine for date pickers and autocomplete drop-down boxes... but I don't want the styles for tabs. I think the problem comes in where you guys are using .ui-widget-content and stuff for the tabs - the fact that you are sharing a lot of classes across widgets makes things less configurable and harder to customize. A lot of people will want their tabs to really reflect how their site looks
My plugins do not show up when searching
Hi, I've got two plugins in the jQuery plugins directory, "jquery.easie.js" and "zoomooz.js". However, when I try to search for them, I get empty results: http://plugins.jquery.com/search/node/zoomooz http://plugins.jquery.com/search/node/zoom http://plugins.jquery.com/search/node/easie http://plugins.jquery.com/search/node/easings Should I add some more information to the plugins to have the searches working or is this a bug? The plugin pages: http://plugins.jquery.com/project/zoomooz http://plugins.jquery.com/project/easie
how can add loading image before load content?
hi friends . i want add loading image before load content in bellow template.but I do not know what to do! please help me! Like this sample
When is jQuery 1.6 alpha or beta is expected ?
When is jQuery 1.6 alpha or beta is expected ?
Overlapping jQuery Windows
Hi Everyone, I was just thinking if its possible to do a postback on a jQuery Modal window and change the values from the dynamically created elements? Here's my scenario, I have a link, upon clicking the link I will call an sql procedure and display the result on the modal window, the result are several items with id's; what i wanted to do is 1. edit the items displayed on the modal window the problem is, how can i fire back the changes to the modal window? atm, i don't see any elements
is it possible to "run" jQuery mobile without http server ?
The readme on github seems to say no but when i've tried with the 1.0a1 version it was ok now with the last (1.0a4.1) i can't do that does someone know how to do that ? thanks, Philippe
Next Page