ajax and browser caching issue with tabs
Hi, I built a nice little app with UI tabs, it is awesome! But, in IE, many users don't know how to adjust their cache settings, and the tab loading will show data that has really been deleted from the database (php/mysql backend, not that it matters). For any custom js functions I have built that load tabs, I am appending a timestamp if I detect IE, is there a way to hijack the built-in tab load function and append a time stamp? Brian
DatePicker 11th Oct
<div dir="ltr">I have some problem with DatePicker in date 11th Oct and 12th Oct, if I click on 12th the DatePicker has return 11th Oct.... I´m using the lest version jquery.ui-1.6rc2 <br clear="all"> -- Alexandre Oliveira </div>
[BUG?] ui-tabs-unselect class never applied to tabs
The ui-tabs-unselect class is never applied to the <li> elements of tabs, when they are not selected (anymore).
slider onclick?
I am using a slider from jquery-ui 1.5.2. The slide: and change: functions behave as I expect. How can I also execute a function if the handle is clicked (or mousedown over handle), but not moved?
how to use links in accordion?
I'm trying to create shown/hidden content that includes links. However the links are turned into accordian event triggers. Is there a workaround for this? e.g. You've seen it coming a link within my content: <code> <a>There is one obvious advantage:</a> <div> <a href="http://google.com">You've seen it coming!</a><br/> Buy now and get nothing for free!<br/> Well, at least no free beer. Perhaps a bear,<br/> if you can afford it. </div> <a>Now that you've got...</a>
UPDATE for ui.accordion widget - size() method
I am using the Accordion widget with the fillSpace option, but found the lack of a way to *easily* resize the widget a strange deficiency. After reviewing the code, I found that a very minor adjustment provides an ideal solution. By just *moving* the code that sets the height into a separate "size()" method, the widget can be resized at any time - like so: $Object.accordion('size'); I further recommend that a size() method become a *standard* for any widget that sets absolute width or height, meaning
funzione $()
ciao, sono all'inizio della pratica con jquery, Quando uso la funzione $() ie7 mi dice "necessario oggetto". Qualcuno può aiutarmi a risolvere questo problema?
jQuery UI in VS 2008 sp1 + MVC Preview 5 = > unhandled exception
Hi I'm attempting to use the jQuery library within VS 2008 with no luck. Here is what I did: 1. Created a new MVC app having a View linked to a MVC Master Page 2. Copied the jQuery lib to the Content folder 3. Dragged jquery-1.2.6.min.js to the HEAD section of the Master Pager src="../../Content/jquery-1.2.6.min.js" type="text/javascript"> (excluding script tag intentionally) 4. Dragged jquery-ui-1.6rc2.min.js to the HEAD section of the Master Pager src="../../Content/jquery-ui-1.6rc2.min.js" type="text/javascript">
UI Tabs
Hi, I can't work out if this is something I'm doing wrong or a bug...or something that isn't at all supported and I'm doing something crazy and mad. Basically, im trying to do sub tabs but once the sub tab has been clicked on once and then clicked off, you can't then click back onto it. I set up an example to show what I mean http://nvented.com/test.htm. If you click all the links going down, and then try to go back up you will sell that it won't click on the One-Sub again.
how to do paging?
Hi, I have a list of comments that is filled using json and jquery. The problem is that there are 40 comments displied on one page. How can I do paging?
Datepicker and Modal Box
Hi All, I can't seem to get the datepicker() widget to work on a modal box. I've tried it on both the Boxy and Facebox plugins and I get the same result - nothing. It works just fine when I use it outside of the modal box but within the box the datepicker isn't being rendered when I click on the binded textbox. No errors on firebug and it doesn't look like a z-index layering issue. Has anyone run into this before? Any pointers in the right direction would be great. Thanks in advance!
Using the UI/DatePicker inline to show event tooltips on certain days and linking to other pages
Hi! I would like to use the UI/datepicker as an inline version just to show a calendar with tooltips hovering over some days with events and linking the days to some pages where you can see the event details. I was wondering if this is possible. There is this other jQuery datepicker from Kevin Luck ( http://kelvinluck.com/assets/jquery/datePicker/v2/demo/renderCalendar.html ) ( http://plugins.jquery.com/project/datepicker ) which has this $ ().renderCalendar function to render a calendar and put
Sortables and Tolerance
I have JQuery UI 1.5.2 and have three linked sortables where it is quite difficult to get a linked sortable to accept the new item. I have tried all of the new tolerance types without success. I would have expected the target sortable to accept an item when the item overlaps perhaps 50% of the new list but it seems to need sometimes over 100%. Here is some code: $("#container_1").sortable({ revert:true, scroll: true, placeholder: 'hover', items: '> div', distance:
select another tab on remove
I suggest to specify which tab will be selected on remove certain tab. Now, on remove tab - previous tab are selected, but sometimes will be nice to specify - which tab to select, may be like this: $ ('.selector').tabs('remove', 'Index removing tab', 'Index tab which will be selected');
Connected Sortables - Duplicating Items when Dragging 7 Dropping
Hello, I've two sortables on a page that are connected to each other, a source list, and a destination list. Currently when I drag an item from the source list it moves it to the destination list. I'd like it to duplicate the item, leaving the original in the source, and making a copy in the second list. Ideally I'd also like each duplicated item to be given a unique ID so it can be serialised and saved. Is it possible to do this? Thanks Ric
In between Color on UI Slider
Hello, Is there a way to set the in between color when having 2 anchors on the the slider ? Here is the example for the slider : http://interface.eyecon.ro/demos/slider_minmax.html In this example (based on jquery) as you slide the two anchors the middle selected range is a different color : http://www.filamentgroup.com/examples/slider/index2UI.php How to do this in the normal interface.eyecon.ro slider ? thanks.
vertical tabbing
hi gurus, i am trying to create vertical sliding tabs. that is--> tags will be vertically positioned, and upon click the containers will be displayed with animation. that is the 'width' of the container will be increased/ decreased. i want something similar to ui.tabs.js's fx: { height: 'toggle'}, but, the animation should be horizontal, rather then vertical. what should i do? is there any workaround with ui.tabs? or should i try with content sliding and tabs onclick? please help..
Text overflow in modal dialog
Hello, I've created a custom theme with theme-roller and I've applied it to my page but when I open a modal dialog with a long one line text, the original div that had the text (I assume it's transformed to the ui-dialog-content div) has a fixed width and height. That provokes that do not get right padding and it appears next to the right border. Playing with firebug and disabling the width and height properties added to the div, I get the correct rendering and the text appears in the center of the
Vertical Tab
dear gurus, i am trying to build a vertical tabbed panel with sliding options. now, i am trying with UI tabs, but the animation is for 'height' only, as the tabs are positioned vertically-- i want the sliding animation horizontally. what should i do? should i try with extra plugin for sliding panel? is there any workaround with ui.tabs.js? please help.
datepicker('setDate', ...) causes datepicker to appear and not be hideable
I have a date selection field that can also be automatically updated via other options (for example a "last two weeks" text link) and so I need to call datepicker('setDate'...) behind the scenes to keep it synced with this selection. But after setting the date, setData also triggers to datepicker to appear, in its expected position, but such that datepicker('hide') and the visible "close" button will not make it disappear! Is this the intended behavior? Is there a way to avoid it? I've cut the example
Tolerance question
I have to make a "puzzle game". here it is the html: <div id="dropContent2"></div> <div id="dropContent"> <img id="box1" class="handle" src="./i/01.jpg" alt="" /> <img id="box2" class="handle" src="./i/02.jpg" alt="" /> <img id="box3" class="handle" src="./i/03.jpg" alt="" /> <img id="box4" class="handle" src="./i/04.jpg" alt="" /> <img id="box5" class="handle" src="./i/05.jpg" alt="" /> </div> and js: $(".handle").draggable({ refreshPositions: "true", snap: ".handle", snapMode:"all", revert:"invalid"
Datepicker: How do I set a maximum range of dates between two input fields?
I have two input fields (startDate and endDate) on a hotel reservation form. The restrictions that must be observed are that 1. startDate not be greater than endDate, 2. endDate not be less than startDate, and 3. the difference between startDate and endDate not be greater than 6 weeks. I found some sample code on the jQuery website that addresses 1 and 2, but I'm having trouble setting the maximum allowed range between startDate and endDate. Here's what I have so far: <pre> $(document).ready(function()
Datepicker and Module Boxes
Hi All, I can't seem to get the datepicker() widget to work within a module box (I'm using Boxy - but it did the same thing on Facebox). When I use it outside the module box it works just fine. However, when I load it inside the module box it doesn't do anything when I click on the binded text box. No errors on firebug and it doesn't appear to be a z-index layers problem. Has anyone ever run into this? Any help would be great! Thanks in advance.
DATE BUG with 'ui.datepicker.min.js' and not with 'ui.datepicker.js'
Hello, First the jQuery UI trac (http://ui.jquery.com/bugs/newticket) give a nice '404 - Not Found' !! When 'ui.datepicker.min.js' vers 1.5.2 is loaded, the month of October have TWO days at 26! It's work correctly with 'ui.datepicker.js'. Cheers
Why isnt themed Tabs (add) show the default type?
I have tabs set up using the look and feel of the roll your own themes. When adding a new tab using $('#tabs2 > ul').tabs('add', 'source of AJAX response', 'NAME'); the new tab shows and works - but the look and feel is that of a link, not the themed class i.e. <li class='ui-tabs-nav-item'>. Am I missing something?
Sortable items bouncing
Hi, i have started impementing sortables for my needs, and i have encountered a little problem. If i am using nested sortables, and i want to move element to the end of parent category, dragged item cause bouncing of parent's bottom edge. It looks like actually dragged item don't know if it belongs to parent or actual category and it changes its mind every 1px of vertical mouse move :) I've made an example for you here: http://im.xf.cz/jquery-ui-sortable-issue/index.html You can try mentioned issue
Problem with Tabs on Dialog in IE7
Hi, having a Problem with a Tab on a Dialog, where the first Tab is not correctly positioned in IE7 (only IE7, other browsers do well). I've made a Demopage at http://87.230.83.66/tabdialogtest.html If you click on button dialogtest in IE7 the first tab is moved away to the left upper corner. Moving the Dialog or hovering over the second tab moves the first tab to the right positon. Something to mention: Within the div "example" i'm having a script tag which initializes the tab. I know in this example
dialog is not shows
Hi! I try to use a dialog widget but with no success =( Using this html I see only content of the div but not the dialog... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("#example").dialog(); }); </script> </head> <body> <link rel="stylesheet" href="http://dev.jquery.com/view/tags/ui/ latest/themes/flora/flora.all.css" type="text/css"
Preventing a dialog from going outside the document view
Hi, Is there a way to prevent the dialog from going outside the document view when dragging it ? This must be something like this but I don't how to complete: dialog({ dragStop: function(ev, ui){ if (ui.position.top < 0) { /* Missing code to prevent further move */; } } }) Olivier.
Modal Window and Accordion?
Running into some issues with an Accordion inside a modal window. If I load the code outside the modal it works fine. The problem is that the content of the window does not push the initial active pane to its height, so you see a mess of text over headings. Once you click one of the Accordion headings the problem goes away. I tried 1.5.2 and 1.6rc2 both with the same result. I also tried finding the answer on google and really only found: http://www.nabble.com/Making-Accordion-works-within-a-modal-dialog-td1799517
Dialog Draggable Problem
My dialog window drags great if I set the position using top and left. But I need mine to set position using bottom and right. So in my style sheet I force top and left to be auto and I set the bottom and right to be 0. When I do that I get no dragging.
Tabs: Getting auto-cycle slideshow type effect?
Is there a away to add a slideshow type effect with the tabs? Perhaps some code I could add to an onready block so it would auto- cycle through the tabs and stop the auto-cycle when a tab is clicked? Some code snippets would be really appreciated or just a push in the right direction.. Thanks
Sortables broken in IE
I have created an iGoogle-esque dashboard system for my users that works beautifully in Firefox but only so-so in IE. The layout is such that there are 3 columns that they can drag/drop items to various columns to suit their needs (things such as an RSS Reader, calendar, product news, etc). In IE, when one of the dashboard items is dropped, it can be re-dragged until the page is completely reloaded. Its as if IE forget that the item is still draggable. Go to: http://dev.toolbox.learningfocused.com
How to paginate data list in accordion
<div dir="ltr">Hi Guys, I want to paginate my data list in accordion widget. Could any one give me the idea how to achieve that?<br clear="all"> -- --- Regards, Muhammad Iqbal </div>
Sortable: Move to Top button
I've got a sortable list, that is currently working wonderfully, though it has been requested to add a "Move to Top" button, is there a way to trigger Sortable programmatically so I can have the nice little animation and tranlucent helper sliding up to the top position with the AJAX trigger in the appropriate place?
Only want DatePicker to fire is box isn't readonly
So i have a textbox like so <input type="text" id="Date1" class="Date" readonly="readonly" /> Wired up like so $("input.Date").datepicker({ beforeShow: function(t) { if ($(t).attr("readonly") == true) { return false; } } }) I have some outside functionality that changes the readonly state of said textboxes My hoping was that "beforeShow" allowed me to stop the picker from showing (kind of like the way the UI Tabs do) Any other suggestions? Ones that preferably work, heh heh I was messing around with
ui.dialog resizable
I am having trouble with the dialog plugin. I have set resizable: false when I setup the new dialog but the resize handles are still added to the dialog. They are disabled so I cannot resize them but they still show the cursor and give the appearance that it should be resizable. Is this the intended behavior? I was expecting to not have any resize handles if i set resizable to false. Thanks! Nick
Making your plugins options accessible through .data()
Hello. I have spent the last few days writing my first plugin and I got it all set up with the options I want and so on. However I have not been able to find a guide on how to make my plugin options available through the .data() expression that all the jQuery UI plugins use. I found some release notes about it and I looked at the code in the UI plugins but I didn't really understand it. Is there an easy way of doing this and if so, how do I do it? Kindly, Marcus.
jQuery Ajax Tabs and IE
Hello, I finished a project with jQuery 1.2.6, ui.core1.5.2, ui.tabs1.5.2, everithing working fine on Firefox3, BUT when I tested the project with IE7 I noticed that the ajax tabs are not working :(( . I implemented the tabs like this: <script type="text/javascript"> $(function() { $('#container-12 > ul').tabs(); }); </script> <div id="container-12"> <ul> <li><a href="index.php?option=com_anunt2&no_html=1&anunt2Task=showNew" title="Ultimele Anunturi"><span>Ultimele Anunţuri</span></a></li> <li><a
Sortable widgets
Hi, On a project that I'm working on, I use the sortable UI. And every sortable div has the same class name, so that they automaticly can connect. I have this: $(".widgetGroup").sortable({ connectWith: [".widgetGroup"], cursor: 'pointer' }); The code above works fine, but the problem is I can't serialize. If I do it like the examples on the jQuery website (with id's and multiple connects, like the code above for every div, total of 8 divs) it works, but that isn't great. -
Next Page