I have a lot of tabs open, I have a problem...
Hi guys, I have a problem when need to open very tabs in the same windows, tabs height is greater than div and they jump down... need some think for move the tabs zone to right or left, any idea?
UI.tabs is a little bit too obtrusive to me
Hello, I'm using UI.dialog and UI.accordion without any problem so far for one of my projects. I would also need UI.tabs. The problem is that I can't make it work for my grid oriented layout for which I need display:inline DIVs. And I would also like to use DIV instead of LI. For now I'm using idTabs which is more flexible and less obtrusive (I also use CurvyCorners to round my tabs), but lacks some features. Am I missing something ? Is there anybody who already faced and solved this kind of issue
Sortables: Safari Issue
When setting up a sortable, I was having a problem in Safari. My UL that is sortable was inside an OL that was not, so in order to keep things running smoothly and give a clear indicator where dropping must occur, I contained the sortable to inside the OL and because of the orientation, set the axis to Y, giving a nice sliding scale on which to drop selections. In Safari this led to no more reordering of the list, and no errors whatsoever. I eventually figured out that it was the containment that
jquery_accordion Error
Hello every one, I have a problem, I am creating a page, but I get the following error: line: Char: 10976 Error: 'guid' is null or not an object Code:0 Url: (is a local file) I am not a jquery ninja like many of you. I did search the web for other sites using this script, but there was none without the error. I am testing it in EI 6 (the only one I have at work) and firefox, which does not show as a problem. The code is: <script type="text/javascript" > <!-- $(document).ready(function(){ lastBlock
Display XML from an External File as a Code Snippet
I want to use jQuery to fetch an external file (xhr) and display it as a code snippet for tutorial purposes in the document. I can do it with pure DOM code but cannot find how to do it in jQuery. Can anyone help?
Different issue with modal dialog on IE
After reading an earlier post, it occurred to me I hadn't yet tested my modal dialog on IE. Upon testing, I discovered several problems. Let me explain what I am doing: We will have up to 7 select boxes and text boxes. We want those to show on the page, but we also want them to show in a modal dialog box, one dialog for each input. Here is my code: jQuery(document).ready(function() { // Create our hidden area for our cloned fields. $("body").append("<div id='hiddenArea' style='display: none'>");
UI Tabs- creating external links to tabs
I have a case where I am using UI Tabs here, and would like to create 2 external links to 2 of the tabs: http://www.blueinkdesign.com/harvest/new/index.html I need to have the buttons at the bottom right activate the respective tabs. The Contact Us tab (+page) already existed, and I created another tab and page for the vendor login and hid it via css so that it would exist within the UItabs framework. I can activate a page by adding the hash to the URL and reloading the page, but cant seem to get
Accordion interfering with Tab Panel
I am trying to implement a JQuery Accordion and Tabs on the same page. In my css I have a right column which holds the accordion and it works fine. I also have another area setup to the left which holds content, that where I want the tabs to appear. They both work on the same page, the problem is that the Accordion seems to be dictating where the content begins for the Tabs. (See attached files). I have tried setting a z-index for the right column containing the accordion and also on the DIV holding
contains() not working
I have an image tag as <img id="myimg" src="images/expand.jpg" /> I am trying as if($("#myimg").attr("src").contains("expand")) // do something else //do something else but it gives an error "Object doesn't support this property of method". Please help.
Simple Queires for Function calling
1. I have some simple queries with regards to function calling. In plain javascript if I want to call a javascript function from my HTMl tag i do it like: <input type="text" id="myid" onclick="javascript:sayHello(this.id);" value="World" /> Now my javascript function would be defined as function sayHello(id) { alert("Hello " + id.value); } Now I want to use JQuery to do such kind of programming wherein some value (not necessary something from the attribute) is passed t o the function and processing
how to use links in accordian?
How do I create links within my accordian-ed content? For example, if I want to use <code><a href="http://google.com">Buy now and get nothing for free!</a></code>, accordian tries to create a collapsible block for it. <code> <a>There is one obvious advantage:</a> <div> You've seen it coming!<br/> <a href="http://google.com">Buy now and get nothing for free!</a><br/
accordion issue, please help me!
Hello, I'm developing a website and added an accordion section to the homepage, so far it works pretty good, I am just having a little problem,all of the links are closed by default I will like to know how can I get to have the first one opened by default. this is the link while I'm still developing: http://www.constantbeta.info/index13.html the content appears in a div class="content" , So like I said I will like the first one to be opened by default and to have always one category opened, not allowing
How Can I Help Get Google Analytics / urchinTracker out of demos/etc?
new to jQuery UI--rah! rah! rah! Mr. Resig and the rest have a very, very good thing in jQuery. downloaded the example code and all of the web pages have google analytics code in them how may I help fix that? thanks, --jim
Where is the problem
My code is: <!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" xml:lang="en" lang="en"> <head> <title>jQuery UI - Functional demos</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="jquery,user interface,ui,widgets,interaction,javascript" /> <meta name="description" content="jQuery UI is jQuery's user interface
Bug: dialog moveToTop method broken in 1.6rc2
Hello, dialog('moveToTop') is working properly in 1.5.2 but does nothing in 1.6rc2. Olivier.
Excluding hidden elements from serialize
I have situation like this: <ul id='sortme'> <li class='sortitem' id='bild_0.jpg'><img alt='img'src='0.jpg'/><a href='#' class='delete'>X</a></li> <li class='sortitem' id='bild_1.jpg'><img alt='img'src='1.jpg'/><a href='#' class='delete'>X</a></li> <li class='sortitem' id='bild_2.jpg'><img alt='img'src='2.jpg'/><a href='#' class='delete'>X</a></li> </ul> Javascript code is $("#sortme").sortable({ revert: false, scroll: true, update : function (sorted) { serial = $('#sortme').sortable('serialize');
Datepicker and ThemeRoller - additional rules for disabled/unselectable items
Hi all, Thought I'd share some styles additional to ThemeRoller's for use with datepicker. When the month next/prev buttons are disabled (because of the date range), I didn't like that a label with '<Prev' or 'Next>' was displaying. I now use this rule to hide them: .ui-datepicker-next label, .ui-datepicker-prev label { display: none; } You could style them differently - e.g. visible but disabled - by using attributes from the ".ui-datepicker-next a, .ui-datepicker-prev a" rule. The individual date
Jquery UI conflict with Object.prototype?
Hello again. I've been writing a script today and wanted a quick way to figure out the size of arrays that are initialized like var barValues = {"Lab 1":10, "Lab 2":20, "Lab 3":30} (which seem to be considered as objects) so I wrote a Object.prototype.size that did this for me. However when this was done and I hooked up jquery UI + jquery draggable I get the error "proto.plugins[i].push is not a function" on line 18 of ui.core.js. The code still runs though but I'm not using any UI plugins on the
Drag and drop select option
Hi How do I drag and drop a option from a select list? I tried to search for this problem... read few references... but did not find anything yet... can this be done using JQuery... I am trying to arrange the list items in a sequence, so I want to drag them from one list to another.. Pls let me know how this can be done... I am using IE 6. and latest version of JQuery. thanks
Problem with IE 6
Hi, I've created a basic application of Thickbox, combined with show(). This works perfectly with Firefox 3, but Internet Explorer 6 doesn't do anything (not even a error message !) I want this thing to work everywhere, so I am asking for your help. The code is : <head> <link href="Scripts/thickbox.css" rel="stylesheet" type="text/ css" /> <script src="Scripts/jquery.js" type="text/javascript"></script> <script src="Scripts/thickbox.js" type="text/javascript"></script> <script type="text/javascript">
Sortable Target List Placement
I have a working jquery sort using 2 groups of divs. They are connected and I can drag items from one list to the other. The problem is, the items are always dropping at the bottom of the target list. They will not drop higher in the list. Once dropped, I can then drag them up into position. Ideas? The project is secured currently, but if required I will rewrite in a public location for review. Thanks P.
accordion issue, please help!
Hello, I'm developing a website and added an accordion section to the homepage, so far it works pretty good, I am just having a little problem,all of the links are closed by default I will like to know how can I get to have the first one opened by default. this is the link while I'm still developing: http://www.constantbeta.info/index13.html the content appears in a div class="content" , So like I said I will like the first one to be opened by default and to have always one category opened, not allowing
Proper Syntax for setting 'Blind' Speed w/Dialog
Hi all, Here's what I have going on: //create dialog $("#test").load("loginformtest.asp").dialog({ draggable: false, autoOpen: false, height: 430, width: 500, modal: true, position: "top", show: "blind", //show: { //effect: "blind", //speed: 1000 //}, resizable: false, overlay: { backgroundColor: '#000', opacity: 0.5 }, title: "Please Login or Create a New Account." }); //open dialog box function displaylogin() {
UI/Uploader
Well...I was able to successfully get this to work. Basically took the demo, added the backend, and then once the photos are done the user heads off to finish processing, i.e. adding to a gallery, tagging, titling, etc. We have used it successfully on hundreds (if not thousands of images). Now however we have had a person mention that it does not appear to work on Macs. Yes...this is strange as using it on FF3 on a Mac returns an HTTP error. However, running it on FF3 on XP Pro and Vista has no problems
Dragging sortables / connected
Hi all, I created 2 sortable lists that are connected to each other, just like the first example here: http://ui.jquery.com/repository/latest/demos/functional/#ui.sortable I need to have the same amount of list items at any time in both lists. So if I drag an item from one list to the other, the replaced item should appear on the first list. How to do that? Thanks in advance.
Sortables: Getting the current position
I''ve got a fairly complex sortable list, not unlike the queue on Netflix, and I've got all the functions emulated from Netflix except the input field on the helper element updating to say what the list position value would be if I dropped it right then. Any suggestions for pulling that information? Here is my document ready function so you can see how I have it set up at present. $(document).ready(function() { $("#sortable li:eq(0) p.top_btn a").hide(); $("#sortable").sortable({ axis:
Error: 'guid' is null or not an object
Hello every one, I have a problem, I am creating a page, but I get the following error: line: Char: 10976 Error: 'guid' is null or not an object Code:0 Url: (is a local file) I am not a jquery ninja like many of you. I did search the web for other sites using this script, but there was none without the error. I am testing it in EI 6 (the only one I have at work) and firefox, which does not show as a problem. The code is: <script type="text/javascript" > <!-- $(document).ready(function(){ lastBlock
ARIA functions land in ui.core!
Michelle D'Souza and I just landed some basic ARIA functions for getting/setting roles and states in ui.core. This work is inspired by the community (including Chris Hoffman's jARIA plugin). Thanks to Paul Bakaus, and Scott González for assistance. We're really excited about the decision to have this functionality in ui core. Michelle and I are now looking to engage more of the jQuery-UI community with this important work. Look for more news to come. cheers, David
Jquery Accordian Plugin
I'm trying to create an accordion similar to the 2nd 1 at the top here http://jquery.bassistance.de/accordion/demo/ The problem I'm having is I can't find steps on how to achieve this.. I have loaded the css/javascript files and I also structured the xhtml/ css similar using the same names. When I put y accordion in the demo html file, it works fine but when I have it on my page it doesnt work.. It seems I'm missing a step that has to do with javascript because on my page the class "basic" remains
Problem in v1.6?
When I first downloaded jQuery UI, I went through the customize procedure to just get the Dialog component. I got my page mostly working (have to hit tab to focus the first field, but that's a separate issue). I wanted to see if 1.6rc2 handled the focus differently, so I downloaded the whole thing. When I use the whole 1.6rc2 script, my page no longer works. I took the list of functions (and variables, etc) that are in my custom file, and extracted those same functions from the 1.6rc2 file. My page
Bug Tracker Down?
The development link from the UI main page gives a 404 error: http://ui.jquery.com/bugs
Dialog with position: fixed
I have a list of records that may be taller than the screen by a lot. I'm using Dialog to show a non-modal edit form when the user clicks Edit links in the list. The problems are that a) if the list is tall and the user is scrolled down the page when they open it, it opens at the top of the screen, out of sight, and b) if it's open and they scroll the list, the dlog scrolls up out of sight too. I've tried setting position:top in Dialog options, and that does get it to open at the top of the visible
Multiple jQuery Tab v3 css styles on one page
Hello, I am working on an interface which uses two sets of jQuery tabs, this works fine, but I would like to have different styles and different tabs.png for each set. What is the usual way to achieve this? Cheers Norman
Code contribution - Stepper/Spinner
I'm sure this question has been asked a million times. But how can I contribute code to this project? I thought I'd try and be helpful by contributing my numeric stepper/spinner code to the development process. It's still in infancy and probably not coded to the jQuery UI standards (still learning btw) but has the following features: * min, max, start and step size adjustments * supports decimal values and decimal step sizes * supports currency values * increment/decrement via plus/minus buttons,
JQuery UI and JQuery .1.1.3
Hi, I am using JQuery 1.1.3 with one Column Resize pluggin. I want to use JQuery UI Drag And Drop Plugin also but UI plugin which i download doesnot work with JQuery 1.1.3. Where i can get Drag Drop Plugin supporting JQuery 1.1.3. Thanks, Pawan
DatePicker with multiple inputs with the same ID?
I've got a form where I add additional elements for a date range based on user input. So, simple case: <div id="SomeGroup1"> <input name="fStartDate" id="fStartDate" /> <input name="fEndDate" id="fEndDate" /> </div> <div id="SomeGroup2"> <input name="fStartDate" id="fStartDate" /> <input name="fEndDate" id="fEndDate" /> </div> ...and so on. When I bind the datepicker like this: $("#SomeGroup2").find("#fStartDate,#fEndDate").datepicker(); I get separate calendars for each of the four fields but when
From draggable to sortable with one click
Hi guys. I received a task today for making a toolbar with various items and a drop zone which is also sortable. and i'm kinda stuck at this :| Let me explain more: - the toolbar have five items (icons). Theese icons must NOT be sortable (to change the first one with second and viceversa). These icon are clickable (no problem) and draggable over the main area. - the main area is a standard sortable (only horizontal) with 2 - 10 (max) items and must accept any droppable from the toolbar. Ok, so far
Autocomplete
Nice little component but not all the expendable. I have a url that returns JSON as the result. I need a way to either process the result of the query or we should have an option to user the jQuery.getJSON( url, data, callback ) method of jquery. We could set an option for text/json/xml to parse the data for all three ways
Set Dialog in tabs using JQuery
I opened some dialogs while loading the page. Then I switched to other tab by destroying all the dialogs. Then from tab2 when I click tab1, dialogs are not opening. Please help <script> $(document).ready(function(){ //$("#example").parents(".ui-dialog").is(":visible"); $("#example").dialog_w1(); $("#example2").dialog_w2(); $("#example3").dialog_w3(); $("#example4").dialog_w4(); $("#example5").dialog_w5(); $("#example6").dialog_w6(); $("#example7").dialog_w7(); $("#example8").dialog_w8();
Accordion: not hiding elements during animation
Hi. I've found two instances which make me scratch my head over the accordion and how it hides content. One is placing a datepicker instance inside the content area of an accordion pane. The other is placing a flexigrid instance inside the content area of an accordion pane. With both of these, I open or close that pane and before the animation to open starts, I can see the element on top of the rest of the accordion menu. When I close the pane, the content animates but the elements remain above the
Next Page