jQuery UI - Modal Dialog problems
Hi Can some one please help me in solving this problem I created a modal dialog box with $("#user-dialog").dialog({ autoOpen:false, bgiframe: true, height: 450, width: 375, modal: true, draggable:false, resizable:false }); which will open up when a button "enter details" is clicked with some input text fields to enter and has two buttons "create" and "cancel" so when the user enters the details and click on cancel or create
rounded corners?
this has probably been asked a million times, but when will jquery UI support rounded corners for IE?
jqueryui.com break down?
i got the following warning when i browse the http://jqueryui.com/ site. Warning: fopen(/srv/jqueryui.com/htdocs/libraries/cache/10626693c783160501c92c6ee0fdf4a8) [function.fopen]: failed to open stream: No such file or directory in /srv/jqueryui.com/htdocs/libraries/fetch_documentation_page.php on line 29 Warning: fwrite(): supplied argument is not a valid stream resource in/srv/jqueryui.com/htdocs/libraries/fetch_documentation_page.php on line 30 Warning: fclose(): supplied argument is not a valid
Helpe with Draggable/Droppable, dynamically create draggable, change droppable inner html.
Hi, I've been using JQuery/JQuery UI but I don't have much experience with either, I use JQuery mainly to make a few asynchronous calls and JQuery UI for it's datepicker and tabs components. I'm now experimenting with a small project where I'd like to create a simple game, I thought the draggable and droppable interactions could be useful but I'm having some trouble figuring out how to correctly apply them to my needs or even if they are useful at all. My goal is to create a small GUI where the
Sortables and Droppables Issue
Hey everyone, I've spent way too much time on this, so I'm hoping someone can help me out. Currently, I have a droppable inside a sortable <li>. It works like a charm, except for one thing- when moving something up and down (which will, in turn, move the other <li>s up and down), the droppable area doesn't change even though the droppable element itself moves. So, lets say the droppable gets bumped down because we're moving an element upwards. The droppable element itself moves down, however the
UI - tabs II
The HTML content of this string is shown in a tab title while remote content is loading. Pass in empty string to deactivate that behavior. An span element must be present in the A tag of the title, for the spinner content to be visible. Sorry, but can anybody explain me and/or give me a code example of the part underlined ??? I have this: <li><a href="./myScript.php">My Tab Label</a><span></span></li> and try this also: <li><span><a href="./myScript.php">My Tab Label</a></span></li> But it doesn't
Datepicker: Fully Constrain Input
Hi, One issue that I dealt with is constraining a user to pick a date from a datepicker and not allow any input into the input field. I'm aware of the constrainInput option, but this allows a user to still enter any amount of valid characters. For example, a user could type 12///333///444/555/666 in the field and it would stay there on blur. There are a couple of work arounds but I am looking for help/suggestions. One option is to add a read only option to the input. This works great, but it turns
jQuery Dialog Loses Style Sheet on Second Load
Hello all, I'm working with jQuery UI and the dialog plugin. I have a Manager Response form that appears in the dialog box that appears when a user clicks on a certain link. What happens is I acquire the ID for that response, do some processing and send back the view that I insert in to a for the dialog box. It works fine the first time, but the second load of the dialog box removes all of my CSS and JS. Any way to prevent this from happening? Here is the code sample in question: $(function(){
$('a#manager-response').click(function(){
var
UI Tabs
I been trying to show several images inside a tab, nothing fancy, just an HTML plain: <img src="./path/to/image_1" /> <img src="./path/to/image_2" /> <img src="./path/to/image_3" /> <img src="./path/to/image_4" /> On the file wich I call on the tab's <a> Notice that the rest of the tabs load content beatifully But inside the tab only the first image is shown, the rest are, but hidden, I see them with the Firebug ... Any ideas why is that ?? Thanks in advance
Datepicker not displaying on input
Hi Guys - I have the datepicker working elsewhere on my site, so I know it isn't a problem loading the files. But when I try to call it on an input, I can see that the class "hasDatepicker" is applied and the dymanic ID is added. But clicking the input doesn't show anything. There are no javascript errors so I'm at a loss here. Here's my javascript (called in a document ready): $("#reminder-date").datepicker({ duration: '' });And here's my HTML: <input type="text" name="reminder-date" id="reminder-date"
Draggable and resizable causing trouble together
I have a few div elements positioned in a container div. They are all positioned relative. When I start a resize, the element which I'm resizing gets the style attribute 'position: absolute' This causes the other relative elements to collapse. I'm using jqueryUI 1.7.2 and jquery 1.4.1. I found the code which causes this problem, which is on row 222 in the file ui-resizable.js The comment says it is a bugfix for http://dev.jquery.com/ticket/1749 I think this causes another bug. I attached my code.
Jquery 1.3.2 and UI 1.7.2 and DatePicker causing browser to hang.
Hi, When using the following code snippet the datepicker show successfully the first time but on subsequent clicks will hang the browser. Please note this is only using IE8. The following browsers are functioning as expected: IE8 in IE7 compatibility mode. Chrome Firefox Safari. Any ideas as to what maybe incorrect? I'm using Windows Server 2008 R2 as an operating system. Thanks Chriss <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Generic Confirm Function
I am new to jQuery, so I appologize if this has been answered before, but I couldnt find a relevant post here or via google. I have an embedded javascript file with the following function: function ConfirmDialog(titleText, messageText) { var content = "<div id='dialog' title='" + titleText + "'><p><span class='ui-icon ui-icon-help' style='float:left; margin: 10;'/>" + messageText + "</p>"; $("#dialog").dialog("destroy"); $(content).dialog({ resizable: false, modal: true, buttons: { "Ok":
using jquery accordion
[[just posted this in the google group]] Hey all. Excuse me, please, I am new to much of this jQuery stuff ... I have set up an Accordion (http://bassistance.de/jquery-plugins/ jquery-plugin-accordion/) and have five <a>drawers</a> links, which are the headers. All works fine, when I click on one of these the accordion opens as it should. Now, my issue is that I would also like to link to these from another menu (at the top of the page) and have the accordion automatically open to the selected
Tabs & URL activating...
I see in the source for the Tabs library that there must be plans for implementing ajaxHistory() into the UI.Tabs - is this true? Has anyone thought about utilizing any type of document anchors for tabs, so that one could go to my/page.html#tab2 and tab2 would automatically be the tab that was selected? This should also track the particular tab in the history, right? What I'm suggesting would be different then cookie persistence, just to be clear - because if no anchor would be set or if none of
Loading page fragments in jquery UI tabs?
Hi! I know about the existence of $.load() and its ability to fetch a page and only load a particular selector from that document (throwing away the rest). I've looked in the jquery source code to see how that's implemented and I understand how it's done using $.ajax() and then finding the selector in the results. How can we use this technique in an AJAX-loaded tab in jquery UI tabs? I know you can specify AJAX options when loading a tab. That allows me to use a technique similar to the one that
Datepicker format help
Hi, I've tried searching but couldn't see anything. Basically in the default mode datepicker returns the date as mm/dd/yyyy. How would I make it return dd/mm/yyyy ? Thanks
Drag item to sortable and on drop insert different element?
I have a container with a series of draggable icons, and I have a sortable container that can hold widgets. Each draggable icon represents a widget. How can I drag the icon to the sortable, and on drop insert the corresponding widget ? Any help would be greatly appreciated!!
Customized download for jquery-ui-1.6 not possible anymore
Hi, a few weeks ago it was possible to select jquery-ui version 1.6 when customizing a download. Unfortunately this is not possible anymore. The latest possible version to select now is 1.7. My problem is that I need a customized download which only contains the datepicker with the theme Redmond or Overcast for jquery-ui 1.6.0. The reason is that my project uses jquery 1.2.6 and I cannot migrate to a newer version. Does anyone has an idea how I could solve my problem? Maybe someone has exactly the
Dialog not centered because of other JS code
Hello, As soon as I add the code below (from a tooltip plugin from Jorn), the jQuery UI Dialog will not be centered and will be displayed on the top left of the screen. What can I do to fix that issue ? $('div.quarter').tooltip({ track: true, delay: 0, showURL: false, showBody: " @ ", fade: 250 }); Thank you for any help.
IE7 and IE8 problem with date_popup in Drupal
Hi All, I am getting a problem when using date_popup and jquery_ui in Drupal - the pop up calendar used to select the dates is absolutely fine on Firefox and IE6(amazingly) but in IE 7 and 8 the calendar pops up but at the bottom of the calendar there is a large text field appearing with the work 'false' in it - see image below, if I click on the background the calendar hides as it should but then if I click back in the date field the calendar pops up with the text box again but twice the size and
Select particular tab on page load in javascript
Please help. In one of my page "Page1" there are 4 tabs. From other page "Page2" i redirect it to "Page1" and aslo send some different parameters. I need to select partcular tab depend on parameter from page2. I tried this but it doesnot work $(".tab-holder").tabs('select', 2); // switch to third tab If I tried same called same code on any button click it chnages but not when i did same on body onload
How do I get the date from a datepicker that doesn't display the entire date?
I have a datepicker initialized as such: $('.DatePicker').datepicker({ constrainInput: true, format: 'm/d', onSelect: OnDatePickerMonthDayOnlyChanged }); function OnDatePickerMonthDayOnlyChanged(dateText, inst) { var element = $(this); var selectedDate = element.datepicker('getDate'); } The problem that I'm having is that if I pick a date in a previous year (e.g. 1/4/2003), it gets formatted without the year in my datepicker (e.g. "1/4"). It appears that since there is no year displayed
pagination in a tab
hello, i met a question,i hope someone can help me. the question like this, i create same tabs: $("#tabs").tabs( { / load: function(event, ui) { $('a', ui.panel).click(function() { $(ui.panel).load(this.href); return false; }); } } ); <ul id="tabs"><li><a href="a.php?s=book">book</a></li> </ul> in book tab,there are some
Jquery UI Dialog animation complete
I am using jquery ui dialog and the width and height are dynamic (based on viewport size). Since the dialog open is animated (using option show: 'slow'), I need to know when the dialog animation has completed so I can then calculate widths/heights for child containers within the dialog. The problem is if I try to get the dialog's width and height on $(document).ready to do my calculations for w & h of the child containers, the dialog animation has not completed yet. If there was an event like 'openStop',
[datepicker] using setDate to set highlighted day
I am declaring my datepicker on my page with the following code: $('#datepicker').datepicker({ inline: true, dateFormat: 'yy-mm-dd', onSelect: function(dateText, inst) { popPicker(dateText); fetchTeamCalls(dateText, currentProspect); } });And it works fine like that except later in the page I'd like to change the day it is declaring as "today". it defaults to the current day perfectly but I need to change the current day for some overseas users and the following attempts
The Bounce effect, hyperlinks, and Opera
Hi all- In attempting to get started with jQuery and jQuery UI, I adapted the jQuery UI "Effects" sample for use on my menu bar of links. I have successfully gotten the links to Bounce, after which they act like normal links and the user is sent on to the linked page. It works great--until I try it in Opera, both 9.1 and 10.5. The effect is never fired, and the user is immediately re-directed. I have tried various approaches using setTimeout() to try to "pause" Opera, by not returning "true"
JQuery UI 1.8rc3: Autcomplete doesn't work correctly (sporadic failures) on Firefox 3.48 Firefox 3.0
A simple JQuery Autocomplete with server side processing has many sporadic failures. It looks like the "select' handler doesn't get called when you use the mouse to click on an item.
[Opera] Scroller Doesn't Work In UI-Dialog
Hi All, I got some problems when I try to scroll a <ul> list in jquery ui dialog under opera browser. I can not use mouse to drag the scroller down. It only happen when I put it into jquery ui dialog. if I put this <ul> list out of the jquery ui dialog the scroller works fine. Is there anyone can help me to solve this problem? Thanks! Agate
Anybody else having problems with the JQuery UI website Themeroller?
For several hours now I haven't been able to roll a theme. The control panel on the left side of the page either fails to appear or disappears after I've been working on a custom theme for awhile (which is very frustrating). I've tried both Firefox and IE8 on a Windows Vista machine. Is nobody else experiencing this problem?
Dragging a non sortable item into a sortable list
I have a problem which is a bit hard to describe. I have 3 columns of sortable divs which are connected to each other and I can sort items within each column and drag any item to other columns. (Just like the portlet example in jQuery UI demos). I also have a table on the same page which displays tabular data. I don't want the rows of the table to be sortable, however I want to be able to drag any row of the table and drop it on one of the sortable columns as if it is one of the sortable divs. I
accordion stop working in jQuery Tab with ajax content
hi, I'm working in jQuery tab that load the content from ajax. where every content has accordion panel.. before I use the jquery tab, the accordion works well, but after I implement the ajax tab, the accordion only work on the first tab (on home.php). when I click the other tabs, the accordion seems to not working any more (looks like there is no accordion panel).. I'm new in jQuery, so I dont have any idea to solve this issue.. here is the master's html <head> $(document).ready(function() {
add ajax tab programmatically (missing 'title' parameter?) [SOLVED]
hello, according to the documentation, it should be possible to add a new ajax tab programmatically using the 'add' method. http://jqueryui.com/demos/tabs/#method-add The second argument is either a URL consisting of a fragment identifier only to create an in-page tab or a full url (relative or absolute, no cross-domain support) to turn the new tab into an Ajax (remote) tab. however, when i try this, the newly created tab's href value is '#ui-tabs-[object Object]', not the url I set as a parameter.
How to find a control inside Datalist and get its value ?
Hi fellows., I'm working on a ASPX page where i met a situation like., This is a Similar Example of my application looks like..... Have this for the Drag and drop functionality, adding removelink & clicking the link alone.... I dragged an listitem from a Datalist and Dropped into another Datalist's Listitem.... The script used Helper:Clone to add the dropped item to the listitem adding a linkbutton named Remove along with it.... now wot i want to do is., 1.get the label's text which is inside the
opacity is not working in IE
The layer is not shown in transparency mode when opacity property is set for draggable()
draggable div with style overflow auto
Hello, I have a div as a container (id="w_ueber"). This div is draggable. In this div I have another div (id="w_data") and in this div are div like rows. After 10 "row divs" I got the scrollbar (style of div (id="w_data") is overflow:auto. But I cann't use the scrollbar to go up or down. Only the draggable function of the container div (id="w_ueber")is active. What is neccessary to get the function draggable and using the scrollbars? Here a short description of my div layout: <div id="w_ueber" <-
Datepicker Disable all dates but defined dates.
I have been looking everywhere and I cant find a solution to this issue. Is there anyway to disable all dates but dates the user has defined in mysql table? I'm trying to setup an event calendar in which if there is an event on certain days, then the user can click on that date to view information, else the date is disabled. Please.. I would appreciate any help on this. Thanks In Advace...
can't return input width() after resizable initialized
The width() returns null on an input element after the resizable plugin is initialized. Is this the way it's supposed to happen. I know I can get the size property of the ui object on resize but I don't want/need to track the change in the width for the element; I just want to grab the width later to use. <div style="width:100%;"> <div id="wrapper"> <form> <input type="text" name="test"></input> </form> </div> </div> <script type="text/javascript">
How cancel/destroy autocomplete "select item" ?
Hello, $(e).autocomplete({ minLength: 3, delay: 450, source: function(request, response) { $.ajax({ type: "POST", url: 'town/getTownsAllLike', data: { str: request.term }, dataType: 'json', success: function(results) {
Cancel a resize event?
Apologies if this has already been asked; I couldn't find a record of it. Is it possible to cancel a resize event for the resizable widget? Neither "return false" nor "event.preventDefault()" work for me.
Next Page