dialog Error - ui1.8b1
Using minified 1.4 and with unminified 1.8b1 $('a.make_provider_offer').click(function() { $("div#makeOffer").dialog(); return false; }); this.element is undefined this.element.bind("remove." + this.widgetName, function() {
Why does the content of one tab get appended on to the content of the previous tab?
I'm attempting to make a round trip to the server to be able to modify the HTML on a tabbed content container according to the user's response. When I make the round trip to the server the HTML is appended and the previous tab's content is not cleared. If I do not make the trip and allow jQuery to get the correct <div> then I see only the HTML from that tab. The script and the style is the same for both instances. <script type="text/javascript"> $(function() { var $tabs = $('#example').tabs();
Best practices for 3rd party UI plugins
Is there a document or workflow describing the best practices for developing 3rd party plugins, for example how to setup test directories , Qunit , names spacing, and using the widget prototype Is there any 3rd party UI plugins that set themselves apart as great examples? Thanks Justin
floats in jquery ui sliders ?
Hello, im using the sliders of jquery ui and i have a question regarding the usage of range of numbers with floats, suppose you have a min of -1 and a max of 1 , and i need to get the slider to work with the floats of the intermediate values of that range -1 , -0.9, -0.8, -0.7 ... 0 , 0.1, 0.2, 0.3, ... 1 is this possible with sliders ? thanks for your time
JqueryUI on github
I heard (podcast or something) that jQuery is moving to gitub.com, has that happened yet? If so what is the repo called , otherwise when is that scheduled to happen ? Thanks Justin
Where Do I download this from please?
Where Do I download this please UI/API/1.8/Datepicker
Draggable Table with Sortable List
I have a table where one of the <td> columns is draggable. I have a list which is sortable. I want to be able to drag items from the table and add them to the sortable list. I can do this, however the <td> gets added to the list as a <td> which isn't ideal. Is there way to convert the td to an li so that it works within the list correctly? Hope that makes some sense!
Draggables, Sortables and Scrolling DIV problem
I have to UL elements with many LI elements, they appear side be side. The items on both side can be long and may scroll. The left side is a library of items, they are draggable. The right side is a subset of items selected from the left, this is a sortable list. I use the connectWithSortable option with my draggables on the the left so I can add them to my list on the right (the right side of course can be reordered by it being sortable). My problem is, is when my sortables (right side) is too
I am New Can Someone Help Me Please With this issue
Alright guys I am hoping that you can help me.. I know it might sound really stupid to you, but please help :) At the moment I am looking for a date/calender picker. The sole purpose of this calender is to record the date, and then have the date displayed somewhere else on the site.. Firstly I am using a php membership script. I would like the date/calender picker to appear on two pages on the script 1) The Add Products Page - To allow me to choose a date to make the product appear on
animate size to top right
Hey there, Sorry for a probably dumb question. I'm using the animate jQueryUI effect to change the size of a div layer. However, I can not change the direction to the top right corner. The div changes the size to the bottom right corner. Don't know if this was clear enough. basically, I want to know how to change the direction of the animate effect when changing the size. :-) Thanks, Niko
Is it possible to cancel a draggable in "drag:" callback?
Hi all! I want to cancel a draggable in one of its callback functions ("drag:" in this case). Is this possible? After reading this ticket: http://dev.jqueryui.com/ticket/4145 i tried this code: $("#switch a").draggable({ axis: 'x', drag: function(e, ui){ console.log(ui.position.left); if(ui.position.left>0){ return false; } } }); But that's not working. Any ideas? thanks a lot in advance!
ui tabs and floating div height problem
Hello, I am not sure if this is a css bug or jquery tab bug. But I'm going nuts trying to figure it out. The page is a striped down test page that contains a simple two column css div layout. Here is the page code: <div id="wrapper"> <div id="rightside"> <br /><br /><br /><br /><br /><br /><br /><br /><br />rightside<br /><br /><br /><br /><br /><br /><br /><br /><br /> </div> <div id="leftside"> <div id="tabs2"> <ul> <li><a
Using Slider with Times
I want to use the double slider for people to be able to select a range of time for example from 5:30AM to 8:30PM. I am not clear how I can do this short of typing out all of the possible times. It would be nice to be able allow them to choose down to the exact minute. Thanks.
Error when adding tab in child window.
Hi guys, running into a problem after upgrading. My app launches in a new window with tabs, and then adds different tabs on load depending on a few things. It works fine in old version, but new version is causing a JS error on laod. Strange thing is if I refresh window, the screen loads fine. Tracked the error down to (line 4792 ish): ajaxSettings: { url: location.href, global: true, type: "GET", contentType: "application/x-www-form-urlencoded", processData:
Hijaxing does nothing.
Hi all, I'm developping a website for a client with jquery ui tabs. I read that if you want links inside an AJAX loaded tab to open in the same tab you have to "hijax". I've found the following code. I've put in some comment from debugging using Firebux: $("#tabs").tabs({ load: function(e, ui) { $('a', ui.panel).click(function() { //i get here when a link is clicked (good thing) var test = this.href; // the test var gets the attribute href from
Using datepicker after a PHP query
Hello everybody, I'm trying to deploy jQuery DatePicker in my system, but I had some doubts. I have a database with various events (with a date), and I'm trying to make the calendar let it marked all the dates that these events have, for the user and click on the date to see the events of their day. But I have ideas how to do this ... someone help me? I dont know how to deploy a PHP query inside a jquery script (when the user click on some date, search in the database, and returns a div with the
[Datepicker] Defaulting week in the future
Hi- Is there any way to default the starting value of the datepicker to one week in the future? Thank you.
Multiple dates highlighted [jquery datepicker]
Hello everybody, Im using a jquery calendar to bring some events related to my site and click on the dates using the "onSelect" works perfectly (i have a database with some events with dates). But I would like that to open my site some dates are already "pre-selected". I already have an array in PHP with these dates. I would like to move to the datepicker do the rest! can you help me? :) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Passing a variable with tabs IE6 problem
I have tabs that gets its content via ajax. In order to decide which view to use (using wordpress), we add a variable to the url like www.url.com/link?var=tabcontent. Then we detect whether or not $_GET detects the variable to decide to display it in our tab styling, or our regular post styling. This works with everything but IE6. The js we use to add on the url is: var myVar = '?var=tabcontent'; document.getElementById("link1").href += myVar; Is there a way to pass this variable and make tabs work
JQuery UI Dialog with Repeater
Hi, I really wanted to get the JQuery UI Dialog working with repeated items so i didnt have to use the ajaxconroltoolkit for a modal popup. I can get individual examples to work, but when i have multiple popups on the same page i get in to trouble. I want to have a repeater of records on the page, then use the UI Dialog to edit. so popup the individual edit div and then be able to save the changes. My problem is trying to popup the correct div. I created a demo file to show my problem.Test.htm I
datepicker z-order
I am attemping to use the datepicker control on an overlay, and the control is appearing behind my overlay. how can i set the z-order so it appears at the top layer?
Trying to have flash swf control Accordian widget
I've only been using JQuery for a couple of days now, and need to have a swf file control the accordian widget on a page. There are 6 accordian areas containing a table that I am trying to control via a Flash movie above it. Any help would be greatly appreciated.
Problem with Sortable + Live
Hi guys, i have a problem with this sortable list, <div id="lista"> <ol> <li class="ui-state-default"> 1 </li> <li class="ui-state-default"> 2 </li> <li class="ui-state-default"> 3 </li> </ol> </div> when i refresh the list with ajax, sortable no work. $("#lista").sortable(); // $("#lista").live("sortable", function(){}); - no work. I'm using jQuery 1.4.1 and jQuery.ui.1.7.2. Any idea?
jQuery UI Dialog: Having trouble with events.
Hi there! My first post! Kinda new to jQuery and jQuery UI so please bear with me. I have a little problem using jQuery UI Dialog. Here's the part of my code where i did this: $().ready(function() { $('.delete').mousedown(function(){ wid = $(this).attr("value"); $("#dialog-2").dialog({ bgiframe: true, resizable: false, autoOpen: false, height:140, modal: true, overlay: {
UI - Tabs - Ajax Mode
Hi, I'm trying to use jquery in my project. On a page, i use UI Tabs (v.1.7.2) in Ajax Mode. When i click on a tab, i want to load a content. This content use jquery functions placed in parent page and do some php instructions (include_once ...) too. I don't why but my content don't load in the tab. I read the issue is binding event ( http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F ), but i don't know what it is and how use it. My parent page
Issues with jQuery UI modal dialog.
Hi, I am using the modal dialog box to load an external page to return a movie file based on a URL variable. First off, i am initialising the dialog box, like so: trainingmovies/index.cfm <!--- Movie Popup ---> <cfset variables.dialogBoxSettings = "{bgiframe:true,height:788,width:1020,modal:true,resizable:false,title:'Play Movie',draggable:false,autoOpen:false}"> <div id="movieDiv" style="display:none;"></div> <script type="text/javascript" language="javascript"> $(function(){
jQuery Sortable Portlets - BBC Home Page
Hi there I am trying to replicate the sortable portals design, seen on the bbc home page , using the Jquery.I have used the code from the jQuery ui site to recreate the drag and drop portlets, as shown here. This is working smoothly, however, I have noticed in this demo, that if you drag a portlet across columns, the portlet gets added to the column. What I am trying to achieve is what is active on the BBC site, whereby when you move a portlet across columns, the other portlets move out of the way
Removing ui theme on accordion
Hello, I try to install jquery ui accordion but i had my proper css that i want to use on it. So i want to remove (just on the accordion and not on the dialog box) the theme. Is it possible ?
Updating to jQueryUI 1.3 from 1.2.6
I'm interested in using jQuery UI 1.3 in my apps, but i'm wondering if there are any pitfalls in dropping in the new version. Also when I update do I need to re-download the CSS theme as well? Are there any additional CSS values in the new version, or will a previous jQuery UI theme work just fine? Thanks for the advice!
Trac on jQueryUI.com is not working
This page has links to browse Trac tkts by plugin, but it's broken. It says: Oops… Trac detected an internal error: IntegrityError: (1062, "Duplicate entry '9ec85368a1ea5bc-0-query_href' for key 1") There was an internal error in Trac. It is recommended that you inform your local Trac administrator and give him all the information he needs to reproduce the issue. ==== How to Reproduce ==== While doing a GET operation on `/report/10`, Trac issued an internal error. ''(please provide additional details
Tabs Collapse on scroll.
Hi All! I'm using the the tabs function of the jquery UI. I have it all up and running great, but want to have the tab collapse upon scrolling. I already have a function that calls when the page is scrolled (it fades out one of my fixed menus) working. What action would I call (if possible) to have the open tab collapse during the same function? Hope the question makes sense. Thank you for any help.
drop event on droppable is not send any more
Wanted to post it in trac, but the server is crashing regularly and new accounts can not be set up at the moment... $( '.drop' ).droppable({ drop: function( ev, ui ) { ... } }); $( '.drop' ).bind( 'drop', function( event, ui ) { console.log( 'test' ); }); I added at first a callback within the droppable function. Later on I register the drop event to do some more stuff. I can't combine them, because the second part is only needed in one case and so also
UI Dialog on Rails can't find image files...
I've downloaded jquery and the jquery ui for dialogs, both seem to work fine except: The thick-close x doesn't show up on the right hand side of my dialog title. Apparently it can't find my images. I'm running Ruby on Rails and I put the image files in #{RAILS_ROOT}/public/images. I've searched around but at this point I'm pretty clueless. Any help would be appreciated. Thanks!
1.8rc1 Effect: drop not working!
The drop effect is not working not even in the demo area! so whats wrong im using jquery 1.4.1 and new ui 1.8rc1! Any solutions?! or someone with the same problem! some thing like this: $( "#"+my_current_div ).effect( "drop", { direction: "down" }, "normal", function() { /* Do something here . . . */ });
How to stop buttons (and everything) being huge
Everything in jQueryUI seems to be designed with a font size of 10pt. On pages with the default (for most browsers) of 12pt, all the jQuery widgets are absolutely huge. It's most noticeable with buttons which become nearly three times the size of a normal button due to a span that is added with lots of padding (and this theme of tiny text with lots of em padding to make buttons normal sized seems to be used on everything). It looks very out of place on the page to have these giant buttons and other
all i want is the functionality
Greetings, I have been using jquery UI for a good bit now. However, sometimes i come across situations where all i want is just the functionality of jquery UI and NONE of the styles. Or, I want the date picker styled, but my tabs I want left alone. If i just use all date picker styles, prepended with .ui-datepicker, I lose my icons and background colors. But If I include all of those, my tabs begin picking up styles I don't want them to have. How does one go about this?
jQuery datepicker name attribute issue
<input type="text" id="ordDate" size="10" name="itemWrappers[0].date" value=""/> <script type="text/javascript"> jQuery(function() { $("input[name='itemWrappers[0].date']").datepicker(); }); </script> <input type="text" id="ordDate" size="10" name="itemWrappers[1].date" value=""/> <script type="text/javascript"> jQuery(function() { $("input[name='itemWrappers[1].date']").datepicker(); }); </script> Everytime when i select the datepicker for name attribute "itemWrappers[1].date",
Problem on opening a modal dialog from a modal dialog
With jQuery 1.4.1 and UI 1.7.2 After I open a modal dialog from a modal dialog, the original modal dialog is blocked out. I mean it becomes inaccessible. Then I cose the second modal dialog, The original modal dialog is still blocked out. As I do it quite long ago it has no such problem. What would be possible I did on it or it's bug from UI? Thank you very much! Jack
jquery ui documentation gone??
Hi, First time here. I wonder why those tabs 'method', 'option', 'event' in jquery ui documentation gone?
Dialog example help.
I see a few inline text edit ad-ons but does anybody know of any examples of editing some screen text in a ui dialog. This would require taking the text of the screen with an edit button, putting it in a dialog within a textbox. On closing / saving the dialog change the text on the original page. Im trying to create a small admin content management system so I need to edit things a little more complicated than just simple text which is why I hav'nt used an inline textbox.
Next Page