show the spinner but not load tab
I would like to load a snippet of html inside my tab panel for the selected tab, and I would like to use the tab itself as the ajax 'loading' indicator, even though I'm not reloading the whole tab. Is there a quick way to tell a specific tab to have the loading class then undo it in my ajax callback?
Code example for Real World Layout demo
I was interested in using some of the concepts demo'd in http://ui.jquery.com/repository/real-world/layout/ but wasn't able to find the source code. Is there any documentation or access to the source code to help me better understand how to accomplish the same things? Steve
UI/Dialog for presenting data in popup from db, then editing in place - ??
I'm trying to figure out the right plugin to use. I am presenting the user with a schedule - they will click on a date and I'd like a popup window to come up. The popup will be populated with volunteer slots for that particular date (pulled from a mysql db). If the user wants to add themselves, they'll click on an Add button, add their data, save, and close the window. Is UI/Dialog the right tool for this type of thing? Or am I better off going with jqModal or plan old js? Anyone have any opinions
draggable and click event
I am using a draggable, resizable DIV in a mashup. After a dragging operation, the click that initiates the drag is evidently propagating to a parent element, which I'd prefer didn't happen. Interestingly, after a resize operation on the same element, the parent does not see a click. I assume that both operations capture the mouse on mouseDown and release it on mouseUp. How do I stop the click from being generated after the drag? In this case, I am using dragging to reposition and element, but there's
fx.fade.js is now gone?
I was using fx.fade.js in a website and wanted to upgrade my version of jquery UI to something that was not in a beta and i did not now fx.fade.js is broken and from what it looks like it is not even is the ui anymore. Is there a easy way to create a fade without have to do that whole css stuff myself and why was this taken out. -- View this message in context: http://www.nabble.com/fx.fade.js-is-now-gone--tp17864487s27240p17864487.html Sent from the jQuery UI Discussion mailing list archive at Nabble.com.
sortable handle selector to select "all except" a clickable area
I have a sortable panel with a header titlebar containing some text and an img with an onclick handler. <div class=".rich-panel-header"> Some text <span> <img .... onclick=..../> </span> </div> In jquery-ui 1.5b4 (and the bundled jquery 1.2.4b), the following handle selector worked fine (i.e. dragging was initiated for the entire header panel except for the img which properly responded to my onclick): handle: ".rich-panel-header". after upgrading to jquery 1.2.6 and jquery-ui 1.5.0, this handle selector
jQchart to printer
Hello! Im having trouble printing my jQcharts on printer. Are there any settings for this or is it not possible? Best regards Mike
FREE DOWNLOAD ALL LANGUAGES PROGRAMMING EBOOKS
TO DOWNLOAD SUBJECTS, PROGRAMMING, IT, SOFTWARES, OPERATING SYSTEM EBOOKS ON http://polticsinfs.blogspot.com/
Dynamic urls for ajax tabs
I need to send at least one dynamic parameter as part of the url used to load ajax data into various tabs, like this: <a href="?cmd=Type.edit&typeID=[typeID]">Status</a> ...where '[typeID]' needs to be replaced by the actual ID of the item. What's the best approach? I tried using javascript urls for the tab hrefs, but no joy. When I look at the tab urls in the dom after the tabs() call, my original ons are gone, replaced with ones like this: <a href="#ui-tabs-40">Status</a> The tabs plugin must have
All stacked dialogs dismiss when escape is pressed
I very much like that dialogs dismiss when you press escape; it's very natural. However, if you have two dialogs stacked, escape closes both of them. This isn't so good in my case. The first is a complex edit dlg with potentially lots of unsaved changes, and the second (topmost) one is a validation failure alert. The user would want to dismiss the validation complaint, only, and be left with the edit dlg still there. So: - Is it considered a bug that they all dismiss, not just the topmost one? I
FREE MOVIE AND SONGS DOWNLOAD SOFTWARE .
FREE MOVIE AND SONGS DOWNLOAD SOFTWARE . FREE....FREE..... DON'T MISS IT. ***************************************************** http://girlsamerican.blogspot.com *****************************************************
blok: jQuery ui and Joose
Hey, I wanted to let you guys know about a little project that might be interesting to some of you. http://blok.appspot.com is a simple application for collaborative editing of user interface prototypes with live AJAX synchronization between all clients that are looking at the same document. blok makes heavy use of various features of jQuery UI and combines it with a simple component framework based on Joose (http://code.google.com/p/joose-js/). You can find blok's source code in the examples directory
Tabs + Ajax
Latest install of jQuery and UI. Page 1 contains tabs, one of which loads Page 2. No problem so far, works just fine. Page 2, however, contains a link to ajax load Page 3 into a div on Page 2. No matter what I've tried, clicking the link always opens Page 3 in the full window. Load Page 2 directly and the link to load Page 3 works as expected. Just for fun, I changed the link on Page 2 to load Page 3 using the nyroModal plugin. Same result. The modal did not fire and Page 3 loaded into the full window.
Tabs: select callback gets pre-click data?
$('#editTabs').tabs ( { spinner: '', load: onTabLoad, select: onTabSelect, selected: null, cache: false, fx: {opacity: 'toggle'}, ajaxOptions: {cache: false} } ); function onTabSelect (options) { var selTab = options.options.selected; console.log('onTabSelect', selTab, options); } The info logged to the firebug console shows selTab having the index of the previously selected tab, ie the one selected before this click. Is that
Input Hint Box in Dialog problem
There is a jQuery plugin call InputHintBox and I want it to display hints next to the input boxes when a user enters text in an input box, which it does, when everything is just on the normal page. But I have moved the form and input fields into a dialog box, yet the input hints are still appearing on the normal page, which is behind the dialog box. Is there a way for me to added the input Hint jQuery code through the dialog code instead of separately? It seams to me that the hints are pre-generated
100% HOME BASED BUSINESS NO SALES NO MARKETING
WOW!! Get seen -- get paid! You can now get paid to drive your car, wear T-shirts, and more! Just join the EyeEarn Advertising Network and start earning money effortlessly while you go about your day! It's fun, easy, and no experience is necessary! http://www.eyeearn.com/10122618/signup
Change Slider from Range to Single Value
Hi, I am trying to use the slider in two, exclusive ways. In one instance, I want a range of values to search for. In the other instance, I want to search for a single value. I want one slider to do this and plan to use a checkbox to toggle range:true and range:false. I read on the blog that you could change options on the fly, but haven't had any success with this. This is my attempt to change an already-set slider that functions perfectly. $("input[name=rangeLSAT]").bind("click",function(){
Ajax tabs problem?????
I am my ajax tab page like this <html> <head> <link rel="stylesheet" href="ui.tabs.css" type="text/css" media="print, projection, screen"> <script src="jquery.js" type="text/javascript"></script> <script src="ui.core.js" type="text/javascript"></script> <script src="ui.tabs.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $('#container-8 > ul').tabs(); }); </script> </head> <body> <h2>Ajax tabs</h2> <div id="container-8"> <ul> <li><a href="1.html"><span>One</span></a></li>
Draggable position shifts with dynamic content
I'm trying to recreate the drag-and-drop tree functionality from the Interface framework (http://interface.eyecon.ro/demos/ drag_drop_tree.html) using jQuery UI, but am having trouble with dynamic changes to the page content while dragging. If content is displayed dynamically while I'm dragging a draggable, the position of the draggable suddenly shifts. Interface gets around this problem by recalculating the position of the draggable when the new content is displayed. Is there a similar method in
Tabs supressing url hash updates
Just getting started w jQuery UI and tabs, so excuse if this is basic and obvious... My tab html follows the structure of the sample pretty exactly: <li><a href="#tab_details"><span>Details</span></a></li> <li><a href="#tab_docs"><span>Docs</span></a></li> Contrary to what I'd expect, the url hash doesn't change when you click a tab. An even handler must be getting installed that intercepts the actual link. Not sure if back/forward or bookmark-recall would show the related tab if you navigated to
UI Drag and Drop - Help with Code
Hi guys I am doing a little webapp for a security company. They need a quick system so they can visualize, manage, and check all their security cameras. I thought about jQuery UI, and well, I've done a little sample so you know what I want to do http://rapidshare.com/files/121938745/webcam_jquery.zip.html You can see it online here (in case you don't want to download): http://www.beza.com.ar/azcona/ I need to: 1. Allow divdrop to accept more than 1 camera to be droped on it 2. Option to drag more
Datepicker code in Download Builder?
Hi All, Could someone confirm if the download builder is meant to be using the same code as the development bundle? Just spent hours trying to work out why some of the css styles were screwed to find that the style names were changed and the js code when using the builder still refers to the old styles. Cheers, Max
Problem with using both jquery accordion and tabs
Hi. I am using jquery accordion in one file which includes these js files JQuery/jQuery1.2.3.js JQuery/jquery.easing.js /JQuery/jquery.dimensions.js /JQuery/jquery.accordion.js /JQuery/ui.dialog.js /JQuery/ui.mouse.js js/JQuery/ui.resizable.js js/JQuery/ui.draggable.js js/JQuery/CommonjqueryFunctions.js js/JQuery/ui.tabs.pack.js js/JQuery/jquery.tooltip.js ./jquery/jquery.js now i am using jquery tabs in another file which imports the above file. the second file includes these js files : jquery/jquery-1.2.4a.js
Tabs Problems
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6000.16674" name=GENERATOR></HEAD> <BODY> <DIV><FONT face=Arial size=2><SPAN class=580305620-12062008>Hi,</SPAN></FONT></DIV> <DIV><FONT face=Arial size=2><SPAN class=580305620-12062008></SPAN></FONT> </DIV> <DIV><FONT face=Arial size=2><SPAN class=580305620-12062008>I'm new to this group so please forgive me if these questions
Sexy Nude Pics Of Young College Girls
Sexy Nude Pics Of Young College Girls Naughty Indian college girls sucked and fucked hard by their boyfriends caught.Couples having sex in indian lodges videos or stories hot cream pie. massachusetts sex offender board lesbian k9 sex bikini college girl.Indian college girls getting their tight pussies stretched by their boyfriends at ... She leaded me to the bathroom where she turned on the hot shower and ... ********************************************** http://actressnude.blogspot.com/ **********************************************
HOT PHOTOS AND VIDEOS COME FROM INDIA
HOT PHOTOS AND VIDEOS COME FROM INDIA http://www.funnygames2all.page.tl/ http://www.rojahot1.blogspot.com/
switchClass doesn't have any effect in Safari 3.1.1
Neither the demo on http://docs.jquery.com/UI/Effects/switchClass nor my own attempts at using the switchClass() method have any effect in Safari. The old class isn't removed and the new class isn't applied. Anyone have any hints?
Two-handled Slider: Retrieving each value
Hello everyone. I'm using a two-handled slider set up as: $('#price-range').slider( { 'steps': 56, 'minValue': 0, 'maxValue': 1400000, 'range': true, 'change': function(e, ui) { alert( $(this).slider('value', 0) ); } } ); I get the following output in the alert box: [object Object] I'd like to be able to access each slider's value separately, so I can then populate two hidden fields with the appropriate values. Can anyone help? Thanks!
Ajax content containing the ui slider
I am having problems when trying to use ajax in bringing in the ui slider into a page after the pages initial load. Is there any way to use livequery with jQuery UI? Thanks!
Master-Detail, Tablesorter, Binding
Dear list, I just discovered jQuery and I would like to ask a few things. I would like to create a Master-Detail Interface (a table with selected row showing more info). Is it somehow possible to: - select and highlight a row in Tablesorter? - and get the data from all the columns of the selected row? - bind the selection to some textfields so whenever I click a row, its columns get displayed in the textfields? - automatically compute the content of a textfield based on the fetched data? For example,
$().dialog("destroy"); and IDs
Hi there, I ran into trouble using the new dialog-functionality. As you will see, I am using the slider too. That's the code (reduced to minimum): newHtml = '<div><div id="stackItemSlider" class="ui-slider-1 ui-slider center">'; newHtml+= '<div class="ui-slider-handle"></div>'; newHtml+= '</div>'; newHtml+= '<div class="center">Fancy Slider: <span id="stackAmount">1</ span> </div></div>'; $(newHtml).dialog({ open: function () { $("#stackItemSlider").slider(); } }); After calling $(e).dialog("destroy");
Unexpected behavior with sortables, when items contain wrapped lines
Hi all, I have two sortables, and want to drag items from one to the other. However, when I try to drag an item that contains content that wraps, the containment area for the drag operation appears to be affected. The longer the content, the more severe the impact on draggability. Here's a page to illustrate the problem: http://www.coshima.com/sortables/ Any thoughts or comments would be most welcome! If I should file a bug, let me know where...thanks! -- Craig Oshima coshima@yahoo.com
Changes in Sortables from 1.5rc1 to 1.5?
Curious... what changed between the release candidate and 1.5 for sortables? I went to upgrade tonight and experienced a whole host of trouble. Looks like things broke down in two places, first I had an update callback that referenced ui.instance.helper and that seems to no longer work, second is that my particular sortable node used to be able to be clicked on causing a different interaction, but not clicking trips the sortable, despite the fact that there is no dragging action. Anyhow... what changed
Something like a LayoutManager for jQuery
Hello, is there something like a LayoutManager( YUI ) for jQuery? Thanks, Stefan Sturm
Sortable element has div element on it and it's onclick doesn't work
<div id="1" class="sortableitem" style="background: url('../gfx_upload/ thumbs/2.jpg')" onmouseover="$('#'+this.id+'> *').show();" onmouseout="$('#'+this.id+'> *').hide();"> <div class="img_remove" onclick="removeImage(this.parentNode.id)" style="cursor:pointer;"></ div> </div> In second div onclick doesn't fire removeImage function. It worked in version 1.5b4, but it doesn't work anymore. Any idea?
Multi-level sorting
Hello, I've a data tree with unlimited depth level rendered with ul-li-ul-... markup (using jquery.treeview). I want to allow node sorting, but only within the parent node, i.e. 1 1.1 1.2 1.3 1.3.1 2 3 3.1 and you can sort only 1-2-3 or 1.1-1.2-1.3 etc. How should I setup the sortables calls?
Sortable "Serialize" Function Returns Nothing
I can not get the "serialize" function in ui.sortable.js to return any value when applied to a sortable list. I am using the latest version of everything. http://pastebin.ca/1042619 The sortable function works in the sense that the items can be dragged and dropped, I just can't get "serialize" to do anything. It's also not returning any JS errors that I can see. Any guidance would be GREATLY appreciated! :-) Brandon
Draggable issues in Safari 3.1.1
Hi there, I've had problems with jQuery UI draggables when using Safari 3.1.1 - the problem doesn't seem to manifest for Firefox 2 or IE 7. The issue is that I can't reliably drag an element out of the div that it's in. It either won't drag, or in my latest example it makes a mess of the rest of the page as wall as the dragged item not always being visible. I'm setting an 'a' element to draggable, and that is in a unordered list, which is in turn in a div. I've put the failing example here: http://www.michaelandlaura.org.uk/~michael/draggabletest/index.html
Are draggable. connectToSortable, toSortable, and fromSortable here to stay?
They're not in the documentation, so I wanted to check before using them as well as updating the docs.
delay between requests
Hi, how can make some delay between each $.ajax request? The problem is, that I have to call script.php every 5 sec., until the response is different than -1. To do not create infinity loop, I want to call the script max. 99 times. Any help? Loop like this: for(var loop = 0; loop < 9; loop++) { getGenomeResponse(genomeURL, genomeQueryString); if(response != -1) break; setTimeout("function() {};", 5000); } just doesn't work, cause setTimeout seems to ran in other thread. Thanks a lot in advance rgds
Next Page