selectable events
I tried writing the following: $("#somedivtag").selectable(); $("#somedivtag").bind("selected", function(event, ui) { alert('something was selected'); }); but the alert does not show up.
broken sortable after upgrade
I upgraded my jquery and jquery ui today so that I could use autocomplete and now my sortable which was working is now broken here is the code and here is the error message I get Error: this._mouseInit is not a function $("#iti, #skipped").sortable({ connectWith: '.connectedSortable', receive: function(e, ui) { var item_id = $(ui.item).attr('id'); $(ui.item).attr('id', $(this).attr('id') + item_id.substr(item_id.indexOf("_"))); }, containment:
How to return a ASP form response back to a jQuery Tab
I have a Startpage.aspx that contains jQuery Tabs. When I select a tab it uses Ajax to bring into the page a web form into the Startpage.aspx tab. I want the user to be able to fill in the web form, hit the submit button, have the form update a database and then return the response back to the Startpage.aspx within the same Tab. I have been looking around the web, but have not found a solution on how to complete this. I have the Startpage. I have the Tab working. I have the Tab using Ajax to
How do I accurately get a draggable's position?
I need to be able to retrieve / set an element's position within it's containing element. Unfortunately, position() seems to return different positions depending on the scroll position of that parent element (it has overflow: auto). This is important, since I'm trying to position other elements to be centered on this one (using .css('top')). But when the container is scrolled down, they don't line up correctly. And their css top values don't seem to reflect their real positions (they're absolutely
UI Sortable and save to cookie
Hi folks new here so please excuse me if I am asking a "stupid" question, but I will be honest 99% of JQuery documentation is "double dutch" to me and when I use the BigG to find tutorials etc. generally they are often worse. Anyhow I am new/ish to JQuery and want to use UIsortable. so fa so good, got it all working. BUT ... How do can you save the sorted positions? and having saved them how do you repopulate the lists. Based on my frustrating afternoon's research this may be a good/popular "thread"
Autocomplete and touchpad
Hi, I've implemented jQuery UI's autocomplete on my site, and it works fine with one exception - I can't use my laptops touchpad to select a suggestion. Tapping on the touchpad usually triggers the .click() event, but when tapping on a suggestion, the box closes without selecting anything. Why is this?
How can I stop draggable elements from moving when changing other draggable elements?
So I've got a series of divs that are draggable. After positioning them all where I like them, if I use .remove() to get rid of one, all the ones created after that div will move up by the removed div's height. How do I force these divs to be positioned independently of their spot in the DOM and changes made before that spot so that removing one doesn't reposition the others?
Import a Themeroller-based package back to themeroller for further tweaking
I have a jQueryUI theme built by Themeroller (1.7.2) that i'd like to tweak via Themeroller. I recall seeing there was a method to use an existing custom theme as a starting point for a new theme - essentially importing the old theme so additional tweaks could be executed. Can't see instructions on how to do that now. thx
JQUERY UI & TABS IE
Hello all, I am having trouble getting tabs to work correctly in IE 6 & 7. I am using the following js files: jquery-1.4.2.js jquery-ui-1.8.1.custom.min.js jquery.ui.core.js jquery.ui.widget.js jquery.ui.tabs.js jquery.cookie.js You can see a sample link at: http://www.dandelion-burdock.com/projects/library_of_water/landing.html Any thoughts much appreciated. Niall
JavaScript not running in Google Chrome and Safari in dialog window when Open using .load method
Hi I am opening jquery modal dialog using following code.It's works fine for all browsers.I mean it loads URL correctly for all browsers.But the problem is that in open dialog window JavaScript is not running in google chrome and safari.Please help me regarding this.Thanks Ravi function openDialog(sUrl,sTitle){ $("#dialog").load(sUrl); $("#dialog").dialog("option","title",sTitle); $("#dialog").dialog("open"); }
Scrollbar not working in dialog box.
I'm trying to get a scrollbar to show in a dialog box. I've tried a variety of settings with no luck. It also seems to be ignoring the height value. The box just gets taller with no scroller. Using: IE7 jQuery 1.4.2 jQuery UI 1.8.1 Any ideas? Thanks $(document).ready(function() { oDetail = $detail = $('<div id="detailID" scrolling="auto"></div>') .dialog({ autoOpen: false, width: 850, height: 400, position: 'center', resizable: 'false', draggable: true });
Slide doc page is down
Hi This page http://docs.jquery.com/UI/Effects/Slide I cannot get to. Anyone know what is wrong or where else I can get the information from? Jake
A jQuery UI Dialog question
I use several Dialogs on my app, for several different stuff. Everything is working fine. The only question I have is how can I close all the dialogs at once ?? $(".ui-dialog").each(function(){ $(this).dialog("close"); }); Is not working $(".ui-dialog").each(function(){ $(this).dialog("destroy").remove(); }); Works but when I open again the little Dialog I have with an input select with a change handler binded, it doesn't work, the change handler I mean. So any clues ?? Thanks in advance !!!
Controlling background fade when bringing up a dialog
I'd like to bring up several modal dialog boxes using the UI dialog method. I see that I can control the box background color and the text color and fonts by just styling the <div> ...<div> that dialog() uses so I don't think I'll need the theming. But I don't see a way with the dialog method to control the amount of fadeout the main screen gets when the modal dialog appears. Is there a simple way to control this without getting involved with themeroller and ui.themes.css? Thanks
Help with Accordion
I am new to JQuery and JQuery UI. To make matters worse, I'm a C/C++/PHP backend programmer and have no idea what I'm really doing with CSS or JQuery. However, I'm eager to learn... I have a page at: tf2.buyorlease4u.com that I have tried to use the Accordion plugin on. I am using JQuery 1.3.2 and JQuery UI 1.7.2 (with a complete selection of items from the build it page, for development). My problem is that My accordion styles seem to get applied but clicking the accordion headers results in the
jQuery UI Tabs - Two issues
Hi to all. I came across two issues with the UI Tabs, several days ago, and today I'm giving up ... The first is pretty simple, but I'm stuck: There's an example on the web site wich has this code: $(function() { $("#tabs").tabs({ ajaxOptions: { error: function(xhr, status, index, anchor) { $(anchor.hash).html("Couldn't load this tab. We'll try to fix this as soon as possible. If this wouldn't be a demo."); } } }); }); The thing is that when I run this, and click [like in the example] a tab with
Stop page scrolling
I'm making use of jquery UI particularly the draggable functionality. I want to only let the user drag an object within the visible page only. When I get to drag the object vertically downwards, the page automatically scrolls down and if i drag the object horizontally to the right, the page automatically scrolls to the right. How do I stop the scrolling and let the page be still?
Can't get or set dialog title after it was loaded
Hi I have a dialog, now I want to change it's title, but am unable to do so. dialog.dialog("option", "title", 'test'); does nothing and alert(dialog.dialog('option', 'title')); alerts [object Object] rather than the actual title of the dialog. What am I doing wrong?
Tab problem, jquery loading after document.ready
Hello, When copy/pasteing the demo code of the tabs function of jquery ui, divs show up one after the other. If change the "$.ready" function to ".getScript" with an incorrect URL than the tabs show up properly (because of the timeout to get the other script I suppose). How can I correct that very annoying problem? In the following code, references to the javascript .js files and to the style sheets .css files are correct (Firebug prove that point). And these are the only things I modified. And yes,
Open external site when dialog OK button clicked
Got the code below and I need to open a new tab/window with an external link when the user clicks the Ok button. (I do not mean a JQuery-UI Tab, I mean a browser tab) How do I do that? $(document).ready(function(){ $('#WebFLIS').dialog({autoOpen: false, resizable: false, modal: true, width: 500, height: 'auto'}, buttons: { Ok: function()
ui slider
hi, I have created a slider... I just found out it also needs to change value when you CLICK on a certain point in the slider, not just when you slide it.. how do I do this please.. thank you..
JQuery UI - Dialog - Deleting items?
Hi, Firstly, hello everyone! Secondly, please bear with me. I only started developing a week ago - I didn't even know HTML/CSS prior to that. So It's highly likely I have made a n00b-style booboo either in my own HTML, or in the implementation of the JQUI Dialog. Right, I have a page, with a gallery on it. I associate the id="dialog" to the img that I wish to have pop up in a dialog and that works fine. However... as a result of this, the item associated with id="dialog" gets removed from my page
JQuery UI Dialog, C# DataList and ImageButton ItemCommand
.NET - 2008 3.5Jquery - 1.4.2.js Summary: When I launch my DIV in a modal jquery dialog the button inside my Datalist stops firing the ItemCommand. It works if I use the control outside of the modal dialog. I would like to capture the click event from an imagebutton in each row of my DataList in order to remove that element from my list. Details: I have a page that contains a DIV with a display set to none. I attach a JQuery dialog to the DIV to display my data when a button is clicked on
how to set an option using a callback?
How can I set an option using a callback? I want to dynamically add some buttons to my dialog and set the height, but jquery seems to completely ignore my function(). How is this done correctly? <span id='dialog1'>Bewerken</span> <script type='text/javascript'> $(document).ready(function() { $('#dialog1').click(function() { $('<div></div>') .attr('title', 'Monster') .dialog({'buttons': function() { return {'Ok': function() { alert('hoi'); } } },'height': function() { return $(window).innerHeight();
Datepicker Issue
I recently started playing with datepicker and the multi-month display. Yesterday it was displaying just fine, but today, without any changes to my code the months and days of the week are displaying in either chinese or japanese characters. Here's my jQuery link code (in my header): <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js" type="text/javascript"></script>
Accordion reordering matters?
Hello All, I am just wondering. the reordering feature in the accordion widget of Jquery UI can be used to have a notion of the new ordering? For example what I want to do is have 8 textareas inside each header and after using them I would reorder them. In the next page I am displaying the content of each textarea but I want it to appear in accordance to the reordering I did in the last one. If it had some notion of id that changes with the reordering I would easily sort the $_POST. I have not seen
Moving an element retrieving values from dragged one
Hi there, I'm moving an element using the draggable UI from jquery. With the drag event I get the left value of the element dinamically while I do the dragging. Afterwords, I use animate to give this values to the left css value of another element so it moves as much as the dragged one. This works fine, but I would like this element to move at a different speed than the dragged... Sounds easy but: Let's say I want the second element to move 1'5 pixels for every pixel the dragged one moves, this seems
Disable/Enable button with Internet Explorer
Hello, i'm new in using jquery, and new in using this forum :p i've tried to search but i haven't found something useful about this... I found a problem with using the ui button and internet explorer...i've a checkbox that is enabled and disabled by another button. This in firefox and chrome works fine, but in internet explorer don't go. The checkbox get disabled but when i try to reactivate it, don't works! It remains disabled... There's someone that has solved this problem? How i can do it? Or
Swiping (not gesture, action)
Hi guys. I'm building a website, and while browsing another, (here) found a very nice effect. If you switch between tabs using the top nav bar, there is a "swipe" effect, switching out content. If anyone has any ideas on doing this via jQuery, I would be very happy.
Styling accordion visited
I'm trying to make the ui accordion headers change when visited, something like the css a:visited {text-decoration: underline;} I have tried changing the ui css properties but the visited properties seem impossible to change, any changes I do like changing .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; } to: .ui-state-default a:visited { color: #1c94c4; text-decoration: underline; outline: none; } have no effect. Anybody have the solution??
UI Slider to horizontally scroll a page?
Hey. I'm using the UI slider to horizontally scroll the page at www.davenquinn.com/blog. Ideally, the slider would simply be mapped to the bottom scrollbar (which I plan on removing). However, I'm running into some problems. When I drag the slider to scroll the page, the page "zooms" to the other end much faster than I drag it. I'm not sure what's causing this problem. The slider and the main body of the page are centered using "position: fixed" in css, and the scrolling content occupies the full
My first try with UI - Am I doing it right?
My first attempt using the jQuery UI, and it actually works! A live example is located here. It is an auto-complete within a modal. The returned data from the server is a JSON consisting of id=zipcode and value="city, state, zipcode". I would appreciate any critique whether I am doing it correctly. Also, any pointers how I can create a warning if the inputted text results in no returned values. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
datepicker fr-ch localization file is wrong (de-ch is correct)
File was not edited in UTF-8, so on display localized text presents rubbish instead of accent characters. I had to copy inside content of fr localization file to make it work correctly. Also, I don't understand why the reference to swiss-french in file name and content is fr-CH, instead of fr-ch (idem for de-ch)? Igor
jQuery UI tabs question
Hi, the thing is simple: jQuery UI tabs is not loading javascript in ajax loaded content files, on Google Chrome, anybody knows why ?? <div id="tabs"> <ul> <li><a href="file1.php" title="tittle"><span>Menu Option 1</span></a></li> <li><a href="file2.php" title="tittle"><span>Menu Option 2</span></a></li> <li><a href="file3.php" title="tittle"><span>Menu Option 3</span></a></li> .... </ul> <div id="tittle"></div>
Multiple header colors on accordion?
Is it possible to have a different color on each accordion header?
Progressbar onclick or drag?
Is it possible to set the value of a progressbar with an onclick handler or a drag handler? Or would a slider have to be used? Can I use a progressbar as a seeker for a media player? Can I set the value to 50% by clicking on the half way point? I am using Youtube's Chromeless player with the relative javascript api that it comes with, and I'm using two overlayed progressbars to display the video buffering and the video playback. I'd like to know if I can use my playback progressbar as a seeker by
IE show then hides but ONLY ONCE!
hi, I've got: <div id="foo" <h2></h2> <p></p> </div> then: $('#foo').delay(2500).show('clip',500); {WORKS FINE} then: $('#foo').delay(2500).hide('drop',300); {also WORKS FINE} then on the next click event the show doesn't work? #foo stays hidden. Only the first click->show, click->hide cycle works on IE7. FF, Safari etc... all work as expected.... Anyone seen this behaviour before? What is causing this? {edit: It is caused by UI effects only - when I use standard show/hide the behaviour is
my css setting is overwrited by UI
I am using JQuery accordion, but it always overwrite my css setting. For example, in my page, I set font to sans-serif. I add accordion plugin into my project, then this font will be erased, it will cause whole page style is not consistent. How can I keep my css setting? I know the problem is in jquery-ui-1.7.1.custom.css (redmond), which part I should change ? Thanks.
Autocomplete Combo - the list shows all the items
When I click on the icon to show the list, it shows ALL the items in the list. For the case where I have items > 10, the list goes beyond the content holder and the page starts having a vertical scroll. I need to be able to specify somewhere that I only want to show 10 or less items and if there are more items just have a scroll bar in the display div. In one of my usages (bear with me) I have 3000 items. Even in the demo example if you just increase the number of items (languages to say 30) the
autocomplete combobox
I tested the jQuery UI AutoComplete Combobox Demo, and I was wondering if it's possible to use the onchange event with the select html item, in the case of having cascading dropdowns. I tried the following: <select id="select1" onchange="javascript:PopulateValues();"> This didn't work out as expected. Please advise. Thank you.
Next Page