Themeroller - downloading a custom theme seems to be broken
Hi JQuery, I noticed today when trying to update my themes via Themeroller that downloading the custom theme seems to succeed but no longer download anything. This worked fine two weeks ago. The other change I noticed is.. it is now downloading a 1.7.2 ui theme. Last time it worked, I was downloading 1.7.1. Note, I have attempted updating a 1.7.1 theme and creating a new 1.7.2 custom theme. Same behavior for both. Nothing is downloaded. When building the download, deselecting all elements other than
Selectable, Sortable, IE issue
When using Selectable and Sortable at same time, IE has a Conflict. Has anyone else had this issue in IE (7+)? Where IE would start doing both things Sorting and Selecting the items on screen. In FF its only sorts, unless making a selecting outside of <LI> tags Here is sample/demo of issue in IE: http://n-bp.com/temp/sample_sortable_selectable.html Try Drag and drop for sorting notice the Selection is also triggered. Any way to avoid this issue? thanks, Nilesh
PHP + JQUERY + AJAX
Hi Guys, I have a problem with JQUERY and AJAX. I would suggest you go to this page and click on the next link. http://test.zahidchaudhry.com/ Notice that the progress bars disappear after AJAX is invoked... This is the AJAX function: function ajaxFunction(ajax){ try{ // Opera 8.0+, Firefox, Safari ajaxRequest = new XMLHttpRequest(); } catch (e){ // Internet Explorer Browsers try{ ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); } catch
Slidein effect from image
HI All Firstly sorry if i am posting my question at incorrect place. fairly new to jquery. What i want to do it this. I have an image inside DIV on hover to this image i want to display Hidden div at particular location. The hidden div contains images , links and javascripts generated through PHP code. On mouse out of image i want to hide the DIV. Any idea/ sample code or direction is much appreciated. I have tried to did it with simple java script (old school method :) ) and got stuck with event
Jerky movement in FF. Why? Any Solution?
I know Internet Explorer sucks. It causes a lot of unobvious obstacles that one should always take by some trickery and dark magic. But now a HUGE problem comes from our favorite and faithful companion - Firefox. And the problem is that jerky animation during the movement of the Dialog box. What's that? Doesn't it suck as much as a whole IE6? Why?
Problems with Resizable without a theme
Hi, Is there a way to make some div resizable without using a theme? I just need the handles as simple as possible (just a plain square). I've tried to make so, but all I can see is the handles all groupped on the left of my resizable div (not in the correct handle position link n,s,e,w) Thanks, Pablo.
Sortable + Draggable - Getting reference to the object being dropped into a sortable
Hi, I'm trying to create a toolset from a list of draggable controls by connecting them to lists of sortables. It works great realtime without saving. But I would need to get a hand on the dropped object to be able to set its new ID. But I only get a reference to the object's clone. here is my code for a start with the php integration removed: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/
jQuery Group
Did something happen to the main jQuery group? I noticed it's not listed under 'my groups' and I'm getting a peculiar error and spam warning when I try to visit it. Anyone?
Sortable items issue
When I drag a sortable item across the screen (crossing over other sortable containers it "connects with"), and then release the mouse over an area that is not a sortable container, the item ends up in the most recent sortable area that it crossed over. How do you get the items to stay in their sortable container if they are if they weren't dropped in a legal sortable container (ie: dropped on nothing at all or another sortable area that it doesn't "connect with")?
FOUC when using embedded Tabs (tabs within tabs) under IE using AJAX
Hey All! Keeping in mind that the Tabs within tabs are a requirement and NOT a design choice by me, I need some help preventing the Flash Of Unstyled Content (FOUC). According to the documentation you can apply the ui- tabs-hide class to the panel and that should prevent it. I've done that to the embedded tabs and it works. Unfortunately, when I hide my top level tabs they are hidden on load. I've tried removing the tabs on document-ready but that causes the panels all to show up in line under IE
jQuery Accordian Link Problem
Hi, I've just started playing with jquery and im a 'hacking' together a menu using the accordian plugin. I want the actual link that creates the accordian effect to link to another page as well as drop the accordian. Currently I cant figure out how to make the <a> link to another page. Here is my HTML code: <ul id="sidenavigation"> <li> <h3><a href="content2.htm">Browse Our Services</a></h3> <ul> <li><a href="content2.htm">sub menu item one</a></li> <li><a href="javascript:;">sub menu item two</a></li>
Include disabled sortable items in serialize
I have a sortable list that contains two disabled items, one at the top of the list and one at the bottom. When I serilaize this list, the disabled items are excluded. I'm certain that the behaviour I'm getting is the expected behaviour, but I want the first and last items also included in the serialized list. Is there a way to handle this? The Javascript looks like this: $(function(){ $("#sortable").sortable({ axis: 'y', opacity: 0.5, cursor: 'pointer', items: 'li:not(.ui-state-disabled)', }); $("#submit").click(function
embedded tabs with different css for both vertical and horizontal styles.
Hello, I have created a small demo using the jquery tabs ui which has two layers of embedded tabs. It works fine on FF and Safari on OS X. Feedback and comments welcomed. http://x11.us/jquery/nested.html Cheers Norman
Resizable set on parent but child extends beyond parents bottom and right sides
Hi, I'm trying the use the jquery ui resizable() on a div that contains child divs as in the code below. The problem is that when the parent is resized, the child extends beyond the right and bottom sides of the parent. I'm wondering if there is a workaround or if I am not setting up correctly. Thanks!! Chris <div id="divOut" style='background-color: #ccc'> <div id='divHeader' style='margin: 2px 4px 6px 4px'>Header</div> <div id="divContent" style='height: 100%; width: 100%; background-color: #888;
draggable
i have a problem with the draggable/droppable it only runs the drop function the 2nd time I drop the element. is this happening to anyone else?? I use this: $(".divDroppable").droppable({ accept: ".minuteDrag", drop: function(ev, ui) { //my code here } }); to make the droppable element and: $(".minuteDrag").draggable({ helper: 'clone', opacity: 0.50, zIndex: 3000, cursorAt: { top: 21, left: 21 }, appendTo: "#content", start: function(e, ui) { //my code here
datepicker split dataText into 3 variables
Hi jQuery UI,<div> </div><div>I use the following:</div><div> </div><div><div><span class="Apple-tab-span" style="white-space:pre"> </span>$("input.date").datepicker(</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>{</div> <div><span class="Apple-tab-span" style="white-space:pre"> </span>showOn: <span class="Apple-tab-span" style="white-space:pre"> </span>'button', </div><div><span class="Apple-tab-span" style="white-space:pre"> </span>buttonImage: <span class="Apple-tab-span"
Possible to rotation all tabs but one?
I'm working on a tab set with native jQuery UI tabs, and with rotation method applied. 8 tabs are used, but I'd like to skip tab 6 during rotation. Is it possible to do that?
UI ThemeRoller Download doesn't work
Hi, when I create my own Theme and click Download on the right hand side it seems if the page just reloads :( When I click Quick download at the top of the website it isn't my own UI :(
Problem with JQuery UI and Recaptcha
Hi, I am trying to integrate Recaptcha onto my site which is using JQuery. I tried to use a blind effect on it created using the JQuery UI Plugin but it does not work: the reCaptcha begins to appear and the page becomes suddenly blank. It works in Safari but fails elsewhere. It seems that the problem comes from the <script></script> part of the code below that I want to toggle: <script type="text/javascript"> $(function() { //run the currently selected effect function runEffect(){
AJAX Tabs cache
hi, I am using AJAX Tabs to display a number of videos. Currently the video is reloaded every time I click on the tab, but I only want it to load the first time so the video seek position is kept. I tried setting "cache:true" and "'ajaxOptions':{ cache:true }" but the video is still reloaded. Is there a way to stop an AJAX tab from reloading its content? Richard
jqGrid on Page loaded in jQuery.UI.Dialog
A "Parent" Page uses the following method for loading a page containing a jqGrid plugin in a jQuery.UI.Dialog modal form. $("#TestDialog").click(function() { $("#DialogTest").dialog({resizable: false, modal: true, width: 500, height: 500}); $("#DialogTest").load("ModalComments.aspx", function() { }); //end ("#DialogTest").load }); //End $("#TestDialog") If the Grid definition section from the Page's $(document).ready (function() {}); is removed, the page loads with no problem. This page works well
progressbar animated example source image
In the demo & docs section there's a animated example of a progressbar using this image: http://jqueryui.com/demos/progressbar/images/pbar-ani.gif But i cant find anyway in the themeroller to generate a larger version of it with other colors. I guess its not implemented in the themeroller. Anyone who has the source images or any good tutorial on how to create something like it with the animation features in photoshop extended? Any other good gif animator utils for os x I should be aware of? Thanks
ui.dialog disable
Hello, all. I just started using jquery-ui in my web-app, and it looks and feels great to me. But I've meet the first issue. Let me have a dialog with some form inside it, and Save/Cancel buttons. When user press Save I send form data to server via ajax. To prevent user from doing any movements while bytes are running back and forth I disable dialog ( dlg.dialog('disable') ). But this disabling only inputs in my form, not Save/Cancel buttons! I expect them to be disabled too. Is it a bug, ir I've
Slow draggable holding iframe
i am looking to use draggables to hold iframes... but they move super slow... see: http://www.anomymage.com/tests/do/newdesk/drag.php The iframe holding DEP slows to a crawl, which screws with the drag effect. Is it simply because of the amount of information be loaded? If so, any suggestions on a way to essentially "blank" the iframe while dragging?
Drag and drop Issue, fit my drop!
Hallow guys.. I have recently installed Drag And Drop, and its great, but i stumbled into a problem. Okay the deal is, i got 12 drop divs, and atm 7 drag object, they are of same size. But i want the drag object to fit my drop object on drop, i have been trying everything for MANY hours, but with no luck! I am new at Jquery, so might be something i missed, been playing alot with position but won't work! If you need to see the project you can check my site on http://www.patterdale.dk/paradise/inventory.php
Multiple Draggables
I am trying to have multiple draggables on one page. Does each item that is draggable HAVE to have its own unique ID?
Theme missing icon(s)
Where's the best place to notify request about what icon should be added to the default list. For example, I think that a funnel icon should be included.
Multiple Tabs on page with different themes
End result is to have multiple tabs on page with different theme. How can I achieve that? Is it possible to change the CSS Class names while initilializing the tabs so I can load a seperate CSS file for each set of tabs?
How do I use .datepicker() on multiple elements at once?
Basically I have many textfields on my page and they all have the class name "datepicker." I want them all to implement your excellent datepicker plug-in, but when I do: $('.datepicker).datepicker() it only applies to the very first text field. Is there a way I can do this with out writing a line of code for every text field?
Accordion in Tabs
Hi all... I am having problem trying to implement accordion inside of tab. Can anyone post a simple example here on how an accordion can be implemented inside a tab? Of course, there are several tabs and each tab contains an accordion. Thank you in advanced. Regards, Wai Thing
UI Accordion - Parent container height
Hello.. I'm wondering if the accordion is supposed to expand the height of it's parent container by default. For example, given the below HTML markup, and with the accordion being called on the #accordion DIV, should the #parent-container height re-size to fit each .ui-accordion-content DIV respectively? In other words, if the #parent-container has height set to auto which ends up being about 300px and #pane-2 has a height of say 500px, should the height of #parent-container expand automatically
jCarousel and Thickbox gallery
hi, i have a jCarousel with thickbox running. i wanted to use thickbox with next and prev so the user doesnt have to keep opening and closing the modal box. i added it to the script and it works except that it only loads the images showing. so if i have three onscreen and open one for the thickbox. then it only shows the next and prev of those three, even though there are about 25 total images. i found this thread online, discussing the same issue: ------------------------ I am loading a text file
Explosion Offset
On my freshly redesigned personal page (http:// www.christianziebarth.com/) I am trying to implement the explode effect and it works great except that the effect takes place about 200 pixels to the right and about 20 pixels down from where the DIV naturally is. Is there a way to get the effect to take place in the correct position? At the moment (until I get it working) the effect can only be seen on the "Web Developer" link. Thanks in advance for any help.
tabs method select doesn't update 'option' 'selected'
When i use the method select to select a tab it doesn't update the option selected attribute. If i click the tab with the mouse the selected attribute is updated as it should. This is what i do: $('#tabs').tabs({ select: function(event, ui) { if($(ui.tab).text() == "+") { usedlistid++; $("#tabs").tabs('remove',ui.index); $("#tabs").tabs('add','ajax.php?listid=' + usedlistid,'Lista'); $("#tabs").tabs('select',ui.index);
[Newbie] Pass slider values to a form?
Hi, I created a slider using $(function() { $("#slider-range").slider({ range: true, min: 0, max: 50000, values: [5000, 45000], step: 1000, slide: function(event, ui) { $("#amount").val('€' + ui.values[0] + ' - €' + ui.values[1]); } }); $("#amount").val('€' + $("#slider-range").slider("values", 0) + ' - €' + $("#slider-range").slider("values", 1)); }); and it works like
DnD. Allow dropping only on droppable elements
I wrote such code: *** $(document).ready(function() { $(".draggable").draggable({ revertDuration:1000, scope:'board', opacity: 0.50, snap:true, snapMode:'inner' }); $(".blackPiece").droppable({ accept: ".draggable", scope:'board' }); }); **** I thought that this snippet would prevent dropping dragged elements on "not-droppable" ones. But it is not. How can I make my plans in life? =)
Class-based (versus ID-based) Dialogs
Hi There, Long time jQuery core user, first time jQuery UI user, so please forgive me if I am being daft. I am trying to work the UI Dialog element into a page. Specifically I want to use it in a way to provide tool-tip-like dialogs for some elements on the page. In this particular case the client wishes for a click-to-show tool-tip instead of a more typical hover-driven deal. Long story. Anyway. My markup looks like--or at least I would like it to look like--this: <div class="help_link">[help icon/fallback
Drag and drop returns decimal position
I have a problem with the drag and drop feature. The ui.position.left is sometimes a decimal number. The value seems to be correct, except that it ends at .5 (e.g. 30.5). Especially Internet Explorer does not like pixels with decimals and it does not display the clone when dragged. This only happens at some machines. I cannot figure out why. Could it have anything to do with the language of the browser (some use ',' as decimal separator). I use jQuery-1.3.2 and jquery-ui-1.7.1. I have the following
jQueryUI and RubyOnRails.
Hi there!!! I would like to know if somebody here has a tutorial for a newbie in rails to integrate rails with jQueryUI? Regards, Targino Silveira http://twitter.com.br/TarginoSilveira
Datepicker ui Altering Button Panel
In the Datepicker demo with the button panel it says "Each button is enabled by default when the bar is displayed, but can be turned off with additional options. Button text is customizable." But I can't find any place that says how to do that, any ideas? Also wondering if there is a way to add custom buttons to the panel like you can do with the dialog. What I'd like to do is change the text for the today button to "View Current Month" and add "Add New Event" button with custom actions to the panel.
Next Page