DatePicker issue
Hi, I have a small form which has two date fields that need to be selected. However, when I select the End Date, and try to navigate to the previous month, or enter the select field of months, the entire datepicker refocuses to the Begin Date input field. This is in IE6 consistently, and IE 7 depending on the wind (no not very technical, thanks for noticing). An external test URL is http://teampoop.com/tests/ Please let me know if anyone else has had this issue and how they fixed it. Note: I started
JQuery UI Tabs events do not reattach after postback....
I am using JQuery UI tabs and use Ajax to reload portions of the UI. However there seems to be no clean way to reattach the events. I have tried removing tab at a time before AJAX call, then reattaching them after the call. I have also tried using the "destroy" before ajax and re-doing init after the ajax call. Here's my code... <div id="tabsDiv"> <ul id="test"> <li><a href="#one">One</a></li> <li><a href="#two">Two</a></li> </ul> <div id="Updatable"> <div id="one"> original message 1 </div> <div
JQuery UI Tabs events do not reattach after postback....
I am using JQuery UI tabs and use Ajax to reload portions of the UI. However there seems to be no clean way to reattach the events. I have tried removing tab at a time before AJAX call, then reattaching them after the call. I have also tried using the "destroy" before ajax and re-doing init after the ajax call. Here's my code... <div id="tabsDiv"> <ul id="test"> <li><a href="#one">One</a></li> <li><a href="#two">Two</a></li> </ul> <div id="Updatable"> <div id="one"> original message 1 </div> <div
[Accordion] Close on mouseout
Hello I'm new to Jquery and working on an accordion menu (Jquery UI). The things is that I want it to close on mouse out. I hope that someone can help me... tnx in advance. greetings, Maikel
datepicker - themeroller CSS issue
Hi, I just rolled a css theme using themeroller, and I'm trying to get a simple datepicker setup using the latest UI release candidate. My problem is when I open the datepicker which defaults to the current month, instead of using the Next image, i get: <div class="ui-datepicker-next"><label>Next></label><label/></div> If I go back to November, the correct next image is shown. Also the overall width of the datepicker widget seems to be too narrow. I've linked images here:http://flickr.com/photos/59333955@N00/sets/
IE7, Tabs content outside of panel
Im trying to use tabs to load content dynamically (ajax). Works fine for FF but in IE the content that loads hovers outside, and is not constrained by the panel. Anyone run into this. Currently the content that is not fitting is an ajax created grid. Has anyone else run into content not being placed inside of the tab's panel?
Tabs callback
Hi all, How can I bind callbacks to tabs switching ? I'd like a function to be called when the user change from/to a tab. -- Fabien Meghazi Website: http://www.amigrave.com Email: agr@amigrave.com IM: amigrave@gmail.com
Slider, two "thumbs"
I don't see that UI supports two points (thumbs as YUI calls them) on the slider control? Has anybody extended the plugin to support two points? 1 --------------------------- N ^ ^ If not, would anybody be interested in working on a contract project? -- A
forcePlaceholderSize sortable option has no effect
I'm trying to apply a size to my placeholder class by css.... .placeholder { width: 100px; height: 100px; } but this has no effect, even when I have forcePlaceholderSize set to true. The size of the placeholder seems to be determined by the size of the item being dragged. Does anyone know how to size the placeholder??
sortable positioning incorrect, in a left float parent, (FF3 on OSX), UI 1.6x
First of all, thanks for a wonderful sortable library. I'm converting a project from Prototype/Scriptaculous, and am finding the implementation a lot cleaner, and the performance much better. I have a sortable div with css: "float:left;" that is floating about 100px from the left (next to another left floating div). In FF3.0.4 on OSX 10.5, when I click down and then move (change position) on a sortable item, the item position is set as if the sortable div was at the upper left of the viewport. That
Help: Show a (ajax) tab right away then load content later.
Hi, I use tabs control where tab content loaded via ajax. I want to achieve following effect: when select a tab, that tab open right away with a spinner (or any loading indicator), and the content is shown once it's loaded. I find it difficult to implement that with current jquery tabs, because it seems only allow showing tab when the content is ready. Could someone suggest a solution? I've thought of a workaround: implement the non-ajax tabs first, and then load tab content into corresponding div
jQuery UI DatePicker and BluePrint
Was wondering if anyone has written a complete theme for the jQuery UI DatePicker component that overrides all of the BluePrint CSS framework settings? I'm finding the DatePicker is picking up a lot of the styles set by the BluePrint framework and it looks awful. Maybe I should give up on BluePrint. Thanks!
Available Tab FX Options
What effects (fx) options are available for tabs? I am reading the documentation here: http://docs.jquery.com/UI/Tabs/tabs#options and it only discusses options for speed/duration. It does not list the actual effects that can be used. How could I do an animation from right to left along with the opacity fade in? In this post: http://groups.google.com/group/jquery-ui/browse_thread/thread/ab7fb87994f6f2a1/dfef6f7b6740697d?lnk=gst&q=tab+fx+explode#dfef6f7b6740697d the author was trying to use explode.
Draggable stacking & appending?
Hello all, I have a web page with a number of draggable words which can be dragged onto a blackboard to make sentences (please see: http://northbaddesley-inf.hants.sch.uk/nbis/curriculum/wordboard2.php ). All is going well up to this point but now I have run into 2 stumbling blocks, perhaps due to me misunderstanding the syntax: 1) Depending on the their position in the original word list under the blackboard, dragged words may appear under words which are already dragged - I would prefer the most
re[jquery-ui] sizable not working after redrawing divs
This is a tricky issue. I'll try to describe it and maybe include some code. I've been working with jQuery for over a year now, so I'm pretty familiar with it. I have a dynamic custom form creator I'm working on (the "form" is just a big container div). Elements of the form are all contained in container divs which have the jQuery UI draggable, droppable, selectable, and resizable attached to them, each with many options and start/stop/etc functionality. I bind this functionality on page load via
Widget Creation
This is a carryover from my Plugin Creation post in the jQuery group. Richard said that I might want to try using the ui.core.js library with what I was wanting to do. I've been tinkering with it, and have been figuring it out so far. I do have a few questions though, so I'm hoping that some of you will be able to help me figure out what I'm doing wrong. So far, my _init only creates some html, and that works fine. I'm looking to add some interaction to some of the things I've added (buttons, add
IE7 placement problem for datepicker
I don't know if something is wrong in the files but i'm sure i was able to do this before in another app. Look at: http://www.palliscience.com/analysis/ with IE7 You'll notice that the datepicker doesn't appear below the input box... did i miss something there?
defaultDate problem
I don't know if i'm missing something, but i can't seem to set a default date on my datepicker. $("#begindate,#enddate").datepicker({ beforeShow: customRange, defaultDate: new Date("<?php echo date('Y-m-d 00:00:00', $_GET ['begindate']); ?>"), dateFormat: $.datepicker.ATOM }); And the output ends up like this: $("#begindate,#enddate").datepicker({ beforeShow: customRange, defaultDate: new Date("2008-12-01 00:00:00"), dateFormat: $.datepicker.ATOM }); if i put a alter for that
Help with theming
I use the themeroller to create a theme but when i apply it, it's completly messed up. Sizes and proportion are all weird. Can you help me people, thanks. Test page: http://www.palliscience.com/analysis/
Smooth div scrolling with stepping using slider
Hi there, I am working on using the jquery slider widget to scroll a div. My test page is at example is at: http://static.spartaninternet.com/sandbox/ I would like the handle to snap to specific points because the layout is dependent on seeing two columns at a time. However, when I add the steps: option, the div and handle no longer scroll smoothly. Is there a way I could make the scrolling smooth while still snapping to the steps? Thanks! ~Amy
Selecting nested tabs with text link
Hello, I have managed to select a tab using a text link as described in an example provided in the faq. However, when I try to select a tab within that tab the layout is messed up. For example: ... $maintabs = $('#tabtop').tabs(); $maintabs.tabs('select', 2); $maintabs.tabs('load', 2); $innertabs = $('#innermemorialtabs').tabs(); $selected = $innertabs.data('selected.tabs'); if ( $selected != 0 ) { $innertabs.tabs('select', 0); } $innertabs.tabs('load', 0); ... I am no Javascript fundi and would
problem with styling jquery tabs
hello, i just discovered the jquery tabs plugin today. i have read the docu page about how to theme the tab nav (http://docs.jquery.com/UI/Tabs/ Theming) but i still can't figure out why this isn't working: only my css parameters for the selected tabs are working, but none of the css is working for the unselected. please see the commented code below. your help is much appreciated. dirk #### HTML <ul id="tabNav"> <li><a href="#search">Search</a></li> <li><a href="#info">Videoinfo</a></li> <li><a href="#project">Project</a></li>
Dialog layout problem in Internet Explorer Standard Compliance mode
I've found a bug with dialog layout with Internet Explorer when DOCTYPE says that this document is standard compliant. The dialog content is shifted more and more after each dialog opening. I suppose ii is caused by different block size calculation is such mode. How to reproduce: 1. create html document with dialog and <!DOCTYPE html PUBLIC "-//W3C// DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/ xhtml1-transitional.dtd"> 2. open dialog 3. close dialog and open it again. Here is
slider works but only once
I have a slider (will include code below)... that works just fine the first time it is displayed. I am using a jquery post function to go grab some more data and then re-post the slider but this time it doesn't work (can't slide it). Can anybody shed some light on what I might be able to do to fix this? I have tried assigning unique names to the slider elements for each load but it doesn't change anything. A button has an onClick function that runs a post $.post("myscript.php", {somevalue: ""+somevalue},
Activate Draggable onmousedown
Hello, I am using jquery ui in one of my web applications and would like to activate dragging only when the user basically is going to drag an item - in other words, when the user hits the mousedown on the dragging element. I tried something like this: <div id="item" onmousedown="activateDrag();"> I can be dragged </div> the script: .... var isDraggingEnabled = false; function activateDrag() { //if (!isDraggingEnabled) //{ $("#item").draggable(helper: 'clone'); isDraggingEnabled = false; //} } Now
YUI Compressor and configured downloads for 1.5.3
When I try to create a configured download including the "UI core" I get an invalid ZIP file (with some html in the beginning), or just a YUI Compressor error if I try the "UI core" alone. I think it's because of special characters in the contributors' names. When I run YUI Compressor on my machine I need to add '--charset=utf8' to the command line to make it work.
jQuery UI Experimental SVN Branches
Perhaps the project owners can answer this question? Which of the SVN branches 1.7, dev, & experimental is indicative of future widgets to be added to the UI library? I would like to play with the new widgets found at the afore mentioned locations. Do anyone know of any sites where some of these widgets are showcased? I'm interested in seeing some examples.
Rewrite draggable functionnement for some objects.
Hi, I need to rewrite the functionnement of draggable for some objet. I have a toolbar and i need to modify draggble actions. On double click i need to start the drag. Simple: $('.droppableToolbarObject').dblclick(function(ev) { $(this).trigger('mousedown', ev); }); But now i need i'm stuck. I want to do like in a graphic editor. -You select your tool by dblclick. -You can click anywhere in the zone to use the tool -You can click on the pointer tool to discard current tool and go back with cursor.
Need help with AJAX
Hi, I have used the '.load' function to load a HTML page into a division through AJAX. But i noticed that if i insert any other jquery scripts in the page that is loaded through AJAX, then they are not executed. As an example i loaded a page using Ajax into a div, from a link in that page i wanted to open a lightbox, but instead the content would just open as a usual html page rather than open in a lightbox. Is it possible to include more javascripts in a page loaded thropugh AJAX?
Looking for some plugin that mimics a menu
Hi guys I'd like to ask you if someone knows how could I acchieve the following "menu" using jQuery or jQuery UI ? I refer not to main menu but the central vertical menu at right which has some kind of slider that changes content when clicking options and then slides back to beginning when clicking the top option ht_tp://w_ww.drsoft.com/ Thanks a lot in advance,
Draggable with mousedown
Hello, I am trying to activate the draggable only when the mousedown is fired on the element. However I am not able to get it fully working. Here is what I have tried so far: .... <div id="#item" onmousedown="startDrag"> I am draggable </div> .... Script: var _isDraggingEnabled = false; function startDrag() { //if (!_isDraggingEnabled) //{ $("#item").draggable( { helper: 'clone' }); //} } .... Now the problem is that when I press the mousedown the first time, nothing happens the item doesnt move
accordion menu - IE6 small gap
I am using the UI accordion to construct a 2-level nested nav, which is working well, but I am getting an odd ~3px gap between the expanded menu UL of the active item and the trigger LI of the one below it in IE6 only. Oddly, once you start interacting with the meny, the gap closes. I have tried putting borders around all of the UL, LI, and A elements to isolate where Im getting the extra space, but this just seems to be white space between the elements. Can anyone help me slay the beast? http://64.207.26.131/news_articles.php
ui.accordion keyboard accessibility
Hi all, I've used the excellent themeroller to grab some code for an accordion control and have it running fine on my local machine (so no example to point you too). I was surprised to find that in Firefox 3 the accordion doesn't work via the keyboard - it's fine in Safari and (shock, horror) IE7. Does anyone have any insight on this? Is it FF, ui.js or do I need to add a parameter or something to the config? Ideally, I'd like to add event: "mouseover" and still have it keyboard-accessible but I
Sortable List & and remove(use a trash div)
Hi all i'am a newbie in jquery UI and JavaScript, I really have problems with the next example. Now i create a web page with a sortable list effect with handle: -link to view my webpage: http://www.propiedadesisrael.cl/sortlist/ In the example i need to remove one element of sortable list when drag the element to the black box (trash div), then the list need to refresh. Really i need the same effect as this page(url: http://ui.jquery.com/repository/real-world/layout/ ), but with a simple sortable
Sortable List & and remove(use a trash div)
Hi all i'am a newbie in jquery UI and JavaScript, I really have problems with the next example. Now i create a web page with a sortable list effect with handle: -link to view my webpage: http://www.propiedadesisrael.cl/sortlist/ In the example i need to remove one element of sortable list when drag the element to the black box (trash div), then the list need to refresh. Really i need the same effect as this page(url: http://ui.jquery.com/repository/real-world/layout/ ), but with a simple sortable
Accordion help needed
Hi, I have a few problems with accordion I'm not able to fix :) 1. "HeadLink" needs to toggle the sublinks but also it needs to load a new page 2. Remember the last state Can you give me a hint. Thanks
Problem with draggable element <TR> in IE6
Hi everybody, I have a problem whith JQuery UI 1.5.2 and the draggable element <TR> of a table. it definetly crash my browser IE6 although in firework it work well. I have problem only with the element <TR>, with the others like <INPUT>, <TD> ... I do not have this problem. Here is my code ************************************************************************************************************* <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
tablesorter question, sorting on hidden data
Hi, I would like to use tablesorter but I would like to set the columns sorting by using an XPath selector to a value in a hidden form field that will be of date format, for example the xpath: /html/body/table[@id='nav']/tbody/tr[@class='activatorelements']/td[2]/input[@name='dateobject']/@value should return an ISO datetime data type, and that datetime should be used to sort all rows of the table when one clicks on the column neader named data. Does this seem like something that will work with tablesorter?
coda-slider issue
I am using this coda-slider: http://www.ndoherty.com/blog/2007/11/28/a-quick-update-to-coda-slider-unique-classes-for-navigation-tabs/ The problem I am having is that I want one of the tabs (the last one) to go to a new URL NOT a panel. Any ideas? Thanks, jcrog
Jquery Draggable Not Working
Hey there, I was trying to use the Jquery UI for the first time today (developer download using the ui.all.js), specifically draggable(). It doesn't seem to work and I have triple checked my code...If anyone has any insight any help will be appreciated. Here's the error I get in Firebug: jQuery is not defined jquery.ui.all.js()() [Break on this error] })(jQuery); $("#block").draggable is not a function (?)()() handleError() handleError() nodeName() handleError() [Break on this error] $('#block').draggable();
Next Page