SlickGrid updates!
SlickGrid keeps growing! SlickGrid now has a Google Group where you can get help, provide feedback and ideas for improvement, and ask questions: http://groups.google.com/group/slickgrid NEW FEATURES: - Row reorder support. Column definitions can now be marked with "behavior:move" property to designate those columns as row "drag handles". You can then implement two new events on the grid - onBeforeMoveRows (rows,insertedBefore) and onMoveRows(rows,insertedBefore). The former one lets you return a
Accordion - open to item
I'm trying to get the Accordion to open to a particular item when loaded. I think the activate method should do this but I can't get it to work. I created a test page and the item I'm trying to get it to open to is in the 2nd section, the 2nd item from the bottom. The page is at http://www.ofthejungle.com/testaccordion.php -- can anyone see what I'm doing wrong? Not sure if I can paste the page source but here goes: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
close x link
hi everybody, i'm new to jQuery and i'm stuck in a problem. I'm using a dialog box using jQuery and downloaded a theme using Themeroller. The problem is that i cannot see 'x' to close the dialog box. however when i move my mouse over it, it gets highlighted(only a square box) and hence it is there. i've tried to edit ui.theme.css but of no use. Anybody having the idea to make it visible or put another image,plz suggest me. It would be very helpful. Thanking you in advance --
Datepicker moves when window is resized
Hi, Hi, If i resize the window datepicker doesn't move, and doesn't appear under input field anymore. Looks like position doesn't get recalculated. The demos i see online don't have that problem but I cannot figure out what i am missing. I am including the following files: <link rel="stylesheet" href="include/overcast/jquery- ui-1.7.2.custom.css" type="text/css" media="all" /> <script src="include/jquery-1.3.2.min.js" type="text/javascript"></ script> <script src="include/jquery-ui-1.7.2.custom.min.js"
Can all the windows in the Accordion be collapsed at once
I would like to use the Accordion version of jquery on a website to save room and add value. Is it possible to have all the windows in accordion mode collapsed at once, its seems no matter what I do one of them is always open. With them all collapsed , room is saved, and the headings look look better, one on top of each other. Cheers, New to this forum so hope I posted in the right spot. Thank you clubfred --
Need Week of Year in GUI of DatePicker
Hi, the datepicker is a really nice peace of code, good work! But, Is it possible to see (enable) the Number of the Week of the year in the little Chooser? thx for help, best regards Christian --
DatePicker
Hi, how could I extend datepicker functionality for events. I have datepicker with inline=true. I have managed to get alert with date of the clicked field. But I would like to colour some dates in datepicker just to show that some events are present on that day. Is that posible with datepicker control in jQuery-UI? thnx --
Can I lock an <li> in place in a sortable list?
Hi... I've got a <ul> list where I add some <li>'s to be sortable... but i want to add two <li>'s at the end and *not* allow the user to move these around, yet have these <li>'s "look" like the rest to keep things consistant right now i have like <ul class="C_Sortable"> <li class="ui-state-default">Sortable Item 1</li> <li class="ui-state-default">Sortable Item 2</li> <li class="ui-state-default">Sortable Item 3</li> <li class="ui-state-default">Locked Item 1</li> <li class="ui-state-default">Locked
Modals
Howdy, I have a modal in my page and it works, for the most part. I have two questions/issues 1) I would like to use my own server controls for buttons... rather, I need to prompt the user for info and then write it to a database. I was hoping to just use a server control for the button but when the modal displays, the click event normally handled by the server doesn't fire. I'm guessing the jquery is overriding it? What's the best way to get the info in a modal into my database? 2) How can I remove
UI Tabs - Hyperlinks in unordered list
Hello, I am working on a Drupal site and one of our pages is using is using UI Tabs. Each tab has content that contains a hyperlink to a webform within the site (a separate page). The link is in two places within the content, once in an unordered list <li> tag and once in a tag. The href points to the exact same url, however when you click the link that is within the <li>, tabs tries to load the form within the tab instead of going to the external page. This breaks the form and shouldn't be happening.
Autocomplete trigger when there are no results?
Can I do this with autocomplete? What I would like to do is that if there is no matching results the words "Add a new one..." will appear in the drop down. Then I'd like to trigger an action when it's clicked. Any way to do that? Thanks. --
Accrodion Plugin - initaly closed.
jQuery('#list1').accordion({ active: false, collapsible: true, autoHeight: false, alwaysOpen: false, }); This doesn't work for me... All items are open?!? After a click or without setting active to "false" erverything is fine... Any suggestions? Best Peer --
"Loading mask" in ui.tabs
Hi, I would like to prevent users from clicking on tab content when it's asynchronously loading content when a tab has been clicked and display a loading screen where the tab-panel is normally displayed. I was unable to find such functionality on the ui.tabs widget. Then I went to see if I could get a hold of the panel that was displayed while the clicked tab was loading. I found out that I *can* get a hold of the panel of the clicked tab, but that isn't displayed until it has finished loading. Lastly
Sluggish modal dialog open
Hi, I'm having major performance issues with opening a jQuery UI modal dialog with a large amount of form field HTML and I'm looking for any performance tweaks I can make or any other modal dialog plugins to try. I've got some completely unscientific times for you, done with DynaTrace Ajax in IE 8 and console.time in Fx 3.5.5. As you can see there's a huge difference when jQuery UI is opening the modal dialog. Large dialog (57kb HTML) IE8 open existing: 1170ms IE8 create dialog: 1225ms Fx3.5.5 open
jQuery UI and Desktop-like web applications
Dears, how can i use the jQuery UI as desktop-like UI like "Sproutcore", and is it planned to implement the desktop-like web interface. Best Regards, Shenouda Bertel --
Accordion COntent Image Only Height Issue
Hi, I am trying to use accordion to show a few articles on my site and the articles are scans from a newspaper. If this is the only content in the content div the accordion will not open to full height. Even if I put a paragraph with a blank space after it. My only workaround has been to put the image inside a paragraph with styling on the paragraph that declares a static height. It does not matter if I declare a height on the image via a height attribute or a style attribute. I tried using autoHeight:
When will the next release?
When will be the next jQuery UI release which includes the widgets like menu, tool-tip ect? --
Scaling and centering an object with a slider
Hi All, I have a slider that proportionately scales a div on slide event eg: $("#my_slider").slider({ min: 100, max:2900, value: 780, slide: function(event, ui){ $("#mydiv").css("width", ui.value); $("#mydiv").css("height", ui.value); }, }); I want the object Im scaling to also move the div so that it looks like its being scaled from the center (and not the top left) Is there an easy way to
Using Accordion as navigation menu
I'm totally new to JS and i could really use some help with this. I'm doing a navigation menu using the accordion. Everything work fine when it follows the "header, ul, header, ul" rhythm, but when a category doesn't have subcategories listed after it, everything messes up. How do i fix that? Thanks in advance. This is my HTML structure: <div class="accordion"> <h2>Category 1</h2> <ul> <li><a href="#">Subcategory 1</a></li> <li><a href="#">Subcategory
When should I use the CSS framework?
Hi, I hope this is the right group for this question. So, I am starting a new website project, and I wanted to start using the base jQuery theme from the beginning of the project. In the past, I have always built my CSS from the ground up... In other words, I have never used any of the themes. With that said, I have these questions: 1. <http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/ jquery-ui.css> If I wanted minimal jQuery theme styling, would the above style sheet be the best
beginner help with using custom jquery ui objects. Options
Hi, I originally posted this over at the jquery group but was suggested to post it here instead. I'm really excited about using the ui widget factory and hopefully you can help me get over these initial hurdles. With help from this tutorial http://bililite.com/blog/understanding-jquery-ui-widgets-a-tutorial/ I started to create my own custom ui objects based on the ui widget factory. I am hoping somebody could help me with the object syntax. //////////////////////////////////////////////////////////
datepicker locks up Internet Explorer 6
I have a page using jQuery 1.3.2 and jQuery UI 1.7.2, both pulled from the Google CDN. When using Internet Explorer 6.0.2900.5512.xpsp. 080413-2111 on Windows XP Version 2002 Service Pack 3, the page causes the browser to lock up. There is no noticeable increase in system resource usage according to the Windows Task Manager; the browser simply ceases to respond. If I remove the calls to convert text boxes into datepicker widgets, the page works perfectly fine. I have not tested this page on any other
How may I use a font with a space in it such as "Trebuchet MS" with ThemeRoller?
How may I use a font with a space in it such as "Trebuchet MS" with ThemeRoller? If I type "Trebuchet MS" the double quotes break the URL string that ThemeRoller generates for changing the theme. If I type 'Trebuchet MS' then escape slashes end up added around the single ticks. Is there a solution for this problem? Thank you, Tom Jaeschke Web Developer Headspring Systems --
[accordion] - What's the best way to hide content pre-completely drawn menu
Hi - I'm working on a site and using the Accordion menu - it's got great looks & functionality. The issue I'm seeing is when initially drawing the page or selecting an item on the menu, I see the complete menu text for a split-second or so and then it applies CSS, JS and everything looks proper. That flash is a little jarring. Does anyone have any specific recommendations? I was thinking about using CSS to hide everything - possibly setting the font color to the background color - but does that cause
customize uplodify
http://www.uploadify.com/ This is the best jQuery upload plugin I ever used, I want to add one function when upload jQuery(queue).append('<div id="' + jQuery(this).attr('id') + ID + '" class="uploadifyQueueItem">\ <input type="text" /> <div class="cancel">\ ............. .......................... I add a input field in it's js code, and I hope the value will be send when file is uploading, is it doable? --
draggable is dropped when changing the helper html in ie8
hey i'm facing the following problem: i have a draggable object. i'm setting some other object to be a droppable for it, and in the 'over' event i'm changing the helper html. in ie8 this causes the drop event to fire (doesnt happen in ff3 or ie7). i'm not entirely sure this is the cause, because i tried to reproduce it in a demo application and couldn't, however in my real application i stripped down the droppable options to minimum (basically just left the line that changes the html in the over
How To Upload Video Files Using JQuery UI
Hi, I am looking for a way to use JQuery to upload video files. Since these files are so large it is important to provide a cue to the user when the download is in progress and when it ends. Thanks, Mark --
A typo in documentation
Hello: In http://jqueryui.com/docs/Developer_Guide There is a typo. It says: destroy: function() { $.widget.prototype.apply(this, arguments); // default destroy // now do other stuff particular to this widget } But it should say: destroy: function() { $.widget.prototype.destroy.apply(this, arguments); // default destroy // now do other stuff particular to this widget } The "destroy" work at the second line. saludos danigb --
Re-open dialog reverts back to original state?
I have a modal dialog box that pops up when a link is clicked. Inside this dialog, I have some content hidden by default. I have a toggler button to show the hidden content within the dialog. If I toggle and show the hidden content, then close the dialog, when I re-open the dialog, the content goes back to being hidden. Is there a way to re-open the dialog with the exact same content/info shown as when it was closed? In other words, how do I prevent the dialog from resetting back to the original
--
jquery themeswitcher: Name of the chosen theme
How to retrieve the selected theme chosen by the user ? --
A problems with Asual Address plugin in IE only
In my initial post, I forgot the site URL: http://stage.luxgoddess.com/ I am working on significant UI updates to a site using tabs and address together. Everything works fine in Firefox as well as Webkit browsers, but IE throws an error, specifically indicating that: '$.address' is null or not an object Has anyone run into this? The demos work in IE for me, so I know it is my implementation. Any ideas? Thanks! --Jim --
jQuery 1.7.2 ui Corner
Hi I am very new to jQury and just downloaded, I found it realy fantastic.... I am using Accordian afound th issue wth css that corner radius is not wkng in IE7 or IE8 wileits wrking fine wth Firefox. anybody casuggest me about this... Thanks --
Draggable, Droppable, rendering the result of an ajax call
Hello, I've created draggable, droppable and I invoke an ajax call on drop, everything works fine, but I have one issue. here is the code: $(".draggable").draggable({ revert: true, helper: 'clone' }); $(".droppable").droppable({ drop: function(event, ui) { var target = $(this).find('table:first tbody'); $.get('/forms/<%=@form.id%>/fields/new', function(data){ target.append(data); }); } }); The
"Show" effect onLoad?
Hi there, I'm a total noob with this stuff, so sorry if my question seems a little clueless. I'm trying to use jQuery's "show" effect (http:// jqueryui.com/demos/show/) for a site I'm working on. I'm able to get the effect working, but my problem is I want the behavior to be triggered when the page loads; in the demo the effect is triggered by a button click. Is there any way to adapt the script so I predetermine the style of the effect (blind, bounce, etc) and have it execute on page load? If anyone
Trouble integrating jQuery UI
I'm trying to use jQuery UI in a greasemonkey script, writing something like: .... // @require http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js // @require http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js ....... $(function(){ $("<style type='text/css'>.drg_style {margin:5px;padding:10px;width: 250px;height:25px;background:green}</style>").appendTo("body"); $(".drg_style").draggable(); $("<div><div class='drg_style'>Div1</div><div
Accordion from JSquery 1.8
Hi: I can obtain the active panel using: "var myactive = $('#accordion').accordion('option', 'active');" If i wish to obtain the active panel H3 text assigned to that panel how do i do it. I've tried: var mytitle = document.getElementById('accordion'); var paneltitle = mytitle[myactive].textContent; I obviously have the nodes wrong. I can see that the H3 has a span followed by a href but there must be a way of addressing the text value assigned to the H# panel header. TIA --
Get the tab index by id
Hi: I have a problem using the jquery tabs. I think it should be rather easy to resolve, but I just can't figure it out and couldn't find the answer anywhere. Here is the thing: I have a tab display, which is loaded dinamically, this means, each time i press a certain button, a new tab is added to the tab collection, now, what I need to do is see whether the tab id to be added is already there. I tried to iterate over the tabs collection, but couldn't figure how to do this. Thanks! --
selectable and forms ?
Hello all, I am wondering how do I use selectable inside a form, that is, collect the selected elements and send with the form data. I can think of triggering on form submit: $("#selectable li").each(... populate a hidden field here ...) but it looks like an ugly hack to me. any advice ? Thank you. --
Use JQuery - UI .sortable and JQuery .slideToggle
Hi, Since 3 hours i'am looking for a way to combine .sortable and .slideToggle. At irc nobody was able to help me. At google i dosnt found anything. ThrushAAX (at irc) told me that i should describe my problem here. I want that the user is able to sort a list. The items of the list should be able to toggle. If i has sorted an item its always toggle. That should not be. In my opinion i have only to check that .sortable has not run. But i don't found a way how to do this. I tested some ways. For example
Next Page