Datepicker select year dropdown
Hi, is it possible to limit the size of select year dropdown of datepicker? I have year range set from 1900 to 2010 and they must all show up in the dropdown (not partial) but this results in a very large dropdown. I must limit this dropdown to 10-12 options and all other should be available through a scroll bar. Any help here?
Tabs Collapsed OnLoad Possible?
Hi, I've been scouring without any luck to find source for tabs to be closed or collapsed on load. I'm using the tabs / collapsible method. http://jqueryui.com/demos/tabs/#collapsible The tab layer content area will float over background, toggle on click with tab active. Is it possible to have container hidden or collapsed onload? Thanks in advance, jtm
Jquery bookmark within a tab
Say I have a dictionary split up into Jquery tabs. [Tab 1 is A to C] [Tab 2 is D to F] etc. From an external page I have got a bookmark link to the definition of say #funky With the current Jquery tabs, it will only load the dictionary page. It will not open the correct 'tab' and automatically scroll down to the definition of funky. I have searched, and the only solutions are to questions on how to make the actual tab a bookmark. Not something within a tab that is a bookmark. So where to go from
jQuery UI Accordion + Lightbox Gallery problem
Hi all, I am trying to use jQuery UI Accordion on the same page as Lightbox Gallery (tried Thickbox aswell), unfortunately when previewed the Gallery works fine but the jQuery UI Accordion loses all its functions, but if you remove the Gallery, the Accordion works perfect. Is there a conflict between both the widgets that i dont know about or am i doing something wrong?. I have attached two examples of a working jQuery Accordion and non working jQuery. Thanks
Sortable and Droppable (And helper !)
Hello, I was trying to make something like here ( http://jqueryui.com/demos/sortable/#connect-lists-through-tabs ) with sortable and droppable Interactions. Using the same code that in the demo i'm ading an helper on the sortable interaction ! In order to have a friendly interface. Like this : helper: function(event , el){ return el.width(100).height(30); // object returned by reference }Quite ugly huh ! Or this : helper: function(event , el){ return el.width(100).height(30).clone();
customising
Hi, I am thinking about customising the behaviour of the sortable interaction. Now, I guess that I would do this by altering the code in jquery.ui.sortable.js. If I do this how can I re-roll it into the bundle with all the other stuff (e.g. jquery-ui-1.8.2.custom.min.js)? Cheers,
Dialog over iframe
I have a dialog that is opening over an iframe, and its dragable and resizable... Problem: when its dragged/resized, if you move your mouse too fast, out of the dialog element, its like the iframe steals the focus or the mousedown event, and dialog stays in place/same dimensions, and its bugged, so when mouse is back on the element drag/resize continues... Looks like a bug to me...
Jquery Sortable Update Event can called only one time?
Hello. I'm trying to make category changes with Jquery & Php. I have no problem with it. My problem is, when the update event is called, it returning 2 results. 1 result for Dragged Parent, One result for Dropped Parent. I wanna call only dropped parent's id. Here is my script: $("#gallery ul").sortable({ connectWith: '.dropBox', scroll: true, scrollSensitivity: 100, helper: 'clone', containment:'#gallery', accept:'#gallery > .photo', revert: true, update: function(event, ui){ var params = 'category='
drag drop - change [cursorAt] while dragging
Hi, I have two droppables shown once an item is dragged from the page. One dropable is shown on the left-top of the screen and other is shown on the right-top of the screen. Now, the problem is [cursorAt] property. I want to change this property dynamically when user is dragging an item on the page. If dragging goes more than 50% right to the screen then change the [cursorAt] property so some what {right: -20, bottom: -2}, whereas if dragging goes more than 50% left of the screen then again change
jQuery tabs don't work with external content
Hi all, I've got a problem with jQuery tabs. I just can't load external content in the tabs, although I'm just following what is specified in the jQuery API reference to achieve this. Below is my HTML page. I just started from the jQuery demos page that comes with the download. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type"
show sortable drop zones
Hi, I am creating a basic screen designer where you can drag elements from a palate onto a "canvas" (nothing to do with html 5) or re-sort the existing elements on the canvas. I am displaying the elements on the canvas using "sortable" columns. Is there a way to trigger all the possible drop zones on a sortable to show themselves (when an element is being sorted or dragged) since at the moment, when I move a sortable element over the canvas the drop zones are expanding and contracting which moves
Display errors on jquery Tab Ui
Hi all, I am using JQuery Tab UI (jquery-1.4.2.min.js and jquery-ui-1.7.custom.min.js) . The tabs are working perfectly. However I would like to display error icon for example a tick on edge of the tabs . Basically, my forms which have multiple tabs and a submit button (Servlet/Struts). When the submit button is clicked, a javascript validation is called to display validation error message on the tabs. Anyone have any ideas how to do it ? Thanks
jquery ui modal dialog error in IE 6 and 7.
Hi i just added jquery modal dialog to my application. it is working fine as it suppose to be in Firefox, Safari, Chrome, Opera and IE 8 but in IE 6 and IE 7 it is generating error at marked line in the code. i using IE tester and also tried it in IE 8 compatibility view. please help. i am stuck . i am new to jquery. is there any other way to set these properties? if you need more info please let me know. thanks $(document).ready(function(){ $("#moveDialog{/literal}{$id}{literal}").dialog({
datepicker jsp problem
For some reason, when I add the datepicker to my jsp page, doesn't work after a session gets created. If I use it outside of the session scope, it works fine, but if I use on a page that I can only access after login(session creation) it doesn't work... does anyone have an idea why? I'm not sure on what part of the code to put here for you guys to see, so if want me to elaborate more on the question, please let me know. Thanks!!!
How to style a SELECT element based on the theme?
Hello, I am new in JQuery UI, but hoping to style HTML elements to achieve better design and faster development, which is essentially what JQuery UI promotes. However, I feel it is kind of frustrating to style elements, because I simply do not know what classes to use to style a HTML element. I am using Redmond gallery theme. Its example page does not show enough examples. Particular, I need to know what classes to add to a HTML select element. Can anybody help me with this? All the best.
Dialog and passing value to parent
Hello. I have a problem i`d like to page <- on the page some form on page i have input field e.g. <input id="test"> tree <- open in dialog from page (button) select value from tree from <input checkbox> submit (close modal) fill the <input id="test"> with value from <input checkbox> from tree
[DatePicker] change onClick (day) and day css
Hi all, I want to use jQuery UI DatePicker to show some events of my agenda. This is my ideas: I want show a busy day ( more than 4 events ) with red background colour ( on the day cell ). When I have 2 events in the day green colour of the cell's background and go on. Second question is: if in the day cell there are some events I want to make the cell clickable and redirect ( on click ) the user to a page. Is there a way to do that? Thank you very much, Emanuele.
AutoComplete minChars not working
I went to the jQuery autocomplete plugin page that uses the Jorn Zaefferer plugin and downloaded the zipped examples. It has a lot of functionality, and was relatively easy to use. The problem is if I try to set the minChars value to anything but one or zero. If I do this, without making any other changes, I get nothing at all in the suggest box that should appear once I've typed the number of keys specified by the minChars option. I change it back to one or zero, and it works. This is really frustrating.
Accordion's fillSpace is filling more than it should
Hi all, I just started using jQuery so I'm sure I'm just missing something here. I'm using the plugin ui.layout (http://layout.jquery-dev.net/index.cfm) and placing an accordion in the 'west' pane, along with a <div> underneath the accordion. The problem is that with fillSpace set to true, it's filling the entire pane and pushing the div out of sight. Here's the relevant code: HTML for sidebar <div id="sidebar_bc" class="ui-layout-west" style="display:none;"> <div id="sidebar_accordion" >
swap/toggle the clicked "divs" (works), but how to get this animated?
Hi there, I'll try to explain what I need. Say we have the following 3 divs: [1] [2] [3] When I click div 2 it gets selected, then I click div 1 and they swap getting this: [2] [1] [3] The thing is, I want this animated so that the divs slide gently over each other to the new position. But how to do this? Kind regards, Some code parts: var lastselected = false; gamearea.selectable({ filter: '.jewel', selected: function(event, ui){ var s = $(ui.selected); if ( lastselected && lastselected.neighbor(s)
Modal not transparent
Hi, when using UI dialog with modal: true the overlay is not transparent on one of my pages. On the page there is several div-tags with the css-class holiday: .holiday { background-color: #ccc; border-right: solid 1px #888; border-bottom: solid 1px #888; margin: 5px 0px 0px 0px; padding: 10px; } if I remove the padding property on this class the modal is transparent. Any ideas what could cause this? This only occurs in IE8, in Chrome and FF everything is working fine. I have a lot of
Tab UI API issue
I am very new to Jquery and going to be using it for the first time. I want to make us of tab control,I've download JQuery UI along with cupertino theme and have copied demo code which is shipped along with UI. the issue I'm facing is tabs are coming very big in size so how do i control the width and height of the tabs only.
Passing value from one JQuery UI to another
how can i pass a string from child ui window to a textbox in the parent ui window?
Datepicker modifying the URL
I have a model dialog that allows the user to enter a date. Here is a simplified version http://jsbin.com/ohisa3/1#weston If I open this page is IE8 and select a date from the date picker. The URL changes from http://jsbin.com/ohisa3/1#weston to http://jsbin.com/ohisa3/1# is there a way to stop the datepicker from changing the URL?
Problems with combination of show and acordion function
Hello, I try to slide in a div, wich use the accordion effect. But when the slide effect is ready, the accordion effect get looses: http://www.gilligans-island.de/present/test.php
iGoogle like UI implementation
Hi, I have a request to implement iGoogle like UI features, specifically, the drag/drop module boxes, and configurable elements for each module box. Currently, I have existing module box with all the forms and elements (backend support for them too). But they are not drag and droppable, and not configurable. My questions are: 1. Do I need backend engineering involved in this implementation? my understanding is: it's pretty much front end UI work and backend already provided all the form elements,
Themeroller integration example
I just want to share my web application I wrote using the themeroller as base. All the themeroller's themes are available by default to users, and the users can create and upload yours own themes (created inside the web themeroller interface). Title: plugChat.in - Free chat and tool bar for your site/blog/forum! Website: http://plugchat.in/ Tiago
Strange behaviour with Drag/Drop
I had a working drag drop system. I've obviously changed something along the way because I've broken it. The error I'm getting is: inst is null line: 1751 the line itself is (inst.options.greedy) It seems to be having some trouble with the event propagation. I tried setting greedy: false on the droppable but I just get a different error somewhere else in the code. I have site up you can view this problem with at: http://staging.rosterconnect.com/login login: account@21connect.com password: password
drag drop - abort/cancel drag drop in the middle
Hi, Following features I have implemented so far using jquery ui drag drop. As soon as user starts dragging some objects, a droppable DIV is shown and background of the window is made grayed out (so, only droppable and draged clone is visible clearly). Now, when user press escape key then drag/drop should be aboreted/cancelled out immediately. Ideally, this results into removal of grayed background, removal of droppable objects and removal of dragged clone object. I can successfully remove
JQuery Tabs
Hi all , I am using JQuery tab ui (jQuery UI 1.7) and it work greats in most circumstances. However, I have problem in hide the dynamic tabs from the page. Any one have any ideas ? I have tried to use the disabled or ui-tabs-hide without any success. Below code basically check if the new size less than old size. If yes , i need to hide the tabs. if(parseInt(grpSize)<parseInt(oldGrpSize)){ $('.ui-corner-top ui-state-default').addClass('ui-tabs-hide'); return;
How to resize boxes from top?
I'm having problem with resizing on calendar project, because I can't find how to resize boxes from top instead of bottom, so I cant make events start earlier. Thanks!
JQuery Droppable, snap, revert questions
Hi there. I'm playing with the droppables/draggable elements of the JQuery api. However I have ran into two problems. Basically i'd like to have a list of images on one side that can be dragged to several containers on the other side. For example a dog image can only be accepted to be dropped into a dog container whilst a sheep image can only be dropped int o a sheep container. If these are dropped into the right containers then they snap into the center of the accepting container or else revert
More than one Datepicker
Hello, I am first time using JQuery an JQueryUI. I using a simple DatePicker Widget to fill text fields. Here is my HTML http://pastebin.com/2hL7tVXN Here is my Utils.js http://pastebin.com/eXNncBSK My Problem is that only the firts input text field with the "date" id is working. It can't be the same id?
Table styling
What ways are there for styling a simple table with a header, alternating row colors and footer using jQuery UI Themes? ui-widget, ui-widget-header, and ui-widget-content obviously only go so far since there are not enough classes to make a distinction particularly between alternating row colors or header and footer. Any suggestions for solutions that favor the continued simple use of the ThemeRoller for styling?
Using jQuery UI 1.8.x with jQuery 1.3.x
Hello world, I actually use jQuery 1.3.2 and jQuery UI 1.7.2 and I wish to upgrade to jQuery UI 1.8.x . For some reasons I can't upgrade jQuery to 1.4.x, so can I use jQuery UI 1.8.x with jQuery 1.3.2 ? If they are'nt compatible, can I by myself make jQuery UI 1.8.x compatible with jQuery 1.3.2 ? Thanks, Leo.
Dialog Drag Problem
Dear All, On dragging the dialog buttons are getting hide OR hieght of Button's bar is getting reduced. could you plesae suggest the solution? following is the code. $("#dlg_add_dependant").dialog({ autoOpen: false, height: 295, width: 400, modal: true, buttons:{ "Close":function(){ $(this).dialog('close'); }, "Save":function(){ saveDependant();
jQuery UI 1.7.3 not downloading for me
Complete jQuery beginner here, below zero on the learning scale at present and unfortunately cannot get beyond download to get started! When I click to download it doesn't get past 67.6 / 217 KB before hanging with the message Decompression failed. I've tried with both versions (although I know it is the 1.7.3 that I need) and both failed. Have checked around but could find anyone else having this problem - is it just me?? Thanks
jQuery UI across frames...
I have and index page which contains navigation and stuff, and inside same index page there is an iframe, where content is loaded without reloading his parent (index page). Now i was wondering is it possibile to load jQuery UI in index page, and use it inside iframe. Because index page never reloads, so jQuery UI wouldnt have to be loaded on every change od content... I hope i managed to explane my problem clear enough... Thanks in advance...
Setting Datepicker invalid dates
Hello all, As a relative newcomer to jQueryUI (but not to development) I am struggling to find a way to disable certain dates from being selected in a datepicker control. I can do this with another jQuery datepicker control but I wanr to be able to keep my theme across the entire site the same. With the jdPicker control from http://jdpicker.p4ul.info/?p=doc I provide an array of dates in the option non_selecable in the current date format. Is something like this possible in datepicker?
Get date from datepicker
Hi fellas... I need to get the selected date from datepicker and send it to another page, when clicked by my client, is it possible? Thanks in advance.
Next Page