[accordian]
I am using this: jQuery('#navigation').accordion for the navigation on a site. when you rollover the tabs, info is revealed instead of links. the info is in an li and is working on all browsers except for ie6. in ie6, everytime i rollover a tab, it is opened up so tall that it flies off the page downward. it works great if i only have 3 tabs, but i have 7 and it gets very buggy. any ideas on how to make this one not be buggy with more than 3 tabs?
[accordion]: Auto-activating Nested Item
I'm working from this example: http://blog.evaria.com/wp-content/themes/blogvaria/jquery/index-multi.php I have a set of nested, unordered lists. I'd like to have one of my nested ul's auto-activate when it's href is the current page. When my example page below is hit, "Content 2.1.2" should automatically show. How is this done? http://clients.grayloon.com/nagreen/erosion-control-products/test.php Also, IE7 is throwing script errors on my example page. Is something in my code incorrect?
draggable-helper width calculation
Hello I am using the 'real world sortable' example to create a gallery editor. I have thumbnails that can be dragged around inside and between different 'groups' - in a very similar way to the sortables example. It is online at: http://safetycat.org/agraphia_test/ whilst the drag between the groups is active, you notice that as the thumbnail enters the new group, the helper <dl> resizes incorrectly, The resulting HTML changes from this: <dl class="sort ui-sortable-helper" style="position: absolute;
ui tab problem
hi, I have this problem have a div, when click enable a tabs menu. Problen is that tabs doesn't work. Tabs menu load when the div is click but when i click some tab it's doesn't load any content at all... here the jquery code <script type="text/javascript"> jQuery.fn.fadeToggle = function(speed, easing, callback) { return this.animate({opacity: 'toggle'}, speed, easing, callback);}; $(function() { $('.tabs').hide(); $('.xfissa').bind('click', function() { var $tabs = $(this).next('.tabs') .toggle()
ui working very slow for sortables, disabling other elements functionality
I've implemented ui sortable for a list on my page and noticed that when the list has more than 10 - 12 elements it moves veeeeryyy slow. One other thing...inside the list elements I have some links which only work when double clicked. <ul> <li><a href="something.php">this link works only if I double click</a><li> </ul> Any ideas?
only just starting to learn - problem with fixing position after slide down
Hi :) I'm only just starting to look at JQuery and JS - so this might or might not be a tricky one to solve... for me it's very confusing.... I would like to implement the following: 1 - working a footer is to line up with the header of my page (the graphics line up for the footer to cover part of the logo), on link click (or automatically timed) the footer is to slide down revealing the page content 2 - problem!!! the footer is then to align with the bottom of the window (hiding its content) - and
Toggle Image Button plus Accordion Menu Display
Hi, Can someone pls assist me with a means of performing the following using jQuery: Currently, I have an image src file with is like a button with an onClick event, which basically toggles two images. When this image button is clicked, i.e, starts with "Menu+" and when a user clicks on it, it toggles to "Menu-" I would like to somehow implement this same feature using the same image in jQuery, by where when the user clicks on the "Menu+" image button, it toggles to "Menu-" but at the same time,
[jQuery] released: jQuery plugin "buttonAnimated" v1.0 - PNG animations onHover
I thought it would be nice to have buttons on my websites without the need for photoshopping every time i need a different text on my button. Since i would use a PNG template button to overlay text on, I added the possibility to do animations onHover.. You can check it out at <a href="http://mediabeez.ws/mediaBeez/permalink.php?tag=buttonAnimated">http://mediabeez.ws/mediaBeez/permalink.php?tag=buttonAnimated</a> It's a work in progress, and only a 1.0 release. There's no ability to disable a button
UI Tabs Don't Reload Under IE
UI Tabs refresh/load is problematic in windoz IE 7. It refuses to reload a page. But the same thing works under Firefox. I have tried everything including using the latest ui.tabs.js (I think 5149, which BTW does need ui.base.js). Here is a simplified version of what I have shown in snippets: ... <head> ... <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Expires" content="-1"> <script src="jquery-1.2.3.js" type="text/javascript"></script>
draggable, sortable hangging
I'm new to jquery & java/javascript, so this is probably something dumb, but I'm having an issue with the following page. http://devel.dans-hobbies.com/javatest.html if you drag a div from "Form Object Templates" to any place other than "The Form", it works as expected( nothing happens). if you drag from "Form Object Templates" to "The form", it works as expected( a new div is added to "The Form"). now the buggy part, if you now try to drag a div from "Form Object Templates" to another part of the
Problem with slider ???!!!!
Can anyone help me to solve the two problems i am facing 1 - my slider is not working 2 - i try to have this slider a little bit on the left of the window. hte sample is here : http://a_renaut.club.fr/slider/index.html thank you for your help
Deep linking to tabs
I am working on an interface that is making use of the UI Tabs, and there are a couple of areas that will need to have subtabs. Is there a way that I can deep link into the subtabs from another page, or even from a submenu on the tabs themselves? I can see that I can sort of do it as long as the subtab I'm deep linking to is in the first active parent tab on the page, but not if it's in a different tab. Thanks in advance.
Problem with date.js and datepicker.js
I'm using Kelvin Luck's DatePicker plugin (v2) found here: http://kelvinluck.com/assets/jquery/datePicker/ I've used v1 before and this is the first time using v2. To use it, you need to also use a few of the UI plugins, including date.js I'm having an issue in IE browsers. If I select the link to open the calendar, and then click a date on the calendar, I get this error in IE and ONLY in IE (6 or 7): --------------------------- Error --------------------------- A Runtime Error has occurred. Do you
Italian datepicker translation
/* Italian initialisation for the jQuery UI date picker plugin. Written by Apaella (apaella@gmail.com). Version 1.5b2 */ jQuery(function($){ $.datepicker.regional['it'] = { clearText: 'Svuota', clearStatus: '', clearStatus: 'Cancella la data corrente', closeText: 'Chiudi', closeStatus: '', closeStatus: 'Chiudi senza cambiamenti', prevText: '<Prec', prevStatus: '', prevStatus: 'Mostra il mese precedente', nextText: 'Succ>',
tablesorter in ui tab not working on IE (6 or 7)
I have a ui tab layout. One of the tabs has a table which is sorted using the tablesorter plugin. This all works perfectly on Firefox but an error is shown on both ie6 and ie7 running on xp. The error is: Object has no properties. If I take the tablesorter out of the tabbed layout it works fine. Is this a bug in the ui tabs code or the tablesorter code and if so how can I get a sorted table working in a tabbed layout? This is my tab calling code: $(document).ready(function() { $('#mainTab > ul').tabs({
Tabs select problem
I am attempting to check the selected tab id after every select event and if the id would match my second tab wich happens to contain a form, I would then perform validation on the form. I am having some difficulty even getting the select event to fire an alert let alone be able to check the selected tab id. Can some one off any suggestions as to why this is not working? jQuery('#requestForm > ul').tabs({ select: function(ui) { var selectedtabid = jQuery.data('selected.tabs'); alert(selectedtabid);
Jquery UI 1.5 Final?
I am about to begin a Web 2.0 project using Jquery and Jquery UI. And I am wondering if 1.5b will be portable to 1.5 final without major rework so I won't waste my development time now. And when can I expect 1.5 final to be release? P.S: Many thanks for the development team for the hard work.
Nested context menu
Hi Could anybody suggest a way to implement a nested context menu with jquery? While googling, I saw that there was some development regarding UI Menu, but couldn't find it in source repository. Is it still alive? Also I have found a "Context Menu" plugin, but it doesn't allow to create nested menus. Thanks, telega
Selecting group and dragging - New version of UI
Hey All, I am wondering if the new version of UI a user will be able to use bothy selectable and draggables to select a group of say 4 elements and drag them all? Is that possible? And does anyone know when the final version will be released? Thank you, Ryan Coughlin
Jquery UI sortable slow
Hello everyone I'm using Jquery UI Sortable and I find it really slow, in comparison with the examples. I want to know if some of you have the same problem. And do you know if we can turn the inside of the div in a sort of snapshot, it could maybe help the rapidity of the drag and drop. thank you ASH
svn problem
\branches\ui-1.6\jquery is copied from \trunk\jquery\src under http[s] url, so users can't checkout this folder anonymously...
[accordion] Trouble with display of nested li element
I don't know if it's my CSS causing the issue but if you look at http://villedelameque.voluzion.net on the left there's my menu on which I want to use accordion but for some reason the nested li elements are getting displayed with a big gap between them. Any idea what could be causing this ?
Drag and Drop question
Hi there, i've recently downloaded a demo of a drag and drop interface, much like that of the new BBC Homepage/netvibes etc etc. The page is here: http://one2create.co.uk/vikki/extranet_test/index.html I'm relatively new to jquery and was wondering whether it was possible to save the positions of the boxes somehow? And if so, how would i go about this? Any ideas/suggestions would be welcome. Thanks
Tabs change url problem.
Hi, My code for a tabbed page is as following. <u><b> //Tabs Content</b></u> <div><b><span> 1 </span></b></div><div><div> <b><span><<span>a</span><span> <span>onclick</span>="<span>stopPage(event);</span>"</span><span> <span>href</span>="<span>/message/box/inbox/2</span>"</span><span>></span><span>2</span></<span>a</span>></span></b></div> </div><div><div><b><span><<span>a</span><span> <span>onclick</span>="<span>stopPage(event);</span>"</span><span> <span>href</span>="<span>/message/box/inbox/3</span>"</span><span>></span><span>3</span></<span>a</span>></span></b></div>
Default selected accordion
Hi! I'm new to javascript.. and don't have much time to figure out the code itself. I'm using jquery accordion (basically the first, simple one from the demo page). I don't know how to make the last accordion selected by default, so the other tabs are all closed on top of it. Thanks. elba
iframe and menu region overlap/float
Hi, Hoping someone can assist, I have a page that is an iframe, which is basically used to display result information based on a menu option selected which is located on the same page. Mu query/issue is that how can I make my menu float/overlap my iframe area? My menu is an accordion based on the jQuery Accordion plug-in. I basically want to be able to display my menu on top of my iframe, so as I select a menu option, the data is displayed underneath in my iframe. If this is possible, could someone
Droppables: Inconsistent order of over/out events
We've observed some strange behaviour with our application, and it seems to stem from inconsistencies in the order of arrival of droppable over and out events. The problem occurs quite regularly in our application, but less so in the demo file. It is possible to reproduce the issue using the following page (although it is intermittent, and tricky): http://anastasia.atrc.utoronto.ca/jquery-testing/ui/demos/ui.droppable.html (This file is a slight modification of the droppable demo file from trunk:
ui.tabs problem
Hello, all. I make next code. $("#container-1 > ul").tabs({ tabTemplate: '<li><a href="#{href}" class="inactive"><span class="l">#{label}</span><span class="r"></span></a></li>' , fx: {opacity: 'toggle'} }); Tabs see like this: <div id="container-1" class="cont_nav" style="margin:0;"> <ul style="font-weight:bold;"> <li><a href="/controller?page=general" class="inactive"><span class="l">1. General Data</span><span class="r"> </span></a></li> <li><a href="/controller?page=map"
ajax requests and dom events
hello i was just wondering what the best way for events to work on a panel after an ajax call has been made to get the panel. My current panel code is http://pastebin.com/d3e42f9d8 Everything of this code works except for $('#tabpane > ul').tabs({ show: function(){ alert('test') } }); The show: part, although the tabs are still created.
Accordion closes when hovering over inner link??
I've finally got the accordion plugin functioning on my site (well almost, can't get the easing plugin to work with the animated option...throws a bunch of javascript errors...). Anyway, the accordions are now sliding open and closed as expected. I used the nested div setup i.e. a containing div with nested h3s and divs for the titles and content blocks of the accordion items. The problem is that I have a link at the bottom of each accordion item, and when I hover over this link the accordion closes.
Accordion at Load Time
Hi, Hoping there is a solution for this but when my page first fires up, which has the Accordion Version 1.6.0 menu plug-in, it quickly flashes the whole accordion in expanded view - all levels, before actually collapsing it completely. Is there any way to stop this quick flash and just show the Accordion menu as collapsed? Thanks.
Resizable Question
Has anyone ever put together a "snap" feature for "Resizable"... similar to the "grid" option of draggable? Thanks, Scotty
looking for uploader release and a question about it's 100Mb limitation
Hi. I build a photo-cms, and want to improve it's upload functionality. I use jQuery as my DOM-manipulation lib, one of the reasons that this jquery/flash combination in the uploader component seems attractive. Problem is: I can't find a release of the uploader component anywhere.. Not even under <a href="http://dev.jquery.com/browser/trunk/ui">http://dev.jquery.com/browser/trunk/ui</a> There's another implementation of a js/flash component with detailed callbacks: <a href="http://swfupload.org/">http://swfupload.org/</a>
getting show to work in 1.5b tabs
I have 3 tabs, i want to execute some JS every time tab 2 is shown This code works fine in the older version of tabs ... for the life of me i cant figure out how to get it to work with the 1.5b version. Nothing i do gets the 'show' callback to execute. Here's the basic code ... $('#tabs > ul').tabs({ show: function(ui) { if (ui.panel.id == 'fragment-02' ) { alert("tab 2 is being shown"); } } }); ... but ive simplified it to this as well ... $('#tabs > ul').tabs({ show: function(ui) { alert("tab 2
Resizable - aspectRatio
Does anyone know how this option works? I've tried true, 1.3 and 'preserve' but it doesn't seem to lock the resizing to aspect ratio. I've used various versions out of the SVN but can't get it to work. $(document).ready(function() { $('#resizeme_containment_div').resizable({ containment: $('#resizeme_containment_div_wrapper'), //proxy: 'proxy', //ghost: true, //animate:true, handles: 'all', knobHandles: true, //transparent:
Accordion query - how to disable a section... Printing issues
Hi there, I have a definition list accordion with the 'dt' being the active menu and the 'dd' being the content. I have a 'dt' with a print link to open a new version of the page with print CSS. This link is in a 'dt' to maintain the site style and semantic structure. The issue is that on clicking the dt it tries to expand as per expected as it's part of the accordion. Is there a way of editing the accordion script so that my print 'dt' doesn't invoke an accordion to a non existent 'dd'? The site
multiple triggers
I'm sure this has been answered but I can't find it anywhere... Is it possible to have multiple triggers in jQuery? If so, how? I would like the same thing to happen when the user clicks as I do when the user hovers. I don't want to have two functions with the same code but with a different trigger. TIA, Josh
Accoridion - Nested Example by joern zaefferer
Hi, Hoping someone can point out what I might be doing wrong but using the nested.html example as a base from: http://dev.jquery.com/browser/trunk/plugins/accordion/demo/nested.html All works well with the nested example provided but if I try and duplicate the nested accordions under "1b" and run the page, all nested accordions under "1b" option appear expanded, which is not what I am after. I was hoping that it would follow the same functionality as when you click on option "1a". Can anyone please
Implementing "Loading..." on my website
After using jquery we noticed that the pages are taking longer to load than before. While optimizing that is an exercise in itself, it would be worthwhile to implement a "filler page" (similar to what we have on gmail) until the page gets loaded. Any pointers to how such a page can be implemented?
problem jquery ui tabs
ok so heres the deal i have two different html files using the same ui.tabs.js file and one works fine. the other how ever im getting a few errors on the 2nd page in firebug: missing ; before statement [Break on this error] hideFx = o.fx[0] ||Â baseFx, showFx = o.fx[1] || Â baseFx;\n which in turn makes .tabs not be a function but the exact same code everything works? the snippet from the ui.tabs.js is: var hideFx, showFx, baseFx = { 'min-width': 0, duration: 1 }, baseDuration = 'normal'; if (o.fx
Next Page