Draggable Issue in IE
Hey I have a draggable child in a draggable parent. In IE for some reason when I drag the child it also drags the parent, which I don't want. Both the child and parent have the same class name (used as the selector) but even when I changed the parent to "headerParent" it was still being dragged when I dragged the child. I tried to use the cancel: '.headerParent' but it didn't work... Anybody have an idea? Here's my code: <div class="headerTable"> <div class="headerTable">Johnny</div>
UI Dialog Questions
Hi, I am new to jQuery and I would like to remove the close Icon (the "X" that closes the dialog box). I have one button in the dialog, I need also to make this button the default button. That is when I press enter the button event will be fired. Thanks in advance
Slide and Hide with jQuery UI?
Anyone know how to get something like this to work with jQuery UI? http://www.webair.it/doc/slide-and-hide-section-with-jquery.html I tried their tutorial but must conflict somewhere asd it won't work. Should be able to do it in UI somehow but I'm a newb with no idea?
Multiple Dialogs (Modal Box)
Hello all, I'm pretty new with jquery and I looked for information and I found some code that works for static amount of modal boxes. But now I want it to be dynamic. Static Method: $(function() { var options = { autoOpen: false, width: 'auto', modal: true }; $([1, 2, 3]).each(function() { var num = this; var dlg = $('#dialog-player-' + num).dialog(options); $('#player-link-' + num).click(function() { dlg.dialog("open"); return
Height of 5px cannot be set on ui-progressbar?..
I'm trying to create a custom progressbar, which among others is of 5px height. It is ok with all other browsers, except IE6 (I know it dies out, etc, but according to current stats it's still more then Safari+Chrome+Opera altogether). It looks and feels like something is keeping it from shrinking to 5px, it does become thinner a bit, but then it stays constant (approximately at 30px of height)... ? Any help appreciated.
Resizable Extensions
I would like to create a plugin similar to the alsoResize plugin except that the with of the second object is reduced when the width of the first object is increased. Specifically, if both objects start out at 500px in width I want to restrict the total width of both objects to 1000px. If one is dragged to 600px the other would shrink to 400px. If one is dragged to 300px the other would increase to 700px. My problem is that I am a rookie at javascript and don't understand how to modify the code in
jQuery tabs : Why position:relative
In IE if you have tabs in a Dialog box the tabs are not scrolling properly. Because by default tabs position is relative it may happen that some component like drop down menu stay behind the tabs. In the css we can find this: .ui-tabs .ui-tabs-nav li { position: relative; float: left; border- bottom-width: 0px !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0 !important; } Is there a particular reason to use relative
jQuery UI dialog
Hello, i just want to know why the setting position: ['right', 'top'] would work but position: ['top','right'] would not? Thanks! :)
accordian menu collapsed on paging
Hello, I am using accordian menu on my site, But menu always collapsed on paging. So is it possible to remain menu open while paging. e.g index.php // works great index.php?page=1 // menu collapsed Regards
How to Order Tabs.
Hello. i am using jquery ui. i created tabs. let's say i have 4 tabs which are : apple peach grape banana They work fine. What i need is , when i click peach, peach will come end of list and selected. and order will be like this. apple grape banana peach. if i click on apple apple will be selected and come end of the list. grape banana peach apple. Whenever i click any of tab, that will be seleced and will come end of the list. (tabs) How can i do this ? Thanks.
Tabs and cluetip difficulty
Hello folks, I cannot get cluetip to work in UI-Tabs and I'm seeking help. Archived solutions to other posts on the same theme point the problem at binding, but I can't see how that fault is happening on my code. The following function calls in a table containing text and a bunch of a tags, with the class "tip" added. However, the cluetips don't work. The other a tag bindings work. I've checked that the css and the js files have loaded and there are a bunch of cluetip divs generated and appended
image toggle problem in accordion menu
I have an accordion menu, and each menu header has a little plus symbol img that changes to minus symbol img when the menu slides down and up. This is the code so far: $(document).ready(function() { $("#firstpane p.menu_head").click(function() { $(this).css({backgroundImage:"url(/it_media/v4/images/ minus2.gif)"}).next("div.menu_body").slideToggle(300).siblings ("div.menu_body").slideUp("slow"); $(this).siblings().css({backgroundImage:"url(/it_media/ v4/images/plus2.gif)"}); }); }); This works fine
Selectable gets gradually slower
The behavior I'm seeing is so weird (selectable 1.7.2). When I first start selecting items (i.e., after page load), the lasso appears immediately. But (and I've tested this a lot), it gradually gets slower. After about 100 lasso drags, the delay has gone from an initial 0.1s to a very noticable 1s. And once an actual selection has started (the lasso has appeared), there is zero lag. I'm applying .selectable to a table, with a filter of "> tbody > tr". Some of the TRs have nested tables, if that makes
Make a preloader
I use a accordion to show an images thumbs, and a dialog to show then in a real size (700 * 500 px), but, the dialog charge before the image and some times the position of the dialog is wrong or the picture don't sohw. There is one way to do the dialog waits o knows when the picture was loaded?
CSS Validation?
Hi all, I'm working with jQuery UI as part of a project and it (the project) needs to be fully W3C compliant (in both XHTML and CSS). My XHTML and my own CSS files validate correctly, however when I try to validate the themed CSS files that I've downloaded from here I get nearly 40 errors telling me that certain properties don't exist, and there are also a few parse errors. Can anyone give me any advice? Has anyone else noticed this issue? Thanks in advance!
Datepicker beforeShowDay
Hi, Working on a booking form, and I want a function to check if dates are available for booking. Seen some examples, but can´t get it right. I´m looking for a function that check a range of dates(eg, 2009-10-12 to 2009-11-10) and then set them available or not. Any suggestions on a function that can do that?
What is the correct way to nest tabs?
Does anyone know if there is a "correct" way to nest tabs? By "nest tabs" I mean. I want one row of tabs (tabA, tabB, tabC) such that when I select tabA or tabC content is rendered directly onto those tabs. But when I select tabB a second row of tabs displays beneath the first (tabX, tabY, tabZ). I've got some code that seems to be working except for one minor problem. tabA is selected by default and when the page loads the "tabshow" event seems to be getting called twice. It's a minor problem that
send custom options to slider change function
hi there is there a way to send custom options to the function called on slide? somthing like .slider({ slide: sliderChange, myOption: 'test' }); i need to acces the value of myOption inside the sliderChange function. thanx!
jQuery conflicts with other js codes
Hi Folks, i`m using jquery and ui to make some slider for my map. My map is auto generated with ESRI webadf controls. It generates some javascript automatically. and my jquery slider doesn`t work.. i keep getting this error. Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/ 4.0) Timestamp: Mon, 28 Sep 2009 07:50:52 UTC Message: Object doesn't support this property or method Line: 1585 Char: 4 Code: 0 URI: http://localhost:7777/webapp/js/jquery-1.3.2.js
Changing the order of default icons for portlets
Dear jQuery UI team,<div> </div><div>Thanks for creating so many wonderful UI plugins. Lately I have started using the portlet in some of my applications.</div><div> </div><div>However, there is one aspect that I would greatly appreciate if it were made available. By default the icon on the portlet is + in expanded mode and - in collapsed mode. If you look at a tree node, it is the exact opposite. If I put the two in the same application, it is bound to confuse the users.</div> <div> </div><div>If
Placing the Xinha WYSIWYG Editor in a jQuery.UI unselected tab - potential solution
After some trial and error, I have the Xinha editor working in a jQuery.UI tab control. In the hopes that it will save someone else some hours, I've written up a short description of what I did: http://www.formvista.com/_fv/ba/12/82/Xinha+WYSIWYG+HTMLEditor+in+jQuery.UI+tabs.html
Accordion Content Size, Padding
Is there a way to control the padding within the content area? For example, I would like to place an image as content and be able have it fill the content area to within "x" pixels. Thanks.
jQuery UI Portlets & Cookies
Please can someone help? I am using the jQuery UI (sortable) Portlets code - but I want to use the jQuery cookies plugin to remember the order of the portlets. I don't know where to start - and searching the net for an answer only brings up sortable ul and li. Please help. Code: <script type="text/javascript"> $(function() { $(".column").sortable({ connectWith: '.column' }); $(".column").disableSelection(); }); </script> HTML: <div class="column"> <div class="portlet"> <div class="portlet-header
Datepicker widget way too big
I put together a very simple and basic datepicker expecting the widget to look similar to the one on the jQuery UI datepicker demo page. However, the widget on my page is about twice as big as the example on the jQuery website. I can't for the life of me figure out why it's so big. I'm not using any CSS or Javascript files other than the ones from jQuery. I tested it across Internet Explorer, Firefox and Safari - the result is always the same. Any suggestions or ideas?
Removing theming/widgets from dialog?
Hi, I'm trying to pop up a modal div for which I want to use 100% my own theming. I don't want a title bar, no buttons (easy), no jQuery UI themes necessary. It seems like jQuery UI adds too many things to a dialog, so maybe I have to look for another solution, but I really like the dialog API where it creates an overlay for me and makes my div modal and closes on ESC, and all that. So is there a way I can remove ALL of the jQuery UI theming and widgets from a dialog?? Oh, and close-on-click (anywhere)
Sortable toArray help, my array is empty!
First off, I'm VERY new to javascript/jquery so I definitely doing something wrong, I just need a little help figuring out what it is. I have an unordered list of FAQs that I need to be able to drag/drop into the order I want and then submit that to the database. I'm not using AJAX at the moment, one programming step at a time ;) The sorting function works just fine, I can move them all I want, but I need to get them to set toArray. I am then passing that via a hidden input HTML element with a form
icons and content within <a> tag appearing outside it
http://www.regalesuite.com/demo/admin/login.php I have the simplest page - and that A tag with the "lost pasword" text and the little span icon was copied over as is from the jquery UI demo page. howeve for some reason, as you can see (I'm using FF - I usually develop on FF and then optimize for other browsers) it's not working out for me. It's broken - the contents of it spill out like a hernia. Any ideas?
More Framework icons planned?
I love the framework icons. Are there plans for adding more? Do download speeds suffer greatly if, say, JUI were to double to number of framework icons? One or two I might want to see is something to do with products or product. I have an app that has a link `View all Products` for store managers. Also, is there a place to vote or submit ideas for icons? so many question! Thanks everyone for a wonderful framework.
CSS and Datepicker calendar's size
How do I make JUST THE DATEPICKER CALENDAR of the same size as this one: http://jqueryui.com/demos/datepicker/default.html ??? I don't want to make other parts of the page been as small as that calendar. I just wanna the calendar to be smaller than its default size and let other parts of the text intact. How do I do that? I don't know to much CSS, so, if you can explain me in details, I would really appreciate it.
Flash movie inside dialog
Does anyone have any examples of embedding a flash video inside a jquery dialog? When I try it the video overtakes the entire page, and displays immediately, not when I trigger the dialog open function.
Draggable and Droppable
Is it possible to check if draggable and droppable are already initialized? Or even better is there a way to restart (in a way) the draggable and droppable items after their ajax call? I have items that are draggable and droppable loaded from ajax and on loading that data it initializes a function that enables draggable and droppable. All helps is appreciated :D - Brandon
Jquery tabs: redirecting to tab
Based on certail action, want user to go back to a particular tab and not the first tab of page as default On IE 7, only following works http://www.example.com/customer/30/#orders On Firefox and safari, only following works http://www.example.com/customer/30#orders Note / before # on IE. How can I do it so that I can make user go to orders tab of customers page on all browsers. Please help.
Font size style is not applied on additional tabs
Hi, I used the JQuery UI tabs to add a tab control to my website. If the tabs were used as done in the example on the JQueryUI site then the control works correctly. Nevertheless, after adding additional tabs with IDs tabs-4, tabs-5 ... the new tabs will have a bigger font size as if JQuery UI code applies the font style on the first 3 tabs only and ignore the others. did I miss anything? although my code is the same of the one used in the sample downloaded with JQuery UI but the HTML has additional
Generic dialog with ajax content polling
Hello, using JQuery UI Dialog for simple dialogues works very well but creating nested dialogues gets messed up by the IE z-axis fix the jquery ui library comes with. I uploaded a code scenario: http://snipplr.com/view/20577/jquery-generic-dialog-example-part-12/ http://snipplr.com/view/20578/jquery-generic-dialog-example-part-22/ The first page contains a link to show up a dialog that I'll be using as a container for generic content later on. If I click this link an ajax request is made to fetch
Newbie Question
I'm trying to get a vertical TAB header menu for the TABs widget. I actually want the tabs to work more like the area under "examples" on the page http://jqueryui.com/demos/tabs/ I did manage to get them to go over and appear in a vertical list but the styling wouldn't work. Anyone care to help website : Sports Betting Sites
How do you control the dimensions of a datepicker widget?
Hi all, I implemented a simple datepicker widget on a standalone HTML page on my desktop. The widget is HUGE. I compared my source code to that shown on the datepicker widget page and I can't see a difference so I don't know why my widget is gigantic while the one on the example page is just right. Thanks, Nathaniel
Getting list items from connected sortable list
Hello group, I'm having problems using javascript to get the list items from a second connected sortable list. At page load, my first list is populated and I can fetch the list items as expected, but when trying to get the list items from the second connected list I am not able to do so. My javascript code is as follows: $("#checkValuesButton").click(function() { var sSelected; for(var no=0; no<"#selectedOptions".length; no++){ if (sSelected == null) { sSelected = selectedOptionsItem[no].innerHTML;
Accordion: Stop the Header being clickable
Hi I've used an Accordion to store different stages of a form. I've added buttons in each <div> and used the activate method to cycle through them when the buttons are clicked. What I want to do is to stop the headers, or anywhere else for the matter, being clickable so that only the buttons can move between the <div>. This is so I can perform any validation or posts to the server between stages. Can anyone tell me how to do this? Many thanks Andrew Daniels
Problem getting UI resizable and callbacks to stay in sync
I'm new to this group so forgive me if I sound stupid... I'm creating a web page that will have effectively 4 quadrants. One quadrant is fixed in height and the width will adjust with the quadrant on top of it. effectively that leaves 3 areas of the screen that I would like the user to be able to resize. The first area is to the left of the screen and adjusts horizontally. The remaining 2 areas are on the right and adjust vertically. I have the start and resize callbacks registered to monitor the
jQuery 1.3.2, jQuery UI 1.7.2 | Tabs in a Dialog Window jumps up!
Hi there! I'm using jQuery UI Tabs/Dialog Boxes on one of our sites. The Tabs are inside an Dialog Box. If i click on an Tab, the whole content inside the Dialog Box jumps up for about 5 Pixels every click! In IE7, IE8, Firefox, ... the content jumps up till i reach the border of the Dialog Box. But in IE6, the Content jumps up every click. So, on the 10th click i can't see the orange title-box anymore! How can i fix this? Is this a bug? Here's the site where this is happening: http://www.rb-fenster.de/index.php?option=com_content&view=article&id=7&catid=1&prod=ideal8000kk&Itemid=21#tabs-1
Next Page