override context in jquery-ui?
hi! i posted yesterday, and have looked a bit further, perhaps i can be more clear today. i'd like to specify the context in which jquery-ui will live. for example, i can init jquery: new jQuery.fn.init (selector,context||example.doc); where example.doc is the page (document). this is important, because i'm calling jquery from a firefox extension, such that the browser.xul file would be the default document, otherwise. is there any way to do this in jquery-ui, or has anyone successfully done something
Error loading jQuery UI
Greetings, I am fairly new to jQuery and jQuery UI. I have got jQuery 1.3.2 working in Drupal 6.10 using the jquery_update module. Then I added jQuery UI 1.7.1 using the jqp module. When I load a page that loads jQuery UI, I get an error in the FireBug console (which I use under Firefox 3.0.8 for debugging my project), I get an error in the console: $.widget is not a function https://.......umich.edu:2443/sites/all/plugins/jquery.ui-1.7.1/jquery-ui.js?2 Line 910 That happens when I use the development-bundle/ui/jquery-
jQuery UI tabs: show struts action response in the current tab panel and switch to another tab
Hi, I am trying to use UI tabs for create tabs for something like this: Tab1:Tab2 Here is the problems I came across: 1. I want to show the struts action reponse in the current tab (let's say Tab1). However, the response is shown as a full page in the browser. can someone post sample jQuery code on how to make this happen? 2. If the struts action throws an exception and the struts action form validation fails, I want the response (error page/form validation errors, etc..) to be shown in the current
Anyway to do this?
I'm trying to set up an accordion so it changes the main content of a page when a header is clicked. From what I have been reading, it seems this isn't as simple as just adding a link to the content. However, I was wondering if it is possible to simple hide parts of the content on the main page and the unhide it when the appropriate header is clicked? Either by using some CSS trickery to hide content till it was needed (In a similar way to how CSS tabs are done) or using J-Query to do this - in a
a problem is ie6 with accordion
just use the demo page index.html at the jquery ui package download from jquery.com. you can see the problem. the javascript code is blow. $("#accordion").accordion({ header: "h3",autoHeight:false }); the accordion conent is <div id="accordion"> <div> <h3><a href="#">First</a></h3> <div><a href="#">testlink</a>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div> </div> <div> <h3><a
How to remove the resizable() bottom right icon?
Hi, The question should be simple: how would I remove the icon in the bottom right of a resizable()? Another question, how can I increase the hitzone size of it? I can modify the size values of each corner and edges from the .css file, but those do not affect the icon...
Is this an issue for sortable?
I think I encounter the same problem with this old post. http://groups.google.com/group/jquery-ui/browse_thread/thread/2bce45d8dff703c0/ac78b7999bc75682?lnk=gst&q=google+gadget+whole+page#ac78b7999bc75682 Right now, I am implementing a project like iGoogle, it allows user to drag-drop widgets in three-column layout, and allows user to retrieve the last saved layout. My current status is I can drag and drop, and can show the widget box (just border and frame) after user login. So what I did is to
Hover event while dragging
I have some collapsed panes which are expanded by hovering over them. When these panes are expanded, you can drag elements (table rows) between panes. I've having an issue where if 1 pane is expanded and you drag an element from it to a collapsed pane, the hover isn't recognized. It seems like the hover/onmouseover event doesn't recognized the mouse during a drag. Are there any solutions to this? Thanks!
Check of selected jQuery tab
trying to check the selected tab index here. Not sure why my way is not working but also wondering if I could use the "this" object? I know the line to change the image works, because I've seen it change but can't get the check for selected to work when I click on a tab so that only the right image changes. var selected = $('#tabs').tabs('option', 'selected'); $('#tabs').tabs().click(function() { if (selected == 0) { $('img#FormContenTab').attr({ src: "/Content/Images/Product/tabset1_per_on.gif"
Check of selected jQuery tab
trying to check the selected tab index here. Not sure why my way is not working but also wondering if I could use the "this" object? I know the line to change the image works, because I've seen it change but can't get the check for selected to work when I click on a tab so that only the right image changes. var selected = $('#tabs').tabs('option', 'selected'); $('#tabs').tabs().click(function() { if (selected == 0) { $('img#FormContenTab').attr({ src: "/Content/Images/Product/tabset1_per_on.gif"
Check of selected jQuery tab
trying to check the selected tab index here. Not sure why my way is not working but also wondering if I could use the "this" object? I know the line to change the image works, because I've seen it change but can't get the check for selected to work when I click on a tab so that only the right image changes. var selected = $('#tabs').tabs('option', 'selected'); $('#tabs').tabs().click(function() { if (selected == 0) { $('img#FormContenTab').attr({ src: "/Content/Images/Product/tabset1_per_on.gif"
code review
I'm not new to web development or javascript, but am relatively new to jQuery. I'm wondering if someone would be willing to quickly review the following code for efficiency and best practices. The function works as required, but I'd like to take this as a learning opportunity. In a nutshell the code initially hides two divs onload and then the function shows/hides the state/province divs depending on the value of the country dropdown. I want to keep the code readable, but I know it could be tighten
Containment change
I'm changing the containment option of a draggable elem. while it is dragging, but the movement restrictions are not applied if I don't start the drag over..... is there a fix? or a function to update dimensions? I'm changing the containment option within a callback of keypress event, if that matters.... Thanks!
Can I tweak the CSS behind jQueryUI?
I just implemented the jQuery tabs. It came with a color scheme I do not like. And I don't want to use any of the theme rollers. We have very specific needs in that we only want our images to show up as the tabs which they do, but the CSS inherited from this plugin is grey and has rounded borders, etc. We don't want borders or background colors behind any of the jQuery tabs functionality. I am not sure if it's possible to modify the CSS that's behind this? Or if so how or where could I do this? One
ThemeRoller problem
I have a custom theme all ready to go, and when I click download, it takes me to the build your download page... and when I try to download, it gives a garbage file.... it won't unzip. Anyone else having an issue?
DatePicker question: code works remotely, but not locally
Hello; I have a newbie question. I want to include only the JQuery UI DatePicker in my application. When I write my Javascript code to refer to the JQuery UI libraries hosted at jquery.com, everything works fine. The relevant javascript source looks like this: <link type="text/css" href="http://jqueryui.com/latest/themes/base/ ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="http://jqueryui.com/latest/ jquery-1.3.2.js"></script> <script type="text/javascript" src="http://jqueryui.com/latest/ui/
problem with jQuery
Can u help me with this? I am new to jQuery and I cant able to run jQueryUI. heres what I did.. I downloaded jQuery UI from http://jqueryui.com/download (thats all nothing else!) and then extracted it into a folder. Then I tried the index.html file in the extracted folder which runs fine, telling me that everything is good. Now I decided to write my own code to test the UI, heres what I did... ----------start------------------------------ <html> <head> <title></title> <meta content=""> <link
Dialog title bar not sized correctly in IE when width: 'auto' applied to dialog.
I am using jQuery UI 1.7. The title bar in the dialog is not being sized correctly in IE when the dialog is initialized with width: 'auto'. It is compressed down to the length of the title text and then overlaid by the close button. As soon as you give the dialog an explicit width, the problem goes away and the title bar is sized correctly. Anyone else seen this? Is the problem ticketed and / or resolved?
Submit button in a UI dialog box not submitting properly
Hi, I am working on a CMS project that is within a Spring/Velocity framework. I have a form that calls some information from a page to be edited. When the fields are edited, the user will click on a save button, which calls up the ui dialog box, asking if they are sure they want to save. In this dialog box, I have the submit button for the form. This form works by sending the name element from the submit button to a java page controller, which then saves the information back to the file that was
Help: Textback in sortable, Cannot select text
Hi guys, Absolutely awesome stuff, but I encountered a problem. I have a asp.net textbox inside a sortable ul li. For some reason users cannot select the text inside the textbox. Thanks Daniel
Get active accordion pane
Hi there ... I'm trying unsuccessfully to grab the id/index of the active pane of an accordion widget. For example, using the example.html file that came with jqueryUI, I have: $("#accordion").accordion({ header: "h3"}); <h2 class="demoHeaders">Accordion</h2> <div id="accordion"> <div> <h3><a href="#">First</a></h3> <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div> </div> <div>
effect for tabs
Hello there! How can I put a slide-effect on my jquery-tabs? I am using the jquery UI. So in the <head> section I have: <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/jquery- ui-1.7.1.custom.min.js"></script> And in a seperate scripts.js I have: $('#tabs').tabs(({ fx: { opacity: 'toggle'} })); How do I change that so that the tabs slide in / and out? Kind regards Arnold
effect for tabs
Hello there! I am trying to add an effect to the tabs from jquery UI. In the <head> section I have: <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/jquery- ui-1.7.1.custom.min.js"></script> In a scrips.js I have: // Tabs $('#tabs').tabs({ fx: { opacity: 'toggle' } }); How do I add an effect like 'blind' to my tabs? Thanks in advance, kind regards, Arnold
jquery ui in firefox extension
hi! i'd appreciate just a little advice, if someone has an idea: i've embedded jquery in a firefox extension, by including it in the overlay.xul file, and then initing it in my overlay.js file: $ = function(selector,context){ return new jQuery.fn.init (selector,context||example.doc); }; $.fn = $.prototype = jQuery.fn; method described here: http://stackoverflow.com/questions/491490/how-to-use-jquery-in-firefox-extension this works great! i'm working, now, on making jquery ui available to the extension.
I wonder how to retrieve the list of ID when adding drag?
Hello, Small issue? I am based on the example ui.sortable / draggable (http://jqueryui.com/ demos/draggable/ # sortable) I wonder how to retrieve the list of ID when adding drag? Because I serializes the result I am back with the ID placed in drive, but the addition is not incremented, it is an ID base I think at the time of the clone should happen to give an id to add the item, but I do not know how the vote ... So how can you add to that this increment ID to become unique and apply to these children?
dropdown menu gets behind jquery imageslide
hello. i got a jquery dropdown menu above a jquery image slide. thing is the dropdown get behind the banner on expand. is there a way to make the menu get above the banner? i been thinking of changing the banner to a flash banner, it provides the same problem but from what i read it have a solution to the problem tho. but really want to avoide that because this jquery slide is so nice. I apriciate all help i can get.
draggable/ sortable How to increment on the items each new item?
Hello, I draw on the example of site: # http://jqueryui.com/demos/draggable/ sortable on the example: draggable + sotable This allows you to clone a basic item in a list. Each additional copy of this item basis. As against the ID remains the same, so every addition we are left with duplicates of item. How to increment on the items each new item? and also how to manipulate the content of the new item to manage the other containing the ID? Thank you in advance for your ideas is tracks ...
Tabs Css Question
This might be a simple question...but how can I prevent the tab css from injecting itself into my ul class elements that live on the tab page? In other words, the tabs themselves are using <ul class=ui-tabs-nav> Then in one of the tab pages we have another <ul> tag that we don't want the ui-tabs-nav to appear in? Probably a simple css question I'm hoping ;)
Datepicker in an external URL loaded by dialog
Using: jquery-1.3.2, jquery-ui-1.7.1 I have a dialog which loads an external URL. This external URL has a form, which has a datepicker. That's the idea anyway. If I place the form inline into a DIV (as demonstrated by http://jqueryui.com/demos/dialog/#modal-form) then everything works fine. Once I move the form to the external file, the datepicker will not appear. I believe it's because the jquery.js & jquery-ui.js have to be reloaded, but the external file can't have header, or the dialog won't
range slider: left handle can not pass right handle
Actually 2 problems here: 1) when the two handles overlap, clicking on right-hand side of the slider trail does not move the right handle. User can only click on the left-hand side first to separate the two handles then can the right handle be moved. 2) when dragging the left handle towards right, it can't pass the right handle. Can we make it a customizable option so the user can control if this behaviour is allowed? (most of the time i think it should be allowed for a better user experience) Hope
Sortable helper in completly wrong position in IE6
First of all, apologies for my 3rd Sortable realted question today but I'm tearing my hair out trying to work it all out. I've got most of it working but have just spotted a big problem in IE6. When I start do drag a portlet the helper seems to jump to an odd position. It seems to be related to the scroll position of the page. If the page is at the top it behaves correctly, but if I move the scrollbar down 200 pixels the helper appears 200 pixels above where it should. 500 pixels down the page and
Accordion Headers (without content)
I'm a designer, not a developer, but I've gotten the accordion script functioning across the browsers/OSs that I need to. My only problem is this. One of my accordion headers has no subconent, like this HEADER 1: -content -content HEADER 2: -content -content HEADER 3: I simply want to be able to link header 3 to site.com/header3.php, but accordion seems to use the headers as anchors and I can't figure out how to set it to link to a fixed destination instead of just collapsing back the accordion.
Overriding q= parameter in Autocomplete plugin
Hi all, not sure if this or the JQuery Plugins group is best, I've seen posts to both for Autocomplete! I want to override the q= parameter sent to the server to change the value. Currently it sends q=myquery, but I want to change it to be q=myfieldtosearch:myquery. How can I intercept what the q value is and modify it? I noticed that extraParams will add params, which is cool, but doesn't directly help me on this. Eric
saving portlet state
Using the code provided on this page: http://ui.jquery.com/demos/sortable/#portlets How can you use sortable('serialize') or sortable('toArray') to get the order of the DIVs so they can be saved? I assigned each portlet its own unique ID: <div class="column" id="col1"> <div class="portlet" id="box_feeds"> <div class="portlet-header">Feeds</div> <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div> </div> <div class="portlet" id="box_news">
Unable to select jQuery UI Dialog child from parent element via class selectors
ENVIRONMENT: jQuery 1.3.2, jQuery UI 1.7.1 Core + Dialog I have been trying to create some generic jQuery preparation functions that would setup buttons to open different modal dialog boxes on a page. Rather than hard coding the logic or dynamically generating the necessary logic, I thought I came up with a clever way. I have an element with the class "boxParent" which contains a <div> with the class "boxDialog". The "boxParent" element will also contain a button with the class of "boxButton". Whenever
Dialog title bar formatting in IE7
I am using jQuery 1.7 UI and I have noticed that the title bar formatting on the dialog is not the same as in the Mozilla based browsers. Looking at the generated widget CSS etc., it looks as though the bottom margin on the span.ui-dialog-title is being collapsed due to the fact it is floated left within the title bar. There are likely a number of "fixes" that could be applied to correct this, but I opted to remove the 0.2em bottom margin on the .ui-dialog- title and add that to the padding on the
how do I prevent interaction classes from affecting nested icons?
Hi I'm afraid that the answer to my question is: "Can't be done." But here goes: I'm building a widget that uses a header (.ui-widget-header). The header receives hover style on mouseover (.ui-state-hover) and affects an icon (.ui-icon, immediate child of header) which is re-styled by the interaction. So far so good. Now, inside the header there's a div (to receive the hover class independently) and inside the div is *another* icon div (.ui-icon.ui- icon-close). My problem: I don't want this icon
UI Tabs 1.7 Invalid argument on IE 7 and 8rc1
Hi, I have recently upgraded a site to jQuery 1.3.2 and UI. 1.7 and I am now getting an Invalid Argument error on a page which has UI tabs in use. I am using the basic theme including all css files. I have also noticed that this error also appears at the following url: http://jqueryui.com/demos/tabs/ which would suggest it is not a problem with my code. Is there a fix available for this yet? Many thanks, Dave
Keeping a dialog *almost* on top
I'd like to be sure a Superfish menu is always visible, even above a UI Dialog element. I'm guessing the Dialog plugin checks to be sure its z-index is always the highest, and I wonder how I might change it to settle for being second-to-the-top instead of the very top element. thanks, Paul
Modal dialog closing
Hi i'm trying out the Dialog Modal form example as seen on http://jqueryui.com/demos/dialog/#modal-form but every time i click the 'Create new user button' the modal form comes up up ok, but then it just closes. I downloaded the lasted version of jquery plus the UIs with all the events and all. Oh, by the way this only happens in Firefox. It works great in IE7. Can anyone tell me wat is going on?
Next Page