JQuery UI Tabs - Cookie Issue
All, I am using the JQuery UI tabs plugin with cookies and so far it works great. I am calling it as under: $('#container ul').tabs({cookie: {expires:1}}); The issue is, when a user logs out by clicking a logout link, I want the cookie to get deleted, so when the user logs back in, we have the first tab selected instead of the last saved tab. When logged in, when the user clicks the "home" button, I want the "first tab" to be selected instead of the last saved tab. I couldn't find anything that does
I am having troubles getting this dialog to work with a cookie, help PLEASE!
Hey guys, just pasting my code here; i'm trying ot make it so the dialog comes up and then when 'x' or close is clicked it creates a cookie which expires in say 2 days and so the dialog wont launch once the cookie is created. I am using the cookie.jquery.js plugin, so heres the code! <script type="text/javascript"> $(function() { $("#dialog") .dialog({ bgiframe: true, modal: true, resizable: false, autoOpen: true, width:200,
Help needed with allowing edit of dropped text
Hi, I am trying to build a planner using draggable from menu items to a calendar style grid. So I have set up a textarea as dropabble. I can sucessfully drop multiple menu items into my textarea by appending them to the html for the textarea, but if I change the text in the textarea, by removing one of the items, which I would like to allow. The item is not removed from the html, and any new entries dragged in after this, even though added to the html are not visible in the textarea. I see no errors
draggable containment options
The documentation was not very clear about the options for containing draggable elements. I'm trying to restrict the draggable element to a specified area using an array, but the documentation just states [x1,y1,x2,y2]. I have no idea what this means and after hours of testing and trying to figure out what they mean, I still have no idea. Can anyone help me with this? --
Download an old theme
I'm using v1.6rc2, with a custom theme. I bookmarked that theme, and today I tried to go back to that custom theme. I received this message at the top of the page: Note: It appears that you may have reached ThemeRoller through a bookmark from an older version of jQuery UI. If you are using jQuery UI 1.5, you can still download themes using the link at the bottom of the ThemeRoller app. I don't see the link it references. Can someone point me in the right direction? Thanks Tim --
plugin development - documentation/example question
I've recently created a new plugin for jQuery that utilizes the themes. I will be submitting this plugin soon, but I need to get some documentation and examples on my site. In creating the documentation and examples, how can I make them portable to where they could be easily transferred to the main UI documentation if they were accepted? I was thinking of making it similar to the documentation provided in the dev bundle where there is a certain class structure (UIAPIPlugin- toc,UIAPIPlugin), but
Problem in Printing an ajax popup
hi I had a problem in printing an ajax popup window. it gives the parent window to a output. so i change the code the slighlty. I put an iframe in parent window , load that printing contents to that iframe when the parent window loads. After that, when i click the print button in popup, print function fetches the data from the iframe. This works properly in IE 6, 7 and mozilla. but not in Chrome only. now i had he output as the old page, i need the content only from the popup window. can any one
Datepicker .css file location
Hi, I'm trying to make my pages load faster and have a problem with the jquery-ui-1.7.2.custom.css file as my hosting service doesn't have gzip compression enabled. I use http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js and http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js -- is there an equivalent where I can host my jquery- ui-1.7.2.custom.css jquery.treeview.js file? Thanks --
Disable an "Ok" button in a dialog.
Hi all, I'm using jQuery UI v1.6rc2. I know this is an old version, but for now, I am unable to upgrade. I have the need to disable a button on the dialog box. I've tried just setting the disabled attribute via "$button.attr('disabled','disabled')". However, on IE, that looks bad. And on Firefox, the button can still be hovered, making it look like it is enabled. Is there a way to do what I'm looking for? Thanks, Tim --
fadeOut and fadeIn IE bugs
Hi there. I have a table with thumbnail images with a fade effect on hover. Firefox and Safari render the effect well, but IE is deleting every image i hover over until the last one in the row. I am using the latest jQuery download. you can view the IE bug example here: http://roychavez.com/idc/port/commercial/index.html this is the script that I am executing. <script type="text/javascript" src="../../html/jquery-1.3.2.js"></ script> <script> $(document).ready(function(){ $("td:img").hover(function(){$(this).fadeOut(50);$(this).fadeIn
How do I use the jQuery UI widgets? Quick Start Guide not detailed enough....
Hi all, I'm new to javascript libraries in general. I am trying to use the use the UI widgets, but I'm not getting the results demonstrated in the Getting Started guide at http://jqueryui.com/docs/Getting_Started. Here is my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Widget testing</title>
dynamically adding a datepicker to an element BEFORE it is attached to the DOM
Hi there, I am trying to add a datepicker to an element that is not yet attached to the DOM. is this possible? The #datepicker is a text box that is not yet added to the DOM... $("#datepicker").datepicker({ width: 80, buttonImage: '/images/Web/calendar.gif' }); How can I accomplish this? --
jquery how to focus within dialog
I have a dialog with some textbox and 2 buton When the focus go to the last button, press TAB focus will go out of dialog can any one help me, I want press TAB focus will go within dialog --
jquery ui show/hide toggle effect breaking form
A jquery UI effect to toggle show/hide a column of checkbox input fields is breaking my form: the checkbox args aren't being sent when the form is in place. Removing the id for the 'effect' div fixes the form - and breaks the show/hide effect, of course. Can anyone offer any advice? Here's the script: <div id="menuwrapper" style="width:245px"> <div id="menutitle" class="ui-state-default" style="height: 11px;width=100%">CHECK BOX MENU</div> <div id="effect" style="width:241px;border-left:solid
Jquery Modal dialog problem
Hi, I have a strange problem with JQuery modal dialog. I am using the following code to open my dialog. function OpenDialog() { UpdateDIVForThisDialog(); $("#mydialog").dialog({modal:true, autoOpen:false, title:Title, width:800, height:380}); $("#mydialog").dialog("open"); } function UpdateDIVForThisDialog() { var URL = "MyURL"; var Parameters = "MyParameters"; $.ajax({ url: URL, async: false, data: Parameters, cache:false, type: "GET", dataType: "html", success: function(UserData) { document.getElementById("mydialog").innerHTML
How do you get initial width of draggable resizable div?
How do you determine the initial width of a draggable().resizable() div, after just instantiating it, without doing anything else to it? The div contains text, and it is obvious that jQuery must know its own width, or else (presumably) the resizable borders would not be perfectly flush with the text. I have drilled down into the $(id)[0] object, including all childNodes, looking for any “width” property which may be useful ($ (id).width(), style.pixelWidth, clientWidth, posWidth, scrollWidth, offsetWidth,
How to do a Roller Theme menu like JQUERY UI Homepage menu ?
Hello all, i have recently added the JQUERY UI framework in my applications and i'm trying to create a Roller Theme menu. I want to create a JQuery UI homepage menu behaviour. Can someone guide me in configure the Theme Roller JQuery or send me some examples to do it ? Thanks in Advance Gibson --
Dialog open/reopen
I need users to be able to open/close/reopen a dialog. I've read other posts which imply this should work, but my minimal test below fails (when I click on the href link, it opens properly. When I try to reopen it a second time, nothing happens). Am I just staring at this too long and missing something obvious? Thanks... <script type="text/javascript"> $(function(){ $("#terms_dialog").dialog({ bgiframe: true, autoOpen: false, height: 400, width: 500, modal: true, buttons: { Cancel: function() { $("#terms_dialog").dialog('close');
Calendar won't close after date Picked IE
Hi, Pretty much copied the example shown and this works fine in FF and chrome but in IE I can select a date the taget field is filled but there is no way to close the calendar. IE8 chucks this error.... Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/ 4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729) Timestamp: Sun, 1 Nov 2009 08:32:29 UTC Message: Can't move focus to the control because it is invisible, not enabled,
ThemeRoller
Hi, I am using the jQuery ui-panels which uses the ThemeRoller theme switcher. Question? Is there any way to have the themeswitcher dropdown control change color to match the theme selected? Thank you InsiteFX --
Possible to use horizontal tabs within vertical tabs?
I'm trying to use horizontal tabs within vertical tabs. The JQuery UI docs are no help. I've tried following an example I found where vtabs are used inside of htabs, but it doesn't work either. Here is my code: $(function(){ $("#verttabs").tabs().addClass('ui-tabs-vertical ui- helper-clearfix'); $("#verttabs li").removeClass('ui-corner-top').addClass ('ui-corner-left'); $("#htabs-1").tabs().removeClass('ui-tabs-vertical ui- helper-clearfix'); $("#htabs-1").tabs().addClass('ui-tabs');
Resizable also needs iframefix
Resizable suffers from the exact same problem as draggable, and could use the iframefix as well. I hope a registered member could post about this on the trac. Thanks. --
$(this).size() problem
$("#name_of_div").mousemove(function(){ var dim = $(this).size(); var coord = $(this).position(); $("#test").text( "width: " + dim.width + ", height: " + dim.height ); }); I use this cod ... and in div test appear: width: undefine heigh: undefine .... why ??? Pliz help me --
Open Dialog Ui on page load if recordset is not empty
Hi, I have a simple customer database application where users can assign tasks to each other.... when the page refreshes every 10 seconds it pulls the data from the recordset so if the user has an assigned task (a record within the recordset query) then I would like the jQuery Dialog to execute. This is what I have so far: <script type="text/javascript"> $(document).ready(function() { $("#dialog").dialog({ bgiframe: true, height: 140, modal: true });
Jquery Confirm Box
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <META NAME="Generator" CONTENT="MS Exchange Server version 6.0.6620.9"> <TITLE>Jquery Confirm Box</TITLE> </HEAD> <BODY> <!-- Converted from text/rtf format --> <P><FONT FACE="Times New Roman">Hello,</FONT> <BR><FONT FACE="Times New Roman">I want to change JavaScript Confirm () with Jquery so that I can apply some style sheets there. It should behave same as JavaScript
UI Drag and Drop by click
Hi all, spent some hours to my next problem: I have a div with an image: <div id='pos6-3'><a href='JavaScript:squareClicked(6, 3, true)'><img name='pos6-3' src='images/knight.gif' height="45" width="45" border='0' alt='blank'></img></a></div> I want to drag this into another div by clicking the first square and then drop it in another div by clicking on that second div, ( replacing the old image their ) second div looks something like: <a href='JavaScript:squareClicked(4, 1, true)'><div id='pos4-1'><img
datepicker distortion in IE
When I add changeMonth & changeYear, the month/year takes 2 lines in IE, but not in Firefox. View this in both Firefox & IE: http://www.pointandslope.com/ac-play/ac-play.html Any suggestions how I can set it up to work in IE the same as Firefox (i.e. with month/year on a single line)? --
Tab index help
Long explanation short - I have a form that uses Ajax, each field will fire ajax if there was a change in the field and the user changed focus. Since we can only have one field change at a time, I have used jQuery to disable all the fields until the ajax comes back. Where I am having trouble is, when the ajax is done and the fields are enabled, the focus is still on the same field, even if they hit tab. Is there a jQuery that I could use that will change the focus of the form to the next field after
Transparency problem in IE8 with Drag and drop
*moderator: Had to rewrite this one. Hi I need help with IE8 and an app I developed Please look at: http://sampleboardonline.com/boardcreator.php Then choose categories and barstools. Drag it to the center. Now look how messed up it is. Open up firefox and it is just perfect. I have no idea what to do please help someone? Louis __________ --
Drag and drop in IE8 transparency all funny
Hi I need help with IE8 and an app I developed Please look at: http://sampleboardonline.com/boardcreator.php Then choose categories and barstools. Now look how messed up it is. Open up firefox and it is just perfect. I have no idea what to do please help someone? Louis --
Set different styles for different days in datepicker?
Hi all, I need to set/apply different styles to the same datepicker, for example for the octuber month I need to highlight octuber 14 in red color (this is only a example case). Is it possible? Can someone help me by providing an example to do this? Thanks all !! --
Tabs - align right
Hi, Is it possible to align the tabs to the right without causing problems with other elements of the CSS? I've tried: .ui-tabs .ui-tabs-nav li { border-bottom-width:0 !important; float:right; margin:0 0.2em -1px 0; padding:0; position:relative; } ... but that reverses the order of the tabs. Anyone have any thoughts on how this might be achieved without too much (if any) hacking of the JS? Thanks
.ui-icon in span causes span to be block
When I use the following: <li> <label for id="name">Name</label> <input type="text" id="name" name="name> </li> The span does not behave like a span - it is not inline. It acts like a block element and drops down to the next line. I checked the CSS is Firebug and no matter what I changed I could not get the span to position to the right of the input. Any ideas? -- View this message in context: http://old.nabble.com/.ui-icon-in-span-causes-span-to-be-block-tp26125206s27240p26125206.html Sent from
ThemeRoller Bug?
Why can't I download the theme I created? I've tried several times, and each time I open the ZIP file, it is missing the "css" folder where my .css and .png files should be... Here is the themeroller url: http://jqueryui.com/themeroller/#ffDefault=Trebuchet+MS%2C+Tahoma%2C+Verdana%2C+Arial%2C+sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=60a35c&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=60a35c&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=60a35c&iconColorDefault=60a35c&bgColorHover=abd372&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=60a35c&fcHover=60a35c&iconColorHover=60a35c&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=60a35c&fcActive=000000&iconColorActive=60a35c&bgColorHighlight=d8e267&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=60a35c&fcHighlight=363636&iconColorHighlight=60a35c&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=e7f312&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
Sortable bug in IE? Any solution
Hi everyone, im need some help here with IE compatibility. I have a small script that uses sortable jquery ui to sort two different UL. It works perfectly on Firefox/Safari/Chrome but on IE when you move a sub li the "animation" messes up. If anyone could take a look at it and tell me if there is any solution. The demo is here: http://blunk.com.ar/dev/sort/ Add a Parent with the link, then two or more Subs and try to sort those. Thanks
datepicker is not a function
Hi all, i'm using jQuery UI Datapicker, and i have a problem this is mi code: $(document).ready(function() { $("#rangeDatepicker").datepicker( { numberOfMonths: [3, 4], onSelect:function(date, inst){ alert($(inst).datepicker('getDate')); //alert($(this).datepicker ('getDate')); } } ); $("#rangeDatepicker").datepicker("setDate",new Date(2009, 1-1, 1)); }); When the page is ready the datepicker is displayed correctly, and date
THEME GENERATOR DOWNLOAD DONT WORK IN WEB
who want to solve it im trying download my own them but a i cant. the link to custom theme is down: http://jqueryui.com/themeroller#ffDefault=Segoe+UI%2C+Arial%2C+sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=333333&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=25&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=000000&bgTextureContent=05_inset_soft.png&bgImgOpacityContent=25&borderColorContent=666666&fcContent=ffffff&iconColorContent=cccccc&bgColorDefault=555555&bgTextureDefault=02_glass.png&bgImgOpacityDefault=20&borderColorDefault=666666&fcDefault=eeeeee&iconColorDefault=cccccc&bgColorHover=d80773&bgTextureHover=02_glass.png&bgImgOpacityHover=40&borderColorHover=5e0332&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=d80773&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=30&borderColorActive=53042d&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=eeeeee&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=80&borderColorHighlight=cccccc&fcHighlight=d80773&iconColorHighlight=d80773&bgColorError=d80773&bgTextureError=07_diagonals_medium.png&bgImgOpacityError=40&borderColorError=7b0944&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=d80773&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=40&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=01_flat.png&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
Problem Downloading a Custom Theme (no css folder included)
Hi I want to create my own custom theme using theme roller, which i have no problems using, but when it comes to downloading it there is no css folder included. this is only the case with custom themes however, if i download any of the default themes then the css folder is included as normal. unfortunately there are no default themes that go well with the style of my site. Has any body else had this issue or know why it's happening and been able to resolve the issue? Thank you Bobby --
Only apply themeroller to some elements
I would like to use themeroller for designing stuff that's supposed to be part of the user interface of a web app, but there are some items I don't want styled by themeroller and use their own styles instead. For example, I don't want tabs or accordions to get themeroller styled. At the moment, I think all I really need styled with themeroller is dialogs. I'll probably want other controls styled as well, such as sliders. If this is possible, how do I do it --
JQuery Accordian Problem
hi all. Sorry, my english is not good as such. I'm using JQuery 1.3.2 and JQuery ui 1.7.2 I want to get current status of the accordian tabs. using this code var acc = $('#accordion').accordion('option', 'active'); but only return null. initializing this code $("#accordion").accordion({ active: 1 }); after other tab clicked. but only return value "1" I know want to currently changing tab status. for example. If I clicked "tab1" result is "you are clicked tab1" How do I get currently activate tab
Next Page