Accordion: activating accordion-panel from button
I have a button that should open a certain panel from my accordion (two panels). When the targeted accordion-panel is closed it opens and the other panel closes, so far so good. However, when the targeted accordion-panel was already opened it closes it!! So 'activate' seems to function as a toggle. So I tried to collapse all and then open the panel, but it doesn't work, it keeps toggling :( function OpenAccordionSearch() { $("#accordion").accordion({activate: false, collapsible: true });
Menu: how to open hyperlink in click
I tried code below using jqueryui latest source code. If file open is selected, hyperlink is not executed: message box appears but jquery.com page is not opened. How to open page if menu bar is selected ? <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" title="ui-theme" /> <script type="text/javascript" src="../../../jquery-1.5.1.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
Menubar: In IE if clicked in menu text, dropdown disappears
Steps to reproduce: 1. Run tests\visual\menu\menubar.html test from GIT master in Internet Explorer 8 2. Click in File Observed: dropdown menu is closed if mouse button is released Expected: dropdown menu remains open. expexted behaviour occurs if clicked in button right to name or if using FireFox. How to fix so that menubar is usable in IE also ? Andrus.
Combox Box that allows user to enter in a value not in the list
I want to use the combo box widget that autocompletes, but I need to be able to have the user enter in a value that is not in the list. Is there an easy way to do this? How do I retrieve the currently entered in value in the combo box autocomplete field? I suppose I could use this to add a value to the combo box when the user submits the form. I have multiple combo boxes, how would I reference each one? Thanks for any help.
z-index problem with ui-tabs and menu jsddm
Hi, I have a problem with styling menu and jquery.ui tabs below: This websites shows the problem: http://www.sdns1.pl/strony/zieloneWczasy.pl/ When you choose: "Obiekty", the fragment of the tabs is upper than menu. Could you help me? I tried to change z-index property of the menu .li but it didin't help.
Making jquery widget minimize & expand with a mouse click
All, This is a general question about Jquery UI implementation. In our web application, we are thinking of using a jquery widget which will contain the items to choose from. Now I have this idea that the jquery widget should have a minimize button on the side which would slide the widget out of view, clicking the min. button again would slide the widget out. Is this possible to implement with jquery? Disclaimer: Im not a programmer so am just researching this for the team. Would love to have this
Menu: Creating menubar for iPhone
Can menubar like in Menu test in tests\visual\menu\menubar.html used also from iPhone ? CSS3 menus will not work on iPhone. Which is best way to create menubar which works in borwsers and in iPhone also ? Andrus,
easing effect for tabs
Hello, Is there a way to set tabs with a specific easing effect? I tried: options: ... fx: { easing:"easeOutCubic" } but that did not seem to work. thanks for ideas.
Selectable, add html
<script> $(function() { $( "#selectable" ).selectable({ stop: function() { var result = $( "#select-result" ).empty(); $( ".ui-selected", this ).each(function() { var index = $( "#selectable li" ).index( this ); result.append( " #" + ( index + 1 ) ); }); } }); }); function getSelect() { window.opener.document.getElementById('txtUrl').value = ''; window.close(); } </script>Hi, how can I get a list of selected items and pass to the function getSelect that will provide html code for the parent window
jQuery UI 1.8.10 and jQuery 1.5.1?
Hello! I can't seem to find any information about compatibility between the latest jQuery UI and the latest jQuery. I've noticed the bundles are still downloaded with a jQuery 1.4 release. Does that mean that it is not recommended to use jQuery UI 1.8.10 with jQuery 1.5+?
jQuery UI Autocomplete used with select options
I'm just wondering if there are any examples of the Autocomplete featrues with select options. I see a small example with an array. Much thanks, Victor
Accordion UI and IE7
I have created a very complex form using based on the Multi-part Form example of the jQuery Validation plug-in and all works pretty well, just one nagging design issue I can't seem to get around. In IE 7, when you go to the next page in the form, it is slightly lower than the previous one. On the Multi-part form example, there's only 3 pages, so its not really too noticeable, but my form has 20+ pages, so by the time you get the to the last page, it starts in the middle of the screen. I believe
Jquery ui tabs
hello. I'm using ui tabs to create a slideshow and I'm using event: "mouseover" to change the slides but would like to also create a link from my li that when clicked goes to a separate page. I know the href used is pulling in the slides. Is it possible to pull from the li instead, so I can use the href to link to a page? My code for the slideshow below. <section id="featured" > <div id="ui-tabs-container"> <ul class="ui-tabs-nav"> <li class="ui-tabs-nav-item ui-tabs-selected hide" id="nav-fragment-1"><a
Hi All
I am new to JQuery.I need to display dilog box with OK button at the centre. currently OK button is displaying at the right side of the dilog box , please tell me how to allign it centre .Its very urgent for me , please some one help me to resolve it.
datepicker - Customizing the display of days in a month
Hi all, I'm trying to customize the rendering of the Day's in a month in the datepicker. I need to display 1 or 2 time links beneath the day number within the rendered cell. Something like this: ------------------------ | 15| 16| | | | | 14:00 | 15:00 | | 19:00 | 20:00 | ------------------------ I have achieved this by post-processing the rendered html after the datepicker has initially displayed. However, when the datepicker is interacted with, by changing month or clicking a day
Datepicker "Done" button not showing up in Display Button Bar Panel
I'm using jQuery UI 1.8.10 and jQuery 1.4.4. I currently have my instance of Datepicker displaying the Button Bar panel that includes the "Today" button, but not the "Done" button. The code I've used to display the button bar is: showButtonPanel: true I thought by default the "Done" button would show when the showButtonPanel is set to "true." Is there something more that I should add? I'm using a Mac with OSX and both the latest versions of Firefox and Chrome. Thanks in advance.
jQuery UI Button Icons
I am trying to add button icon images on my page buttons. <div style="font-size: .6em"> <button id="btnSave"> Save Address</button> <button id="btnLoad"> Load Address</button> <button id="btnWorkflow2"> Run Workflow</button> </div>That is how I have the buttons declared. This is how I'm trying to assign the icons. $("#btnSave, #btnLoad, #btnWorkflow2,#btnLoadAddressTypes").button({ icons: {
Horizontal scrollbar with the jquery ui accordion
Hi I hope you can help. I have a horizontal scrollbar added to my web page with the JqueryUI Accordion plugin (latest release). Its occurs in all browsers; a horizontal scrollbar for no apparent reason. Take a look here: http://punctu8.co.za/services.html Please help. Thanks
The suggestions are covered by the next frame (jQuery ui autoComplete V1.8.10)
There are several frames in my page, and i use the jquery ui autocomplete(V1.8.10) in the top frame.What I'm confused about is that the suggestions are partly covered by the next frame,but I could not turn the narrow top frame to a big one.So, is there anything I could do to fix the problem? Thanks very much for your suggestions.
(Datepicker) Working on displaying an icon on a particular date, should I just use a different plugin?
Proof Of Concept: http://jsfiddle.net/fauxtrot/Bdetb/ I like the look of the datepicker for jQuery UI, so I'm trying to use it here. I wanted to display a calendar with icons on particular days. In my fiddle, I have it basically working. I can't quite figure out how to prevent the datepicker code from resetting the ui-state classing when it is selected, and subsequently deselected. Am I asking too much of the datepicker, or is this something done easily enough with the current code or different
sortable - containment or cancel for only some items in sortable, only some destinations
Here is the crux of it: I need to disable/contain dragging and dropping between two sortables only for particular items, while allowing those same items to be dragged and dropped within their sortable. I don't see how I can do this with cancel or containment because they either apply to all sorting or all items. Is it possible to only cancel sorting between sortables? or is it possible to only contain certain items? Here is the background situation: I have two sortables that connect fine using the
Jquery Dialog box within php grid
Hi, I'm trying to use jquery dialogbox for each returned records from the mysql query. But when only the first one works and the rest do nothing. Is it possible to use the dialog box for each record and let's say to bring up their details for editing? Many thanks in advance.
Text only button in 1.8.10 does not center icon
This can clearly be seen on the jQuery UI demo page at http://jqueryui.com/demos/button/#icons The leftmost button with { text: false; } has it's icon on the left rather than centrally. This was not the case with jQuery UI 1.8.9
jQuery UI performance slowdown in Firefox when combined with a heavy Google Maps app in another div
Hi, I'm trying to track down a performance problem I have in a web-page where I have a div containing two non-overlapping sub-divs, one with a Google Maps control loaded, and the other has jQuery UI items like an Accordion for example. In Firefox, the Accordion transition effects update at the same (slow) framerate as the Google Maps control, just as if the animation events force a re-draw of the Google Maps div. This does not occur in Chrome, but it does occur in Firefox 3.5 and IE8. My Google Maps
[Jquery UI bug] bgiframe doesn't work on IE8 & Window 2003
Please check with the link below: http://www.java2s.com/Code/JavaScriptDemo/jQueryUIDialog.htm It only works on IE8 & Window7, when I debug it and can see IFRAME tag in side the dialog But with IE7/8 & windows XP/2003 or Firefox, no IFRAME at all. is it a bug?
cannot see bgiframe enable in firefox and IE 7/8 (Windows XP & 2003)
hi, I have a simple dialog like below $("#please-wait").dialog({ width: 60, height: 130, modal: true, resizable: false, autoOpen: false, bgiframe: true, open: function (event, ui) { $(".ui-dialog-titlebar").hide(); }, close: function (event, ui) { $(".ui-dialog-titlebar").show(); } }); I only see bgiframe work on IE 8 & Windows 7 (my computer), in fact that IFRAME tag always above tittle div and content
datefrom, dateto : defaultdate doesn't work
Hello everybody, first, sorry for my bad english. I've 2 input field with one datefrom and one dateto. The first one works but not the second. The fields of the second datepicker does not get drunk (or shaded ?) before the day today and I can click on it.my code : $('#datepicker_debut').datepicker({ prevText: '', nextText: '', defaultDate: 3, minDate: 3, maxDate: '+1y+1m', altField: '#beLblDateFrom', altFormat: 'D',
Dynamically disable dates in jquery datepicker plugin
Hi, I am working on a project which has a combobox to select the hotel rooms. After select the hotel room, in the next text field, user has to select his arrival date and departure date. This arrival date is jquery datepicker plugin and I need disable rooms unavailable dates. This is my jquery code $("#select_villa").live('change', function(){ var dataString = 'villa=' + $("#select_villa").val(); $.ajax({ type: "GET", url: "include/getdate.php",
Access nested ListView textbox
Will someone show me how to access a TextBox inside of nested asp.net ListView control? Here's my code: <script type="text/javascript"> $(document).ready(function () { var jObject = $('.expanding'); if (jObject.length) { jObject.focus(function () { $(this).animate({ width: 100 }, 500); alert("got here"); }); jObject.focusOut(function () { $(this).animate({ width:
Autocomplete - always select a response
Hello, I'm trying to make use of an autocomplete where I need to force the user to select something, preferably as they type the first matched item would be automatically selected. Looking at the code I think I need to somehow tell it to select the first menu item each time a new result comes in, then the user can go from there, but I'm not sure how to do this, if anyone has any ideas it would be much appreciated! Thanks Richard
Jquery UI sortable problem?
Hi, I am developing a web application where users can drag, drop, and sort the widgets. I didn't make any columns on the dashboard as every widget has different width and height, so due to this reason the horizontal sorting is working but the vertical is not working using jquery UI Sortable. I have tried various methods but no success. I know if i make columns and place the widget in different columns then vertical sorting will also work, but due to the requirement of my client, I can't give the
JQuery tabs with child tabs
Hello, I initially have a panel that an unknown number of tabs. During startup the browser receives messages to add new tabs. The immediate child div of each tab <p>tabName</p> except for the very last tab, which I'm going to call it the "Add tab". It has 3 children tabs of which has a couple of tabs inside it, etc. At this point I can click on the tabs created and see the body of each tab correctly. Even the "Add tab" body displays the children (tabs) correctly and I can click on each of those children
JQuery Sortable inside a scrollable DIV
I have the following HTML page which should contain a simple DIV with a simple list using jquery sortable. The problem is that JQUERY doesn't auto-scroll the list when I drag an item near the borders of the div. Is there any way to do auto-scroll during DRAG ? <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js" type="text/javascript"></script>
Using sortable on TBODY elements within a TABLE?
I have a table something like the following: <table> <thead><tr><th>Col 1</th><th>Col 2</th></tr></thead> <tbody> <tr>...</tr> <tr>...</tr> </tbody> ... <tbody> <tr>...</tr> <tr>...</tr> </tbody> </table> I want to make the tbody's sortable, so: $('table').sortable({ items: 'tbody' }); And this does kinda work: you can drag and drop the tbody elements. But There's no indication where you're going to drop. Attempts at defining a placeholder have no effect, and there doesn't
Draggable: click-to-front
Hi all :) I have overlapping and linked draggable elements on my page and I am trying to bring an element to the front on the first click. Only on the second click I want the link to be followed. If an element already is the frontmost, the link should be followed on the first click, though. When dragged around, the elements already come to the front without following the link. But I try to achieve the same for clicks. Any ideas? Regards, John
Programatically create tabs
Hi all- I've been trying to work this out today, and maybe I'm missing something obvious. I have been working with the tab control where I've converted a <ul> to tabs, and that's working great. I've also had success adding tabs using tabs("add"). Now I've come across a use case where I don't know at design-time what tabs I will have. What I really want to do is create an empty tab control and add tabs at run-time, when I know what is needed. I've thought about either having a placeholder tab, and
Uncaught ReferenceError: $ is not defined - in using autocomplete widget
Hi there! It's my first time to use jQuery UI autocomplete. It worked perfectly in our development side. However, when I already deployed it (prod side), I cannot get it working. I used Google Chrome Javascript debugger (Ctrl+shift+J) and got these errors below. Failed to load resource: the server responded with a status of 404 (Object Not Found) jquery.ui.position.js jquery.ui.widget.jsFailed to load resource: the server responded with a status of 404 (Object Not Found) jquery-1.4.4.jsFailed to
Dynamically updating accordion content
I am developing a web-based application using jQuery for much of my interface. I just started using jQuery this week. I am using an accordion widget to power my sidebar. The content of the sidebar is dependent on the permissions given to the particular user. The authentication is handled via AJAX and then the sidebar content is generated dynamically by loading in html generated by a php file. The problem is that while this works when the sidebar is generated on load, it doesn't apply all the styling
Linking to sections inside tabs
Hey guys, I am not sure if this is possible at the moment, and the testing ive done seems to offer odd results. I have on one page a section of 4 tabs, inside these tabs are several sections of text that i have each given a unique anchor name. What i am trying to do is link from another page to say the 4th block of content in tab 3... the tabs are all working great, and if i link to content sections on the first tab it works great.. its when i want to link to the tabs that arent the first that it
How do you centre the tabs?
http://jqueryui.com/demos/tabs/default.html I would like to be able to centre the tabs within it so they are not aligned to the left. Any help is much appreciated Thanks, Simon
Next Page