Overwrite UI Tabs Cookie
I´m trying to overwrite the saved tab index of the tab cookie. I´ve got a Tab with the OnClick Attribute which links to the previous website (index 0) If there´s no cookie set or the SelectedTab Index is 0 (from the Cookie i.e) the Script should overwrite the index and select the second tab. Any Ideas? Thanks! var action_tab_index = $("#example").tabs().data ("selected.tabs"); $tabs = $('#example > ul').tabs({cookie: {expires: 28, name: 'brtcookie'}}); if(selectedTab == 0) { $('#example').tabs({
Nested Sortables using 1.6rc5
I searched to see if this was a duplicate, but I had no luck - forgive me if this is a dupe. I'm trying to create several levels of nested sortables, but without a parent-child relationship. Top level lists will be sortable, the child lists of those will be sortable between themselves, etc. I started with UI version 1.5.3 and it worked exactly as I expected: I could drag and drop items between lists having the class specified in the connectWith parameter, worked awesome. I moved to 1.6rc5 for all
Datepicker Theme and Links
(I hope this one's not duplicated, but I had problems posting) Hi everyone, I'm a new user of jQuery UI and the first app I'm trying is Datepicker. I made a theme suitable with my site with themeroller but when I download and paste everything in my site I don't get the exact result I saw in the theme preview. Here is the theme I want: http://www.phyrosia.com/cose/datepicker-want.jpg Here is the result I get: http://www.phyrosia.com/cose/datepicker-get.jpg Why do my header and day name and corners
JQuery UI Dialog Buttons translation
Hi ! I would be able to translate text of the buttons in the modal Dialog for example. Unfortunately, I can not provide any function as a key in "buttons" Array. For example, this code does not work : var cancelBtn = function() { return MyAppli.t('Cancel'); }; var okBtn = MyAppli.t('Delete all selected items'); With this dictionnary in Dialog constructor options : buttons: { okBtn: function() { $(this).dialog('close'); }, cancelBtn: function() { $(this).dialog('close'); } } Thank you in advance for
ui - Dialog
Hello community; I have the following problem once invoke a dialog () after closing it again to call does not work that may be This is the source code jQuery('tab').click(function(){ optionSelect = '#select'+jQuery(this).attr('car'); optionList = '#list'+jQuery(this).attr('car'); optiontype = '#type'+jQuery(this).attr('car'); jQuery('#aspecto').attr('title',jQuery(optiontype).attr('value')); jQuery('#aspecto').dialog({ bgiframe: true, height: 220, width: 350, modal: true, overlay: { backgroundColor:
Draggable events not fully working
When I moved to jQuery 1.3.1 and UI 1.6rc5, draggable didn't work completely anymore. Objects are still getting dragged around, and the "drag" and "stop" and "start" methods are being called, but the events passed to them aren't complete. The biggest irk for me is that they don't have pageX and pageY properties anymore. I can get at the originalEvent object and it has everything, but not on the event object passed through jQuery. Here's the example: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Odd Dialog Bug?
Posted first on the jQuery group. Hi, Just want to report an odd bug, using the UI dialog widget, in IE7 only: How I create the dialog: ++++++ $('#' + popupId).dialog({ autoOpen: true, resizable : false, bgiframe : true, position : [pos['x'], pos ['y']], width: 'auto', height: 'auto', minHeight: 100, minWidth: 100, draggable : false, stack : true, show : 'slideDown("slow")', hide : 'slideUp("slow")', close: function(event, ui) {setLinkText(elementId, event, ui)} }); ++++++ The dialog markup: ++++++
How to center a title ?
Hi, I am using the standard ui-dialog plugin (jquery-ui- personalized-1.6rc5.js). How can I center the title in this code ? $("#createDialog").dialog( { width: 415, height: 280, position:"center", title:"creation", resizable:false, buttons: { "Save":function(){creation();}, "Clearr":function(){$("#form1").each(function(){this.reset ();})} } } );
Javascript error on IE6 when height of content is greater than min-height in Dialog 1.6rc5
Using JQuery UI 1.6rc5 and jQuery 1.3: The following example doesn't work in IE6. <div style="margin-left: 40px;"><font style="font-family: courier new,monospace;" face="courier new,monospace"><!-- height of content is over than 150 --> <div id="dialog"></font><font style="font-family: courier new,monospace;" face="courier new,monospace"> </font> <div style="margin-left: 40px; font-family: courier new,monospace;"> blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
dialog problems with IE6 + themeroller + height
I'm seeing an error when I try to create a dialog that has a textarea with rows="5". It sounds like it might be similar to the error described in: <a href="http://groups.google.com/group/jquery-ui/browse_thread/thread/338490ec08f857c2">http://groups.google.com/group/jquery-ui/browse_thread/thread/338490ec08f857c2</a> However, the resolution there was to upgrade to 1.6 and I'm already using 1.6rc5. Any ideas? ------------------------------- Test Case follows: ------------------------------- <html>
year datepicker problem
I trying to define a availability calendar using the ui datepicker and inspired in an example on ui site. The problem is that i can't figure how to use the year in this example with the beforeShowDay . please take a look at http://realferias.com/datepik.asp?cod_casa=15. you will see that the same day is in red in every year and i just want to filter the years also. thank you .
file upload field not stylized
jquery-1.3 + ui-jquery-1.6rc5 I am using a theme from themeroller and the ui-dialog plugin. In the window I define fields with the styles provided by the theme but ... If I define a "file upload field" then I cannot stylized the browse button ! Do you have a solution for that ?
UI Themes and Form Elements
Hello, I like the UI Themes, so I have a question about them: Are there any plans to include styles for Form Elements to the UI Themes? Thanks and greetings, Stefan Sturm
datepicker relationship between arrival and departure
I'm wanting to implement datepicker on my company's site. We're currently using YUI calendar, and I'm needing to replicate the behavior that it currently does. I'm a bit new to this, but hear its very robust, so hopefully I can pick this up fairly quickly once I see how a couple of my scenarios are approached. It involves the relationship between two date fields, an 'arrival' and a 'departure'. I have set up a sample page here and below are my questions. http://askthecssguy.com/help/datepicker/arrivalDeparture.html
Accordion background problem with IE6
Hi, I've been using the jQuery Accordion plugin and liking the easing motions. I'm almost done with my site and decided to test it on IE6. I was surprised to see that almost everything worked as expected. The main thing now that isn't working is the background color of the accordion is white. The rest of the site has one background which is not white. I only have one style reference to background in the whole site and that is on 'body'. The site works perfectly in IE7, IE8beta, FF, and Safari. Any
Datepicker not working for double-click or repeated click
Hi everyone, I'm using DatePicker for a long time but I have a problem with it from the good start: is not working for doubleclick or more repeated clicks inside the input field as I expect as a user. I mean for the first click the calendar appears, but if I click again inside the input field it disappeares. Of course as a programmer I find out that I have to click outside the input field first, but as a user my first reaction was to start clicking inside it and watching that nothing happens. I tried
Ajax Tabs not loading data
I'm building a PHP site using tabs to re-query the database for different criteria. My problem is that even if the target ajax file contains <?php>echo "testing";<?>, the tab just displays the "loading" message. I noticed this also happens on the http://ui.jquery.com/demos/tabs#ajax page but not when you click on the http://ui.jquery.com/applications/demos/tabs/ajax.html link. Any clues?
Draggable Scroll on Vertically?
Hello, Is it possible to allow the scroll option to scroll only vertically? Currently it scrolls both ways, which I would like to avoid. Thanks
DatePicker and Flash Movies
Hello, In IE7 the DatePicker borders are removed when it's displayed over a Flash movie or container. In FF3 the Picker is displayed behind the movie. Any ideas on how to solve this? Z-Index does not work.
How To Download A Theme
Hello, I'm new to jQuery. I created a theme using the themeroller, and I'm having trouble implementing it into my webpage. Once downloaded and unzipped, the instructions say to simply copy the theme directory into your project and link to the themes/all.css file from your pages. However, a theme folder did not come in the zipped file, nor did an "all.css" file. Instead, I received an images folder, and the following files: demo.htm jquery-1.3.js jquery.ui.all.js ui_demos.js ui.accordion.css ui.all.css
jQuery Tabs
if i use <li><a href="/advertisements/create/7"><span>Account Settings</span></a></li> in one of the tabs the result displays nothing or stalls but if i replace advertisements with anything else like advertise or teddies or anything else it will work. Is this a limitation of jQuery tabs? Are there special words that will not work with it????
Strange problem at the intersection of jqUploader and resizables
I'm probably missing something obvious, but I can't see it. I have a page where users will be able to upload and resize a portrait. I am using the following code to handle toggling resizable on/off: ================================= <code> $(function() { $("div.resizecontrols").click(function(event) { var $resizetarget = $(event.target); alert("you clicked resizecontrols div"); if ( $resizetarget.is("input.enableresize") ) { var $thiscontrol
SVG shapes or closed paths as draggable containment?
can a non-rectangular (or any for that matter) SVG shape be used as a draggable containment? otherwise i'm considering rolling my own. thanks, Leon
Slider Value Inside Slider
I'm attempting to put the value of the slider inside of the slider. What I am running into is that the slider fill is covering the value. I tried to change the z-value of the value in the slider, but still goes behind. Thoughts on how to accomplish it? Thanks. <div style="width: 90%; border:1px solid; border-bottom: 0;" id="no_taxstream"> <span id="no_taxstream_value" style="z-index:1000"></span> </div>
jQuery UI widget tutorial updated
For those interested, I've updated my widget tutorial to use jQuery 1.3 and UI 1.6 at: http://youngisrael-stl.org/wordpress/understanding-jquery-ui-widgets-a-tutorial/ Danny
Resizable callbacks not firing
I was wondering if anyone has had any success - using the latest Google hosted file versions of jQuery and jQuery UI - of getting the resizable callbacks to fire. Here's the code I'm using: ----------------------------------------------------------------------- $("#resizable").resizable({ maxHeight: 250, maxWidth: 350; stop: function () { alert("I've stopped") } }); ----------------------------------------------------------------------- Does anyone know of any working - and
Datepicker Theme and Links
Hi everyone, I'm a new user of jQuery UI and the first app I'm trying is Datekeeper. I made a theme suitable with my site with themeroller but when I download and paste everything in my site I don't get the exact result I saw in the theme preview. Here is the theme I want: http://www.phyrosia.com/cose/datepicker-want.jpg Here is the result I get: http://www.phyrosia.com/cose/datepicker-get.jpg Why do my header and day name and corners are different? The code for my datepicker is simply $(#div_name).datepicker();
RC5 slider + tabs = slider fails on 2, 3, 4 tab
Hello If you place a slider on the first tab it works great, if you place it on the second or third tab it fails... here is the code <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="../../jquery-1.3.js"></script> <script type="text/javascript" src="../../ui/jquery.ui.all.js"></ script> <script type="text/javascript"> $(function() { $("#tabs").tabs(); $("#slider-range").slider({ range: true, min:
all tabs ajax - issue
Hello again, I am trying to get all the tabs loaded via ajax, including the first one. The issue is jQuery is creating the dynamic tab DIVs outside #tabs which makes the content to be out of frame. To past around this I had to have the first tab (default one) as static content: JS code: $("#tabs").tabs(); HTML: <div id="tabs"> <ul> <li><a href="#tabs-1">Ugly Hack</a></li> <li><a href="a.php">Tab 1</a></li> <li><a href="b.php">Tab 2</a></li> <li><a href="c.php">Tab 3</a></li> </ul> <div id="tabs-1">you
Draggable: Manipulating / appending / prepending dragged clone during drag function?
Problem: I'm dragging a clone helper. During the drag I want to add some text to the item being dragged (and also have it available when it hits a droppable, but that's another story). I've tried appending $(this) in the drag() section, but it just continuously adds the text to the original draggable element. So my questions: -how do I address / manipulate the cloned item during the drag- and have it only fire once. Ideally I'd want to create a unique id per dragged item for later use, so once I
Using jQuery Form Plugin and a Dialog
Hallo, I want to use a Dialog and the jQuery Form Plugin. But I have a problem with that: I add a Button to the Dialog to send the Form. This Button has a Callback function: "document.forms[ 'formName' ].submit();" But when I click the Button, the page reloads and no Ajax Rquest is done. When I add a Button to the form, everything works fine. Thanks for your help, Stefan Sturm
Datepicker and modal Dialog
Hello, I have a Datepicker in one of my modal Dialog. The Problem is, that the Datepicker is shown behind the Dialog... I'm using jQuery 1.3.1, the latest svn UI Version and a new UI Theme( cupertino ). Hope somebody can help me on this :-) Greetings, Stefan Sturm
jQuery datepicker -- allow non-date text input?
Hello, Is there any way for the datepicker to allow non-date text input? I have a situation where the user might not know the month or date, so they would need to be able to type in something like "01/unk/2009". thanks
Datepicker position way off.
It seems that the datepicker doesn't include the scroll offset when it's positioned.
UI Datepicker 1.6r5 position with scrolling
I'm using UI Datepicker within some ajax tabs (often multiple datepickers in the same tab). I'm noticing that UI Datepicker's positioning is often incorrect - especially if I've scrolled the page Is this a common issue or known bug? Any clues as to how to solve this?
[autocomplete] How to add a string to the end of the suggestion list?
My autocomplete text box is set up to show 5 suggestions. I'd like to add a string (that is NOT selectable) to show the total hits at the end of the suggestion list. For example: Suggestion 1 Suggestion 2 Suggestion 3 Suggestion 4 Suggestion 5 Total hits: 2,174 <== NOT selectable. What is the easiest way to add the "Total hits" string to the end? Thank you.
drag and drop doesn'n work well
I would like to show with the alertbox "Droped!" when I dropping ".player" in ".fishing". However that doesn't work except .droppable- activ and .droppable-hover. Why alert("Dropped") doesn't work ? <html> <header> <title>map</title> <style type="text/css"> #map { position: absolute; z-index:-1; left: 50px; right: 50px; width: 600px; } .player { position: relative; z-index: -1; left: 50px; right: 50px; top: 350px; } #stat { top: 500px; } .fishing { z-index: 1; width: 250px; height: 160px; left: 400px;
[autocomplete] How to add a string to the end of the suggestion list?
My autocomplete text box is set up to show 5 suggestions. I'd like to add a string (that is NOT selectable) to show the total hits at the end of the suggestion list. For example: Suggestion 1 Suggestion 2 Suggestion 3 Suggestion 4 Suggestion 5 Total hits: 2,174 <== NOT selectable. What is the easiest way to add the "Total hits" string to the end? Thank you.
Can't get dialog to close on IE6
I've tried several different methods, but the dialog does not disappear. The <div> that's the dialog is "fscbox". When I call .hide or dialog("close") or dialog("destroy") it still appears. When I do a hide, it will disappear, but the text that was behind it does not reappear properly and it's just a blank box in the middle of the page. Here's the full code from an aspx page: [code] <asp:Content ID="HeadContent" ContentPlaceHolderID="head" runat="server"> <style type="text/css"> @import url("Content/fscpop.css");</
Tab plugin
Is there a tutorial or a qay to put an iframe inside the div and use anyway the plugin? Kind regards Massimo
Next Page