Having problems getting this working in Drupal
I freely admit I am complete noob to JQuery and lesser noob to Drupal now :) So here is what I have: Drupal Modules: jQuery_ui and jQuery_update downloaded from Drupal modules site. Came here and whipped up a custom Theme to try out and did full download. As per the REAME.tx... 1. Copy the jquery_ui module directory to your sites/SITENAME/modules directory.......SUCESSFUL 2. Download the "Development bundle" of jQuery UI from http://ui.jquery.com/download....SUCCESSFUL 3. Extract it as a sub-directory
dialog scrolling bug in ie6
when the size of content in dialog is large, and is overflow, but there is no scrolling bar at the dialog in ie6. in ff, there is bar appeared, and works ok.
How to have a function to call the progressbar with out hardcodding
Hi I am using the progress bar functionality but I will have a lot of progress bars on a page. What I am doing right now is hardcodding all the div ID's which is fine if I have only two or three progress bars... I will have around 30 or so on one page and I need a function that I can call and I pass it with the id of the div and the value for that bar. Any help if there is something like this? Regards, Zahid <script type="text/javascript"> $(function(){ // Progressbar 1 $("#progressbar1").progressbar({
Using Accordion different CSS definitions in header lines
Hallo *, using accordion with header and content lines I would like to chang the look and feel concerning to the rest of my homesite. I use addClass and it works in the content of the accordion. But in Headerlines I could not change the color. Following I try out: in CSS file: .accordion_header:hover, .accordion_header:active, .accordion_header:link, .accordion_header:visited { font-weight:normal; color:#00ff00; text-decoration:none; } in HTML file: $("#accordion_1 h4").addClass('accordion_header');
centre aligning the tabs
I have tried centre aligning the tabs using #wrapper #tabs ul{ text-align: center; } This did not work Has anyone managed to do this Any help is much appreciated
how to streamline my code with Event Delegation?
i'm sure the jQuery i'm using below is very ineffiecient. the only syntax that changes are the numbers in the names of my IDs and my variables - and even they're matching. everything else is constant. i'm told that "event delegation" is the answer, but cant rewrite the code appropriately (i tried, but just made a mess of things - rookie). so could someone kindly show me how to streamline the the below with event delgation. thanks. jQuery: $('#link01').click(function(){ $.get("myPage.asp",
minDate on DatePicker is 1909?
Hello, It does not seem to be possible to set the minDate of DatePicker to anything earlier than 1909 yet we can't find anything in the code that sets this. Can anyone confirm/refute this limitation? We are using jquery-ui 1.5.3. Thanks.
how to change in dataTimePicker
i wont have some changeing in dataTimePicker that when i click on image the calander will popup . and after selection the date it will be shown in textbox . how i can do that ?
Disabling JQuery UI themes.
So I want the functionality of JQuery UI (e.g. tabs, sliders, dialogs) but I don't want the design that comes with the themes. Even the "no theme" theme has design elements in it. Moreover, is it possible to apply themes to some elements (dialog) not others (tabs)? Thanks, Dylan
Will the size of a Dialog automatically grow or shrink
Hi, all If I don't specify the size(width and height) of a dialog, will it automatically grow or shrink after I put an html element in it?
Dialog memory leak in IE work around - why does this work?
I have a large table with many radio buttons. A double click on a radio button brings up a UI Dialog with data obtained from the server through a AJAX call. Running this with IE6 or IE7 showed a big memory use increase with every dialog box, which made the app not usable. The Dialog was the only JS used on the page so the code looked like this: $(document).ready(function () { // Set up the div for the dialog box on radio button click $("#mess").dialog({ autoOpen: false, title: 'Case Details', modal:
use slider to change values in the image graph
Hi, i am using multiple sliders, and values on sliders are passed to the image graph. Once page submitted, the values are submitten on MySQL and after data retrived for the image graph using PHP. is there any way to use sliders and as the values change, update image graph values and then submit to the database? thanks!
Accordion - posiible to enable event propagation?
jQuery UI Accordion is stealing my events! Is it possible to re-enable event propogation from events that activate Accordion? I have an accordion menu that reacts to clicks, but the clicks are not bubbling. I want the click events to propagate out so that I can pick them up on the menu's wrapper or have them picked up by the browser. Is there an option or a workaround to enable this?
How to get the UI.draggable Scope
Hello, Back again.. with another draggable type question. How do I get the actual value of the scope from the draggable element, I'm using the following : var scope = $(ui.draggable).draggable('option', 'scope'); alert(scope); However, that brings back an [object Object] - now, I think I'm being a bit thick here... but I've tried .val() and .Val() with no joy... .. if anyone could give me a poke in the right direction it'd be really appreciated. TIA, Paul Hutson
Not able to jqGrid and jquery lightbox plugin in a single page
Hi, I am not able to use jqGrid and jquery lightbox plugin in a single page. Its shows an error i.e. Lightbox was not able to find it's javascript script tag necessary for auto-inclusion. What does it mean ? Can someone help me ? Thanks Devesh M
about "JQuery stop drag option"
i have created some images draggable(dynamically by reading from a directory and giving them dynamic ids).i have applied many options on those such as invert the picture,rotate it etc. now,i want to CROP those draggable images.to do so,i have to cancel the dragable option applied before.how can i stop this draggable option in jquery??(i'm novice in jquery) several images r in a div and each image has the class "ui-widget- content",not the div. i tried to change the class name of those images.by changing
Use Selectable to Color a Grid
I am trying to create a grid where the user can paint cells different colors. They would basically choose a color from a palatte then use the jQuery.selectable to choose a bunch of cells and then voila, those cells would be the color from the palatte. Right now I have the selection working, but I can seem to intercept the event after the user has chosen the cells so that I can set all the cells to my own custom css classname (matching the color from the palatte they chose). The cells always revert
Multiple Selectable solution
Hay, anyone can help my problem. I have 2 selectable like this : <ul id="selectable1" class="selectable-continue ui-selectable"> <li>select1</li> <li>select2</li> </ul> <ul id="selectable2" class="selectable-continue ui-selectable"> <li>select3</li> <li>select4</li> </ul> <script language="javascript"> $(document).ready(function(){ $('.selectable-continue').selectable(); }); </script> why they can sparate selected, i make that class selectable . So when select1 selected and go to select3
dragable + sortable: modify cloned dragables on drop
I am kinda confused, and stranded. If i create dragables with clones and drag them into a connected sortable i can't find a way to get/interact with the objects clone. dragable: stop: function(event, ui) { ...} nothing in "ui" points at the clone.. sortable however doesn't seem to offer a way either... recieve: function(event, ui) { ...} again "ui" doesnt point at the clone anywhere.. :(
Jquery Droppabe Div with postion fixed
I'm running some tests on an idea for a project. It seems the draggable spot does not changed when I scroll with the browser. Because im using a div with position:fixed, it's always in the same position at the user screen, but the drag & drop only works in original position. Any thoughts? Thanks, Leonardo
Using DatePicker in with ASP.NET MVC RC1 getting this error
Got the latest download jQuery 1.3.2, UI 1.7. I followed the demo example from datepicker folder. I get following error in IE "Microsoft JScript runtime error: Object doesn't support this property or method" In Firefox I don't see any datepicker image or nothing happens. I can use the html demo version in IE it works great. Code: Under my Ready function <script type="text/javascript"> $(document).ready(function() { ................. ............... $("#dateField").datepicker({ showOn: 'button', buttonImage:
PB Wiki emails dishing https links which fail
Head's-up, just kick me if you know this already, but sometime in the past few hours the PB Wiki e-mail notifications started containing https-protocol links and those links are failing due to the certificate. Manually changing the link protocol from https to http works. So I'm guessing this is a recent config issue...
Linking
Hi, I am quite new to jquery and have figured out my first accordion that works! The content was so large that it is broken down into sections. However, the client would like the sub nav menu to link to each section. How would I go about doing this? Any and all help would be appreciated! Thanks much. Letty
Position Dialog with x, y coordinates of parent container or view port.
Hi all, I am new to JavaScript and JQuery UI. I am trying to figure how to set a specific position for the dialog box. I would prefer to be able to set it relative to the container "<div id="main">" that it is in; with a position of 10px from the top and 10px from the left. According to the JQuery UI website you are supposed to be able to do it through an array "an array containing a coordinate pair (in pixel offset from top left of view port)." Unfortunately, I am not sure how to write the array.
UI Tabs "flickering" - delay in hide class
Hi, I'm just trying out jQuery (& javascript framework's in general) for the first time so apologies if I come across as naive. I'm trying to implent the UI/Tabs widget and running into an issue that as far as I can tell from forum activity (or lack of) no one else seems to be suffering from: When a user clicks between tabs any content below the panes very briefly flickers where the panes are. I applied a slow opacity fade to the interaction and it showed that the panes actually collapse for a brief
[accordion] accordion with click event trigger, deactivates links on children - how to re-enable child links?
I have a simple two-level menu utilizing the accordion and want to change from event:mouseover to click as the trigger to open the drawers. The problem Im having is that this change converts ALL links in the menu, even children, to return:false and all links are disabled. I understand that the main level links cannot do 2 things, but can re-enable the children links? I investigated the navigation option and navigationFilter but cant make sense of it- is this how I would configure a filter to re-activate
need to get options from an event handler
need to get options from an event handler I have an event handler to a created select list within my widget. However the this variable becomes the select element which means that I can no longer use var o = this.options; to get to my variables. How do I refer to my stuff ?
modifying easing options
I am trying to modify the duration of the animation on an accordion. I was able to use the following to modify the 'open' portion of the animation, but the slide up is still default speed- how can i add another option to slow the slide up? $.ui.accordion.animations.easeslide = function(options) { this.slide(options, { duration: 1000 }); }; Thanks!
Multiple Calls on click inside of div
Ok, hopefully this one is easy and I just dont understand how it is happening. I am using the following code to catch clicks on links inside of my tabs. <script language="javascript"> $.listen('click','a',function(e){ var pos = strrpos(e.target, '/') + 1; var goto = substr(e.target, pos); $.get(goto, function(data){ $('#ui-tabs-11').html(data); }); return false; }); </script> It works, but only just. When you click on a link, it fires off a lot of calls to the new page, not just one to get the data
ThemeSwitcher + Cookie
Hi Guys, I was able to implement the themeswticher with some of my own themes, by following another post here. The only issue I'm having is that the cookie isn't saving out the theme. So when I close the browser, the theme goes back to default. Is there something I'm missing?
Having Trouble with Dialogs + IE6
Hello, I'm having some issues with JQuery UI 1.7.1, dialogs and IE6. In one function, I change the content of the dialog and open it. This results in a dialog having buttons that cannot be pressed, text that cannot be selected, etc. below is code for populating and opening the dialog. $("#modulePopup").html(returnHTML); $("#modulePopup").dialog("option","title",findHidden(returnHTML)); if (!$("#modulePopup").dialog("isOpen")) { $("#modulePopup").dialog("open"); } Thanks
Opening A New Page, From A Tab
Quick question I would like to use tabs as my main navigational tool on a site I am working on. The functionality I am using currently is both the standard tab functionality (each tab pointing to a div) and also the AJAX functionality. However, I need to load other pages, from tabs, which also contain tabs. For example: Page 1 has 5 tabs. In one of the divs, there is an a link which takes me to Page 2. Page 2 contains tabs. Once of these tabs links back to Page 1, using AJAX. The problem is that
Setting Default Tab Via URL
Hello, I am very new to JQuery but am finding it very powerful and useful. I am building a website which uses JQuery tabs. I would like to be able to set which tab is selected when a page is loaded, dynamically, via the URL. For example, I am on page A and click on a certain link. This loads a new page, page B, which has JQuery tabs on it. I would like tab 2 to load. However, I might load page B from page C, at which point I'd like tab 3 to load. Is this possible? Thanks
1.6rc6/1.7 Tabs not displaying correctly in Firefox/Safari
Now that I have tabs working, I seem to be hitting a compatibility issue with Firefox and Safari. I have captured screen shots from both Firefox (the same problem exists in Safari) and in IE7 (where it works fine). I cannot find mention of this anywhere else, so before I go digging into the CSS I was wondering if there is a known solution ot the problem. The issue is that the tab container seems to expand to about 1/3 of the available space in Firefox and Safari. In IE it only is the size of the
Dialog Callbacks dragStart drag dragStop not working
Hi, Iam a newbie to Jquery UI. I have been playing around with Jquery UI dialogs. Iam trying to write callback functions for dragStart,dragStop,drag and none of these callbacks are fired even when i do a drag operation. Would Appreciate if someone can help me overcome this issue Thanks Tom
Inconsistent Heading underline in Accordion with Smoothness with FireFox
In the accordion using the smoothness theme, the default div, and every other div (i.e., odd numbered sections), have a border separating them from the content. The other divs (i.e., even numbered sections) do not have a border. This problem only occurs in FireFox.
Carousel with Safari
I'm creating a modification of the carousel, and it works fine in FireFox and IE6 but not in Safari. My modification is to use a sub-UL list under each li.item; I am interested in browsing a long list of links in an attractive way without cluttering the screen. The ul li and a links display as blocks. The problem is that Safari 3.2.1 does not display the yui-skin-sam controls; the widget expands across the screen completely, with the grey controls background displaying to the far right, beyond their
DatePicker position:absolute issue
Hi, I am quite new to JQuery and the JQuery UI, but I have to say that I am really impressed of what I have seen until now. But I still have a little problem with the Datepicker which I tried to use. When positioning the Datepicker's input in an absolutly positioned div the Datepicker is rendered anywhere but not below the input. So how can I make the Datepicker render down the input? Or can I tell the Datepicker by some kind of positioning option where to render? I am using JQuery 1.3 and JQuery
accodion and flash with firefox
I have an accordion website and added a flash to a accordion content tab in a div. used swfobject too. the flash loads and views wonderful in safari and ie. however in firefox the flash is alligned under the tab and stays on the page when the tab is closed. when the tab is opened it slips or renders back into the content where it is surposed to be. i am assuming it is a firefox bug and need to add a code to keep the flash content in the tab on close. any help would be appreciated. i have tried wmode
Adding A Tab Programmatically (in UI TAbs)
Hi folks... i been poking around in the documentation and can't seem to get my head around what seems to be - or should be - a fairly trivial task : ( for a tab-based appo My problem is this.... I have a tab set that is dynamic ( I want to be able to add or delete tabs at will ) using UI Tabs so basically HTML sumtin like this <div id="tabs"> <ul> <li><a href="#tabs-1">Page 1</a></li> <li><a href="#tabs-2">Page 2</a></li> </ul> <div id="tabs-1"> Page 1 Stuff goies
Next Page