SlickGrid updates
Tons of new features in the last week. - Reworked columns. - Preliminary support for jQueryUI CSS framework. - More sizing options. - New optional pager control. - New optional column picker UI (context menu on the header). - Reworked sorting API. - "forceFitColumns" and "autosizeColumns" options. - Bug fixes. Come check it out! demo - http://slickgrid.googlecode.com/svn/trunk/examples/example4-model.html projec - http://slickgrid.googlecode.com --
Sortable helper position in firefox bugged
Hi all. I'm using jquery ui sortable and i'm enjoying it so much. However, im facing a trouble ONLY ON FIREFOX. When i scroll down the page and try to move any box, the helper is shown in wrong top position. It seems that the plugin did not calculate de scrollTop value, because the difference is exactaly this. Have anyone ever faced this? thanks
Interesting Image Highlighting in Internet explorer
All, I've scoured the web, and found not what I was looking for. This is really easy to reproduce: put an image on your page somewhere within a div and have a function invoked on the image: function showImage() { $("#someImage").show("drop"); } <img id="someImage" src="blah.jpg" style="border:none; display:none;" /
datepicker: no prev or next icons
using latest datepicker, no prev or next icons appear, tried both base and smoothness themes. Any ideas out there? Cheers riix. --
How to open jQueryUI modal dialog from within a javascript event
Hi, I am trying to open a modal dialog from within an event handler method using the jQueryUI dialog widget. I used to do that with javascript window.showModalDialog() and that works fine for me. The user entered the values in the modal dialog and via window.returnValue I could access them in my event handler method: function mapServerRequest() { // modal dialog window var parameters = window.showModalDialog('dialogs/ getIAdditionalInfo.aspx',...) ... } Now I want to do the same using the jQueryUI
Dialog height in IE 8
I have a very simple dialog that is failing to size correctly in IE8, any advice would be greatly appreciated. I am using jquery UI 1.7.2. I set the height and width of a dialog to 200px and it shows as height of 400px instead. I'm assuming that the 400px is coming from the content that I am giving the dialog, but what I would expect to see is a 200 x 200 dialog with scrollbars. As soon as I move the dialog on the screen, it changes the height to 200. This only happens in IE, FF is fine. Here is
Autocomplete plugin replicates tab's HTML instead of showing suggestions
Hello, I am now using JQuery(1.3.22) and JQuery UI(1.7.2) for a small proof- of-concept project. I am using UI and a visual plug-in, the autocomplete one from vulgarisoip.com . Plugin version is the latest available(http://www.vulgarisoip.com/ files/jquery.suggest.js) as of 2007, there's been no update that I'm aware of(yes, I looked for it in the plugins portal...) . This is my code: <script type="text/javascript"> $(document).ready(function(){ $('#tabs').tabs(); $('#comune').change(
Progressbar increment while script is executing
Hi everybody. I have a piece of code that creates a simple table in a while loop. My target is to increment a ui progressbar at every step of this loop. Actually my progressbar goes from 0% to 100% at the end of the loop. This is a piece of my code. Thank you for your help! Davide. <html> <head> <title>test2 - progressbar</title> <link rel="stylesheet" href="css/ui-lightness/jquery- ui-1.7.2.custom.css" type="text/css" media="screen" title="no title" charset="utf-8"> <script src="js/jquery-1.3.2.min.js"
UI Tabs - Trouble with FF
I am new to using Jquery UI. I keep running into trouble with the Tabs. If I apply any styles to the containing divs, firefox renders my tabs but with a huge block as the header around the tabs. Has anybody ran into this? Works fine in IE, and if I take the styles away from the containing "wrapper" divs, renders fine in firefox. Any thoughts? Thanks. Shawn --
Where can I download jQuery UI source code
I'm starting to read up on how to write a jQuery UI widget by reading: "jQuery UI API Developer Guide" at http://jqueryui.com/docs/Developer_Guide, "Understanding jQuery UI widgets: A tutorial" at http://bililite.com/blog/understanding-jquery-ui-widgets-a-tutorial, and "A Plugin Development Pattern" at http://www.learningjquery.com/2007/10/a-plugin-development-pattern. I'd find it really helpful to be able to look at the source code to some jQuery UI widgets, but the only download page I've found
destroying UI Dialog - does not return element to original position
hi i would like to know why .dialog('destroy') does not return the dialog container to it's original position in the dom? im building an ajax application and am re-binding the dialog to new html retrieved and inserted into the dom via ajax. the container ID will be the same in every case. for example: $('#download-dialog').dialog(); when i want to re-bind the dialog after an ajax request, javascript gets confused as there are now 2 divs with the same id in the dom. this is because the UI dialog widgets
problem with datepicker
hello ! The altFormat option seems to doesn't work I have this code $('.datepicker').datepicker({ showOn: 'button', buttonImage: 'images/calendar.gif', buttonImageOnly: true, numberOfMonths: 2, showButtonPanel: true, altFormat: 'yy-mm-dd' }); and in my input the date format is 'mm-dd-yy' is that normal ? I use Firefox 3.5 browser on vista... thanks ! --
is there a good way to open show an iframe in a jQuery dialog window?
i want to use a jquery dialog window to show an iframe. i am running into all sorts of issues. first off, i want the dialog to only show when the iframe is loaded. i tried to create the iframe w/ visibility set to hidden, and then do a .dialog() on it, but apparent jquery appends the iframe to the dom at this point, and thus the iframe is reloaded, and we have to wait. also, when i close the dialog, jquery appends the iframe again, which means the iframe is getting reloaded all over again, which
Dialog box duration setting question
When I add the duration after the type of effect, the effect defaults back to the default value but the duration works. Does anyone see the error in the show/hide lines in the code below? Thanks $('#dialog2').dialog({ autoOpen: false, bgiframe: true, modal: true, show: ('fold', 2000), hide: ('fold', 500), width: 600, buttons: { "Yes": function() { $(this).dialog("close"); }, "No":
printing datepicker control loses styles in ie 8
I am trying to be creative and use the jquery ui datepicker to show an entire year's calendar from which people can select multiple dates. When the dates are selected, I add css classes to them to make them different colors. When printing IE seems to ignore all of the styles, etc. Does anyone have a workaround for this or another control that would allow me to create a printer friendly version of the calendar? I am using jquery ui 1.7.2. --
Animate slide on slider with external event
So far I have this: $("#slider").slider({ orientation: "vertical", range: "min", animate: true, min: 1, max: 7, value: 4, change: function(event, ui) { $("#amount").val(ui.value); } }); $('.slider-icon').click(function(e) { var upDown = ($(this).attr('id') == 'up' ? 1:-1); $("#slider").slider('value', $("#slider").slider('value')+upDown); }); How can I make it so that when they click on the
Accordion: two in the same document
hi, I wish to put 2 accordions in the page. The problem is that I can't assign the same string for an id. example: <div id="accordion"> <h3><a href="#">something</a></h3> <div> </div> <h3><a href="#">something else</a></h3> <div> </div> </div> .......... <!-- accordion 2--> <div id="accordion"> <h3><a href="#">another one</a></h3> <div> </div> <h3><a href="#">another one_2</a></h3> <div> </div> </div> in fact the first accordion is shown correctly but not the second one. How can avoid the problem?
JQuery UI Modal dialog not blocking
Hi, I am using a JQuery UI modal dialog to ask a confirmation to the user. The dialog has buttons "Save" and "Cancel". If user clicks "Save", I make an AJAX call to do a database update and if he clicks "Cancel", I need to ignore his changes. The problem I am facing is when I open the dialog using dialog.open, it doesn't stop processing the javascript that follows after the dialog.open statement. How do I make the modal dialog really "modal", identical to javascript "confirm"? The JQuery UI modal
Tabs - Get Panel ID ?
I need to get the HTML contents of the current tab. I do not know how to do, because the tab has no option but to take the index or id (buttons), but not the content. Can anyone help me? --
Latest Liferay + 1.7.2 (or newer)?
I'm trying to develop some customizations to liferay and it appears as if the liferay implementation is "stuck" at jQuery 1.2.6. I would like to use the newer 1.7.2 of jQueryUI and am having a LOT of difficulty (When using built-in liferay items like user management, it inserts it's own jQuery library rather than giving any sort of granular control). Has anyone been able to use the newer UI components *within* the built- in interfaces to Liferay or do I need to use a portlet? Thanks, Jon --
theme switcher widget on the whole site
Hi all, I tried to use the jquery theme switcher widget. Only the page where the switcher is defined is changing its theme ! How to change the theme for the whole site from one point ? --
Slider "f is undefined"
I have a page fragemnt in which Sliders are located. This fragment get updated through Ajax call. Problem that i am facing is when section get updated slider get locked.. means when I try to Slide nothing happen and I get error "f is undefined" inside jquery.ui.js line 22 Please help... --
Jquery tabs
Hi, See I have two files 1) tree.php where i have a code snippet <div id="tabs-test"><!-- tabs-2 div starts .. Second Level of tabs for tab2 --> <ul> <li> dashboard.php Testing </li> </ul> </div> And in dashboard.php <div id="tabs-test"><!-- tabs-2 div starts .. Second Level of tabs for tab2 --> <ul> <li> dashboard1.php Testing11 </li> <li> dashboard1.php Testing22 </li> </ul> </div> Both the files are in the same level and in both
Lag Issues With J-UI Dialog
I'm using jQuery UI's Dialog plugin to create visual cards with stat reports on them. The dialogs are not modal, so that the user can open as many as they like. In IE 6/7/8, Safari, and Chrome (yes, you read that right, even IE6)... there are no concernable lag issues. But, in Firefox alone, as soon as the user opens more than 3 dialogs, it becomes increasingly laggy. Anyone else seen this or have thoughts on fixes? I tried disabling - moz-borders in the jquery-ui stylesheet, since that is the only
dragging google map inside modal dialog
hello, i have a modal dialog with google map inside. everything works except for map dragging. the problem is that if i drag the map and release the mouse button outside the dialog frame the map does not seem to receive the mouse up event and keeps dragging anyway even though i have released the mouse button. this is in firefox. in IE it is slightly different. in IE map stops dragging by itself if i drag far enough (it depends on the dialog size). has anyone seen this problem? any suggestions? thanks
draggable: overwrite revert method
Hi, Does anybody know how i can control the animation effect, which is applied to a draggable item when "revert" method is called? What i actually want to do, is to basically "turn off" the animation effect so the draggable item just flicks to its right place, without the "sliding effect". All help will be appriciated. --
Draggable & Sortable Problem/Bug?
I was looking at the draggable demo and I needed something like that so I started making my own version, but I need a horizontal list not a vertical one so I added a "float:left" to the LI style and now it is not dropping on my sortable list. Can someone please offer a suggestion. I am new to jQuery so please excuse my ignorance. :-) Remove the float:left in the styles below and this works; with it in it doesn't work. My goal is to have horizontal list where I can drag and drop from one list to another.
Jquery UI Tabs FX only working in one direction
Hi Guys Just a quick one. I have a site that features a Jquery UI Tab widget within one section of an Accordion. I am having a problem with the effects on this Tab only working when navigating backwards in the list (i.e. going tab 3, tab 2, tab 1). When I run forwards through the list of tabs, the effect does not work and it just jumps between the tabs like no effect is specified. The tabs can be found here: http://www.paulbraham.com/new_test/#content=2 Also, my site uses the Jquery BBQ plugin to
Dialog box show/hide duration setting issue
How would I specify the duration of the effect in the show and hide lines below. The code I insert breaks the js after I set modal to true. $('#dialog2').dialog({ autoOpen: false, bgiframe: true, modal: true, show:'drop', hide:"drop", width: 700, ......................... rest of code omitted for brevity --
Load specified tab on form submit
I read this thread here: http://groups.google.com/group/jquery-ui/browse_thread/thread/e7658b6e67b0a5fe/74bd66a1792832ee?lnk=gst&q=tabs+redirect+#74bd66a1792832ee before posting, but I'm not having any luck with this... I'm a PHP programmer, not AJAX, so I'm admittedly very clueless on the whole subject. I gave it a quick attempt using PHP to determine how the tabs should be loaded, but the instant I modify jQuery(document).ready(function($) { $("#tabs").tabs(); }); to look like jQuery(document).ready(function($)
jquery tabs load event not firing
Hi, I'm using jquery-ui 1.7.2. All i'm trying to do is use the load event of the tabs and it doesn't seem to be firing. A simple test does not alert anything: $(document).ready(function() { $('#tabs').tabs({ load: function(event, ui) { alert('loaded'); //should alert here, never happens } }); Any ideas what the problem might be? Am I doing something wrong? --
External link using # Tabs
Hello, I am wondering if someone could point me in the proper direction regarding external links and tabs. At the moment I have a home page that links to a new page that contains tabs. On the home page I have used # to link to its respective tab in the external page. My problem is that when the tabbed page opens (with the respected tab open), it automatically scrolls down. Given the situation, I don't want this auto scroll to happen due to the #. I am trying to stop the page from scrolling when loading
How to embed an Accordion on Tabbed pages
Hi all, I am new to jQuery, but would like to have a set of pages accessed using Tabs. On each of the pages I would like to use the Accordion. I have created my Tabbed pages using Ajax so each one is a seperate HTML, code below. </div> <div id="index_tab_container" class="index_tab_container"> <!-- Tabs --> <div id="tabs"> <ul> <li><a href="HomeTab.html">Home</a></li> <li><a href="NXTab.html">NX</a></li> <li><a href="TeamcenterTab.html">Teamcenter</a></li> </ul> </div> </div> I have inserted the
trigger datepicker from own HTML element
Hi, is there any possibility to trigger the datepicker widget from an HTML element that haven't given previously as a picture to the datepicker dialog? I want to keep my current UI. r. Sandor --
Draggable links. (Differenciate drag and click).
hi, i've used jquery ui to make the trigger of a overlay(made with jquerytools) draggable, but now when i drag the trigger the overlay always open. there's a way to make overlay open only when the trigger is clicked but not dragged? http://www.offumac.com/ (i'm really sorry for my bad english :( ) --
How to set localized version of datepicker
Hi guys! I've got a problem with JQuery UI 1.7.2, in the datepicker widget to be precise. I need to set it so that the calendar is displayed in italian, and I tried to follow the example on the website but it didn't work. I tried to do $.datepicker.setDefaults($.datepicker.regional['it']); but no effect. I noticed that in the source of the jqueryUI file there is no such array, only regional[''] is defined! How can the example on the website work? Am I missing something? Also, where can I find the
pb with datepicker
hello, I made a little mistake ... I've posted this message on Developpers board ...sorry and sorry for my bad english... i have a problem with datepicker when i use this code $('input').live("mouseover", function() { //alert ('yo'); //tous les input avec la classe deviennet des calendar if ($(this).hasClass('datepicker')) { $(this).datepicker({ showOn: 'button', buttonImage: 'images/calendar.gif', buttonImageOnly: true, numberOfMonths: 2, showButtonPanel: true, altFormat: 'yy-mm-dd' }); $(this).datepicker('option',
JQuery UI in Multilingual website
I am using JQuery Drag n drop, tabs, dialog boxes etc in my Stock trading application. its functioning fine in ltr css direction. the problem is all the Drag n drop operations are handled through, relative absolute positioning and handles Left, Top property of the css to handle widgets place. i want to enable this (drag n drop) functionality in rtl css direction too. please let me know if there is already a support available in the Jquery 1.3. or any suggestion to optimize the solution if i have
Themeroller not packing the themes?
I have been trying to get a themeroller custom theme download this afternoon without any success. I always get the Smoothness theme packaged in my download. Tried with FF 3.5 and IE 8. I was able to get theme packages many times before today. Is something broken? I also noticed that that download button gives a 716k file while the top link in the quick downloads gives a 720k file. Both have smoothness but named as custom-theme and smoothness respectivelly. Thanks for any advice. --
uploader
i love using jquery, but for uploader i head to use mootool (fancy uploader) for uploading multiple files at once, but i just saw uploader api on doc, but its not done and the demo i saw from a member link, it seems like you cant do lots of things with it, like we can do in fancy uploader. also thread here for uploader is 2 years old, im guessing no one is working on it anymore. anyone know why and whats going on with uploader? --
Next Page