ui upgrade break dialog
We just upgraded both jq and jq-ui and now all of our dialog boxes only almost work. They display, but we end up with scroll bars and the bottom of the page is this big blank area.
Why is draggable coordinates not exactly containment in array coordinates?
Hello. Why is draggable coordinates not exactly containment in array coordinates? See the following demo and notice that left and top coordinates of draggable elemente are between [42,90,392,340] and not [50, 100, 400, 350] as set. Why's that? http://jquery-ui.googlecode.com/svn/trunk/tests/visual/draggable/draggable_option_containment_array.html Thanks
ui tab slows browser with lots of data
The problem I am currently facing is that I am loading about 500 rows of data into a tab which then is causing poor performance with the browser (cpu usage jumps to 50-60% and takes a bit to calm down). It works perfectly fine with 50 or less rows, but I have to allow up to 500 rows to be displayed as that is a requirement from management. The performance problem only occurs when you click within the tab with the data. Clicking outside the tab or switching to another tab with less data does not
Calling a function upon modal dialog close?
Hi guys, I have a this within a function in a php class file. Is it possible to call another function when the close button for deleting items is pressed? If so, how do I go about calling the public function deleteSection() ? Thanks for your help, really appreciated! RJP100 $(function() { $("#dialog-message").dialog({ modal: true, buttons: { \'Delete all items\': function() { $(this).dialog(\'close\'); },
Creating Search Engine with Jquery UI tabs-accordians without using a database or serverside scripting
I am trying to search this page. I want to search through the dialog content and keywords. I cant seem to find a way to link it all together. I am utilizing Jquery UI dialog, accordian and tabs. I was trying to group everything up in like a table format. | Link Text | Link | description(title of dialog) | % of likely hood of match Everything must be done on one page no PHP or databases or asp or anything like that. And like maybe If they click on a result it takes you
Dialog on ie6
I apply dialog on a div which have my own styles, but when i open it, i have a close text displayer, how can i remove it? and i ie5 modal bg (stripes doesnt show, and i can click element on the page but they are disabled) doesnt work, does anyone have a clue why?
selected combobox with jquery ui
When we use a combobox, how select automatically a selected option ? The values are dynamically changed from user choice. It's not all time the first value of the select menu. e;g : <select> <option value="<?php echo $val; ?>" selected><?php echo $user_choice; ?></option> <option value = "2">test 2</option> </select> The first element is not selected and the field left blank. Below the jquery code : <script type="text/javascript"> // <![CDATA[ (function($) { $.widget("ui.combobox", { _create:
can I develop a round button by jquery UI
can I develop a round button by jquery UI? The round button is in the attachment.
can I develop a round button by jqueryUI
can I develop a round button by jqueryUI? see the in the picture
tabs perfomance problem?
Hi, iam loading data from a xml file into a tab container (some text and attribute values - its not a big amount of data) . on my local testserver (apache 2, ubuntu) with 1Gbit lan it works like a charm. unfortunately it does not work on the web server. the elements are just shown one after another. i assume it fails because of the connection speed or maybe the server performance. has anyone an idea or a fix or proposal for a solution?
Dialog causes page to scroll...
Hi guys, In a similar fashion as my previous post found here - http://forum.jquery.com/topic/datepicker-causes-page-to-scroll When I call the jquery dialog, it pops up fine but it creates a gap beneath the overlay at the bottom of my site... Can this be fixed it a similar way to my other post? Thanks for the help, really appreciated. RJP100
Autocomplete, multiple values and TAB key problem
I'm trying to get the autocomplete widget to handle multiple values . I've seen the samples on the demo site as well as the blog entry here: http://www.codenition.com/jquery-ui-multicomplete-widget-based-on-autocomplete plus I'm sure a few other's I'm not remembering off the top of my head. All of the samples fall short in how they handle the tab key imo. As I see it, the tab key should autocomplete when a suggestion is selected but move on to the next input when one is not. In addition, when it
Datepicker doesn't refresh on month change
Hi, i use datepicker and I've a trouble when changing month: when I click the arrows the datepicker doesn't refresh itself and keep showing me the same month, it refresh when i click any day in the component. I've to refresh it manually? Thanks
Setting a "cancel" option on a Sortable breaks <select> tags in Opera and Chrome.
See the attached code for a demonstration. It doesn't matter what you set the cancel option to. It can even just be "". In Opera, the drop-down box will "run away" from you when you try to click on it, and in Chrome, clicking the drop-down box makes the list item jump to the top of the screen.
How can I search through Jquery accordian / Tabs without using any server side scripting like php or databases like mysql?
I am trying to search this page. I want to search through the dialog content and keywords. I cant seem to find a way to link it all together. I was trying to group everything up in like a table format. | Link Text | Link | description(title of dialog) | % of likely hood of match Everything must be done on one page no PHP or databases or asp or anything like that. And like maybe If they click on a result it takes you the tab its located in and highlights the link
Datepicker problem
Hello, I am using datepicker on my site. When I view the page in firefox or internet explorer, I see that the bottom (horizontal) scrollbar has a long way to go, and when I scroll all the way to the left and to the bottom, I see a weird white box. When I take out the line that includes the datepicker code (js/ui.datepicker.js) the line goes away, so I know that the problem is with the datepicker. I set up a page to demonstrate the problem. The url is http://skubu.com/sys/superadmin/problem.html.
UI dialog open event only firing every second time it is opened.
Hello all. I am using a dialog for a form on a site I am building. When the user clicks a button the form pops up and it can be submitted. Some of the form elements get customized during the open event. I have used this type of technique before and it suited my purpose. However this time I am running into some behavior I can't explain. It appears that the code in the open event only fires every SECOND time the dialog is opened. I have cut down the functionality of the dialog and the function that
jquery caching div?
Hi, I'm developing a web chat using jquery. I've already done with the user interface but I need to create the admin interface. The main idea is that several users connect to the web chat and the administrador will handle all these requests having an independent window for every session. The admin will have a window in their browser with a lot of jquery ui dialogs which are all chat sessions. $(function() { setInterval("nuevo_chat()",10000); }); function nuevo_chat(){ $("#nueva_ventana").load("ventana_chat.php",
Drag working only when revert is finished
Hi all, Is it possible to drag objects only if there is no revert action/drop action? because if I try to drag and drop objects very fast they all get very bugged! So I would like to make possible only drag objects when there is no object being reverted or dropped Yours, Diogo araujo
obtaining width & height of object AFTER it's been resized
Hi! I was wondering, on the following resize script, how can one find the after-resize width & height and put it in an alert? http://jqueryui.com/demos/resizable/ <style type="text/css"> #resizable { width: 150px; height: 150px; padding: 0.5em; } #resizable h3 { text-align: center; margin: 0; } </style> <script type="text/javascript"> $(function() { $("#resizable").resizable(); }); </script> <div class="demo"> <div id="resizable" class="ui-widget-content"> <h3 class="ui-widget-header">Resizable</h3>
jquery autocomplete combobox doesn't show default SelectedItem
I have following select list with selected item but when i create jquery ui autocomplete combobox using ($("select").combobox()), it's failed to show selected value. show only empty textbox ratherthan showing 'Christchurch'. Can any one know why?????? <select name="City" id="City"><option value="1">Auckland City</option> <option value="30">Carterton</option> <option value="7" selected="selected">Christchurch</option> <option value="9">Dunedin</option><option
jQuery UI Tabs - newbie question
Hi - I've heard a lot of good things about this community, so I hope you can help me out. I am using tabs from jQuery UI I have a problem with the way some tabs display. I moved one piece of content from one page to another, deleted the tab in my html, but it still displays on the other page... I moved it from my 'album' page to my 'resources' page. How can I get rid of this tab? http://salvos.org.au/infuseandignite/album.html
Autocomplete #combobox, When wraped in form it reloads page when pressed dropdown btn
1. I am new to jquery UI, and had used a lot of time trying to figure out autocomplete combobox. I think it's bugged because when I wrap <select> in <form> </form> and click dropdown button page gets reloaded. Simple way to test: In demos folder autocomplete combobox html add form tag around select - Using fresh ui 1.8 and jquery 1.4.2. 2. How can I set start value of new input (like original dropdown had selected). Best regards, Bojan Kuzmanovic
Using Autocomplete
I've got Autocomplete working insofar as: Use PHP to get names from a database; these form the data source for AutocompleteThe database that stores the names also stores other information (id, for example) that would allow me to use a Callback to redirect to another page. But.......how do I associate the secondary information in the database with the initial list of names? I don't want to display the extra info (id, etc) but the display info isn't sufficient for the redirection. Hope this makes sense!!
hover text
I am not sure if this is jquery, but could anyone help me to find out what technology is used for this hover text? Thanks a lot.
ajax tabs loads all tabs content on page load ; why? it's ajax, right?
Hello dear all jquery magic world lovers ! I am in a situation that require some help. Ok so short story shorter, I have a page that contains a jquery-ui tabs widget with 10 tabs. 5 of these tabs contents are ajax-ly get. So it's a second nature classic : $("#vtabs").tabs({ cookie: {expires: 1}, ajaxOptions: ajaxTabsOptions }) And the ajax options var ajaxTabsOptions = { error: function(xhr, status, index, anchor) { $(anchor.hash).html("Oups ! Error was catched during server call."); }, cache:false,
adding links to jquery ui datepicker
I've taken a look at this thread: http://forum.jquery.com/topic/add-links-to-jquery-ui-datepicker But i've never used JSON before and is actually confusing me further. Is there a simple way of just adding links to an array and feeding it the datapicker. Isnt that the method the posters are mentioning?
Modal Dialog Confirm Not Clearing Cookie on Close
Here's my entire jQuery island: $(document).ready(function(){ $("body").prepend('<div id="topbar" class=""><\/div><div id="subnavbar" class="subnavbar-<?php echo $nav_id; ?>"><\/div>'); $("#group-left a").prepend('- '); $("input").hint(); $("#mypassword").focus(function(){ this.type='password'; $(this).val(''); }); $("#mypassword").blur(function(){ if($(this).val() == "Password") { this.type='text';
resizing a large DIV : positioning contained smaller DIVs
Hi, My first foray into jquery and this forum ! I have a number of (dynamically created) draggable DIVs. I am using the 'containment' option, to keep them all within one large DIV. This is working very well. I have now made the large DIV resizable. When I resize the large DIV, and make it smaller, any of the small DIVs that are now outside the resized large DIV stay there. If I attempt to drag any of the smaller DIVs that are now outside the reduced-sized large DIV, they immediately respect the
Accordion doesn't work if I use another plug-in in the page..
Hi, I'm learning jQuery and I was trying to use two jQuery plugins in a site, but couln't make them work both. I can use one, or the other. I wanted to add to my site the MagicLine Navigation (http://css-tricks.com/examples/MagicLine/) to my site and an accordion widget w from the jQuery UI (http://jqueryui.com/demos/accordion/). I first set the magicline and it worked perfectly. Then I add the accordion to the site, and it didn't worked, so I thought I was setting the accordion in a wrong way,
Autocomplete "blur:" option?
I have a Autocomplete list that generates a pop-up DIV when the user navigates up and down the typeahead list, either via the mouse or the keyboard. I'm using Autocomplete's "focus:" parameter to trigger this pop-up, and it's working fine. However, there doesn't seem to be any reverse of "focus:" - something like "blur:" - which would be triggered when the user exits an item in the typeahead list. So, my pop-up DIV is left stranded in space, unless I take external steps to hide it. Those "external
Can you use an array with "or"
Hi, I need some help shortening this code and am just a little off. Here is original code: $("#MKDPT").change(function() { if ($("#MKDPT").is(":checked") && $("#AMX1N").is(":not(:checked)") || ("#ERXXN").is(":not(:checked)")) { alert(this.id); } }); I will be adding a lot more id's. Can I just create an array of the ID's im making sure aren't checked and compare against it? Im not sure if you can check to see if any item in an array is checked, or do I need to do it by .length? Example
serialize() Sortable Accordion
I've created a sortable accordion but I can't seem to figure out how to serialize the indexes like you can on a non-accordion sortable. on my H3 elements I have the id="agendas_1234" and then the following code. But the line where I define the params variable doesn't work. I don't get the same [1234,3456,123] that I would get with a regular sortable (no accordion) $(tab).find('#accordion').accordion({ header: "> div > h3", collapsible: true }).sortable({ axis: "y",
Opinion question: best easing / animation method for representing "fullscreen"?
I'm working on a simple "fullscreen" mode for a CMS, so that content authors can display an instance of tinyMCE fullscreen, with the option of restoring the window to its original state. I've tried several combinations of the effects core easing options, but nothing really seems to fit just right. I'm wondering if anyone's found a pleasant combination of easing effects for this sort of purpose....the rather common lightbox type animations aren't quite satisfying in this instance. here's some rudimentary
Loadinf flowplayer in a jQuery UI Dialog problem.
Hi everyone, Hi all, I have a link which when clicked opens up a jQuery UI Dialog. The file looks something like this <script type="text/javascript"> $(document).ready(function(){ alert("loaded"); $('.videobox').click(function(event){ alert("follow"); event.preventDefault(); var url = event.target; var dialogOpts = { title: "Dialog", modal: true, autoOpen: false,
dialog modal form +mysql
hello i use the dialog modal form script,it s work fine but i want to send tha data from the form to a mysql database here is the link to a dialog modal form http://jqueryui.com/demos/dialog/#modal-form any help is appreciated thanks...
How to determine dropped object?
If I've made multiple objects of a certain class droppable, is there a way to determine the jQuery object that was dropped on within the drop function? So, in the following snippit, how can I tell specifically which object of class="photo" was dropped on? $('.photo').droppable({ accept: '#jail li', activeClass: 'custom-state-active', drop: function(ev, ui) { alert('dropped'); } }); Thanks. Regards, David
Apply css style to all inputs which are disabled
I would like this to apply css style to all input's which are disabled $(document).ready(function() { $("input type:checkbox").attr("disabled", true).css("border","1px solid #000000"); }); Kane Leins
Javascript Autocomplete
I have two INPUT type="text" boxes. First is Date and second is description. For date I am using Jquery UI widget 'datepicker' and for description I am using jquery Autocomplete and defined some names What I want is...If 12/25/YYYY is selected. I want to autocomplete the second text box with Cristmas and vice versa. How can I do this with javascript?
Datepicker causes page to scroll...
Hi guys, I've got the datepicker UI working on a CMS play project I'm messing around with. When I load a relatively short page, vertically speaking, the page has a big gap below the main content which disappears when I click in the date box... Any ideas on how to fix this? Cheers, RJP100
Next Page