closing the dialog from wihtin redirected page in iframe
Really am stumped by this one, I'm opening a page contiang a form with the following function :- $(function() { $('a.loadexternal').click(function(e) { e.preventDefault(); var $this = $(this); var horizontalPadding = 30; var verticalPadding = 30; $('<iframe id="externalSite" class="externalSite" src="' + this.href + '" />').dialog({ title: ($this.attr('title')) ? $this.attr('title') : '', autoOpen:
Sortable/Draggable Interaction Question
If you have a sortable, with the last item in the sortable excluded from sorting (using the items restriction, so it is neither sortable itself, nor a drop target), you can't drag any other sortable item to be the last item. This appears to be the correct behaviour. However, if you link a draggable using connectToSortable, dragging from it appears to change this behaviour: you can drop it after the excluded last item. Is this intentional, a limitation of the interaction, or a bug?
jqgrid 3.5.3 problem
Hello, Today I installed a new version of the Grid 3.5.3 . I noticed that if the results have none rows but try to set a new width, I'll get the following error from Firebug : $t.grid.cols[lvc] is undefined Thanks, Vishnu.
Question about autocomplete and xml-source
I use the example from the ui-page, which reads data out of an xml-source and then provides it to the autocomplete-feature. Now my problem is, that, if I enter my search term "berl", autocomplete returns every entry, containing "berl" in it. Instead of this, I want only to get the entries out of the xml-data, beginning with "berl" - Does anyone how I can realize this?
Understanding the behavour of sortable('refresh')
Hi I'm using the sorable 'items' config value to prevent certain child items from being sortable. I dynamically add new items to the sortable container, and I expect the sortable('refresh') method to re-select the sortable items, but i'm not able to get it to behave like that. I have put together a simple test page showing this: http://jsbin.com/opilo In that test, I'd expect the first list item to be prevented from sorting. Why does it not behave like this?
Jquery ui slider with values but only one handle it is possible ?
Hi, I would have a slider with many values but with only one handle it is possible ? In fact my slider will update a input type text with the correcty value var slider = $(' ').slider({ min: min, max: max, range:true, values: vals, slide: function(event, ui) { $("#sliderInput").val(ui.values[0]); } }); vals is the array with my values
Autocomplete - Controlling Dropdown Event
Is there a way to control when the dropdown gets activated in this autocomplete ui part? Specifically, I would like to have it have the functionality similar to facebook, where a user can type in the box and nothing would happen until the user typed in the "@" symbol that would trigger the dropdown. Does this autocomplete box have this funcetionaltiy? If not, is it possible to change it to enable it?
Droppable: using an "Async" accept callback
Hi, I need to use an async function as the "accept" option when setting up a droppable(). Business-wise, I have no idea if the drop is acceptable until I check some stuff back in the server. So, quick question: Has anyone hacked this? How, where? Codewise, I would need to do something like this: $("#myContainer")droppable( { accept:function( callback ){ // some calls to the server that will eventually call the following callback( true ) } } ) Thanks! A
Dialog - pinning on screen & preventing scrolling
Hi, I have 2 questions about the jQuery Dialog, if these are possible: 1. How do I "pin" the dialog to a location on the screen, so that if the user scrolls the browser, the dialog doesn't move - it stays in the same location in relation to the actual browser window? 2. In a modal dialog with disabled (faded) background browser content, how do I stop the user scrolling the browser? See examples here of what I mean. Notice how scrolling is disabled when the dialog shows. Is the above possible?
jQuery UI Marble 0.5 released
The function marble() adds a cut-out marble background to every selected object: $('.ui-button, #my-button, .any-other-class').marble(); To prevent the same boring background, the background-position is recalculated for every selected object. So each object shows a different cut-out of the marble plate, which is not repeated, if the background image is big enough. By using a part-transparent background image, the background colour of an object follows the standard ui-class changes as well. Please
Scrollable selectable?
Hello, New to jQuery and love it so far. I'm working with the 'Selectable' interaction and I have a long list (~100) of vertically stacked children (divs) that are inside a container initialized as 'selectable'. The container is set to 'overflow:scroll' and the height is set with pixels and since there are so many children, there is a vertical scroll bar. I want to be able to start selecting children with the mouse at the top of the container, then dragging the cursor beyond the boundary of the bottom
Sorting a card deck into piles and ordering one (list of suit)
Hi New to Jquery and hoping for some advice, The following is what I want to do: Have one (main) list in which I can drag and drop to sort the list into a desired order, meanwhile have other containers (of lists) which I can drag from the main list and drop into the containers (panels / divs) just displaying the number of items in the list. I've attached a jpg of the basic ui I'd like to achieve. thanks
Select user data from db
I want to have a dropdown-select with all users in the db, and when I choose a user, that user's data should be auto filled into the form. Like E-mail, Address, Phone number. I would like to find a solution that use AJAX/jQuery that makes this action without refresh the page and also that the user data is geting loaded from the db when the user is selected (I do not want all user data hidden in the select list, only the user id) I've been googling but my ideas for searching has run out after just
Tabs + jQueryUI button via ajax.
HI! I'm using tabs on a web site and load some content via ajax. I want to use JqueryUI radiobuttons there. But there's a problem of styling. That's what i have: $tabs.tabs('add', 'order.php?id='+num, "Order #"+num); and order php file for example: $('#gotorderby".$orderid."').buttonset(); ....[some code here]... <div id='gotorderby".$orderid."' class='bset'> <input type='radio' id='radio6' name='gotby".$orderid."' checked='checked' /><label for='radio6' style='width:187px;'>Cart</label> <input type='radio'
Dialog's "close" event when triggered by ESC weirdness.
Hi all, I've just come upon a weird dialog behavior. I have the simplest scenario possible. Pure dialog with close event set like this: $("#dialog").dialog({ close: function() { ... // do whatever here, it just happens window.location.reload(); // happens only when "close" is triggered by dialog's close button } }); See it for yourself: http://jsbin.com/aheyo I'm lost, thanks for any help. -- Bohdan
Showing datepicker calendar in modal box with overlay
I am using the jQuery UI datepicker in a website. I am using the "dialog" method, so that the calendar opens in the center of the screen. However, what I'd really like would be to use the "modal" method (http://jqueryui.com/demos/dialog/#modal) so that the background behind the calendar is dimmed. Here is my current code: $(function() { $("#dateInput").click(function() { $("#dateInput").datepicker("dialog", "", updateDate); function updateDate(date) { $('#dateInput').text(date);
Setting CHECKED status on a Radio Button set.
Ok, I think I'm about to go out of my mind... I've tried every single method I can find on the web to set the checked state of a JQuery radio button but none of them work. I've seen loads of methods, all slightly different and looking at them they all make sense. I'm ok with setting checked status with normal radio buttons, but this just DOESN'T work for me. Clearly I'm being an idiot and have missed something very obvious. Here's my form for reference... <div id="monthSelect"> <form name='monthSelectForm'
Disabling a button does not remove ui-state-focus or ui-state-hover
Scenario Clicking a button that disables itself after processing some logic, does not remove ui-state-focus or ui-state-hover. <script type="text/javascript"> $(document).ready(function () { $(".editButton").button(); } function removeButton_onclick() { // Process something... $('#removeButton').button("disable"); } </script> <button id='removeButton' class='editButton' type="button" onclick='removeButton_onclick();'>
Customizing Autocomplete: Select Value Only and Fixing Lagging Autocomplete Menu Requests
hi, I have two questions on customizing autocomplete. I acutally thought I saw someone ask the same question somewhere, but I haven't been able to find it. 1) How do you customize the drop down menu so that a user can only input a selected item and not anything unique? So if a user has "option1", "option2", and "option3" in the drop menu, tha'ts the only three things they can put into the input textfield 2) I am still working on optimizing my search, but it's a little slower than a user's typing
any year and month drop box
Is there any existing year and month drop (select) box plugin or library which allow a user to select the year (from 1990 to current) and month from 1 to 12?
Searching left to right autocomplete plugin
I was just wondering if there is someway I can make the autocomplete plugin search left to right instead of just any match? Basically more of a exact match. Currently the autocomplete plugin search is too broad. If a user types "car", I do not want "the car" to show. They would have to type "the" to get "the car" to start showing up. I am using jQuery 1.4.2 with UI 1.8
auto-complete suggest list
Hello, I have a auto-complete box above the UI date picker . It seems that the auto-complete suggest box displays under the date picker. placing Z index values in either don't have any effect ? Can you please help ? David
picking up the start event of a draggable
Hi, I'm trying to pick up the start event of a draggable. This should fire once when the dragging starts on the element. Demo here: http://jsbin.com/icowi3/2 In IE and Chrome I get the event also fireing on page load. On FireFox I get the event firing multiple times as it reverts. Hmm...
jquery UI tabs
hello, i'm have a tab which i want to redirect the current page to another url but not opening the page within the div. can anyone advise on how this can be done? thanks.
Resizable only resizes horizontally, not vertically?
I mostly have resizable() working except I can't resize my element vertically, only horizontally. My code is: $(el_id).resizable({ handles: {'se': resize_id}, minWidth: 100, minHeight: 100, maxWidth: 1000, maxHeight: 1000, containment: '#desktop', }); Any ideas what might be wrong? Thanks
Any way to make effects smoothier?
I'm using animate with some easing to move an element from out of the viewport into the view (on page load), but people notice it being jerky. I notice it sometimes too. Is it a known problem, or I'm doing something wrong? Are there any precautions that one must take to avoid these? Here is the code I use: uiDialog .css('top', 0) .show() .animate({ top: finalPosition }, 'fast', 'easeOutQuad'); uiDialog is UI Dialog Element, which I want to animate smoothly right to finalPosition.
ui accordion slight delay when page first loads
Has anyone experienced this in their UI accordion menu. When the page first loads I get a quick glimpse of what the menu would look like if no style sheet or jquery was implemented and then it quickly loads the jquery ui accordion.. it's kind of annoying..It's almost like there is a delay in loading the css for the accordion or something...I'm using asp.net to generate the content so I'm wondering if it displays faster than jquery can manipulate and change the style of the accordion
Show Items on focus at DropDownList
is possible make it? DropDownList.onFocus() show list items
Select a tab from a text link instead of clicking a tab itself
I'm working on a website based on jQuery UI Tabs, and I've encountered a problem while trying to select a tab from a text link (within a tab) instead of clicking on the tab. In other words: - I have 3 Tabs: #Home, #Contacts, #Faqs - Inside #Home's tab, I would like to show both a link for #Contacts and one for #Faqs, and so being able to open one of those tabs not interacting with the main menu. I've read the guide on http://docs.jquery.com/UI/Tabs#...select_a_tab_from_a_text_link_instead_of_clicking_a_tab_itself
Look and Feel
Hi, I wish to give my work a look and feel of sites like Twitter / Tumblr / moonit.com - as in the theme. Do they follow some common design theme? Is there a JQuery equivalent of these? Thanks, SG
sortable with php question
most sortable sample online tech you get the list id and update the position, for example foreach ($_GET['listItem'] as $position => $item) { $sql = "UPDATE table SET position = $position WHERE id = $item"; } but actually, we usually use another filed to save the position, maybe like id label position 2 A 7 6 B 11 9 C 14 if I exchange the first and second data and save, it should be like id label position 6 B 7 2 A 11 9 C 14 but if we use the
Drag drop reorderable list item to container
Hi Gurus, trying to find an example of list which is reorderbale by dragging and dropping AND can also drop to sperate "buckets" (e.g. divs) An example would be: A sort through a deck of cards arranging one suit (hearts) to display into a chosen order and putting cards from the others suits in a choice of other collections (clubs, diamonds and spades) and just displaying collection boxes: clubs (5) , diamonds (3), spades (10)
Accordion - Bug in Standalone Scripts?
Figured I'd post here before bothering the support stuff with a bug report. If I create an accordion and include the following scripts, all work fine: <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script> However, doing the same thing, but using these scripts (yes, they are present, latest versions): <script type="text/javascript" src="development-bundle/jquery-1.4.2.js"></script> <script type="text/javascript"
Mootools and jQuery UI Dialog in Opera 10.5
Hello, I'm trying to use jQuery UI Dialog (1.8.2) but I need to load Mootools JS library on the same page (because of Joomla! CMS). Well, everything works fine in Firefox, Chrome, Safari even in IE but I still have a issue with Opera browser (10.5). There is the result: http://www.greatjoomla.com/dialog/development-bundle/demos/dialog/default.html If I specify the height attribute in dialog, the dialog has no height - there is "0" in source code. When I insert the Mootools before jQuery, it doesn't
Connect a draggable to more than one sortable? (setting more than one drop target?)
Hi, Is it possible to connect a draggable to multiple sortables targets? For example, I'd like to let the user drag and drop items from list A into either list B *or* list C. I don't know if this is possible, I'm using the following but I think all I'm doing is overwriting the target: // Try to connect a draggable item to two different sortables. var element = $(createNewListItem()); element.appendTo("#listA"); element.draggable(); element.draggable("option", "connectToSortable",
JQuery UI Dialog, close button not visible.
I am using official JQuery UI Dialog, If I use the Lightness theme, everything is OK. In Redmond theme, however, the close button will be hidden behind the blue color, not visible. How to change css and make it appear ? Thanks.
Usages of Slider and layout together
I want to use the layout manger and slider in single jsp page. At a time only one interface is showing either layout manage or slider. I am using this for layout <script type="text/javascript" src="jquery.layout.all-1.2.0/jquery.js"></script> <script type="text/javascript" src="jquery.layout.all-1.2.0/jquery.layout.js"></script> <script type="text/javascript" src="jquery.layout.all-1.2.0/jquery.ui.all.js"></script> and for slider <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
Using image for button in a jquery dialog.
I want to use an image instead of text within a jquery dialog. I am not able to use background : url(..........) . Can anyone help me with this. Is there a possibility to use <a href > within a jquery dialog?
Jquery tabs, toggle with radio button
Using jquery tabs, what I am after is for the user to click a radio button 1 and thus tab 1 will be selected. If user clicks radio button 2 then tab 2 will be selected. At the moment I have the opposite. The user clicks on the first tab and radiobutton1 is checked, and so forth for radiobutton2. I tried to use the 'show/hide' method div in previous posts, but the problem i face is that tab2 will show, but the actual tab link still shows that tab1 is enabled. Am I on the right path to try this method?
nees help for Cycle jquery pager
hello i am jigar pandya, i am using a cycle jquery and i want to apply two different scrolling effect on two Div using single Pager means by clicking a single pager my both div should scroll but with different effect , how can i do this, Thanks in advance my code is like this $(function() { $('#slideshow').cycle({ fx: 'turnLeft,turnRight', timeout: 4000, pager: '#nav', pagerEvent: 'click', fastOnEvent:
Next Page