Questions on Accordion and Sortable()
Hello, I am new to JQuery and I've been asked to write a shopping basket for our current web site, I'd like to use JQuery and JSON for that. My project is to build an HTML page that provides a Caddie on the left and a Toolbox on the right, the users would select a item in the toolbox and add it to the caddie. On the left, the caddie is a list [$(ul)] of sortable lists [$(ul).sortable()]. Each sortable list will accept only products from a category [droppable({ scope: 'Category1' })]. On the
Resizable not resizing as it should.
Here is the jQuery UI in use I don't have any widths set for my resizable objects, but for some reason, the boxes can't be resized to the full width of the container.. it seems to be about half. Sometimes the width freaks out and gets stuck at any size it wants to stay at. Here's the code I'm using as of this post.. I will probably continue to tweak. // create layout drawing - create_layouts.php NEW $(function() { $("#createLayoutDrawing").resizable({ grid: 12, containment: '#mainContent', maxWidth:
Horizontal slider - how to hide <p> elements as well as graphics?
Hello all, I am trying to build a list of items using the jQuery UI slider. However, trying to style it how I want is proving impossible. Hopefully some of the gurus here can point me in the right direction? Here is an example of the problem. As the slider handle goes right, both the graphic AND the text below should disappear. However, the text part (within a <p> element) still shows: I have tried setting different z-index properties on the text class but to no avail. And here is the relevant CSS:
Problems setting up the mouseover accordion - please help
Hi all, I am trying to make use of the mouseover accordion. I have successfully created what I want in Dreamweaver but struggling to change my website template . I think the problem is something as simple as the paths I am using to refer to the various files needed but can not for the life of me see what I have done wrong. Is someone able to view my source files and point me in the right direction? Both of the above linked examples are on the same domain/server. One works, one doesn't... What
Autocomplete with remote source and custom data
I hope someone can help. I am using autocomplete for a lookup and when using the example from the demos section of the jQuery UI site for "custom data and display" - hard coding the projects var, it works perfectly. Is it possible to use a remote source for this? I have tried changing the source option to a remote txt file, with contents in the format of [ {value:'a value', label:'a label'},{...} ] I get no errors, but I get no results from the autocomplete. Thanks
jQuery UI Dialog and JAWs
I am using modal dialogs in my site, and when they are open JAWs is reading the entire sites labels as each form fields label. Every time I tab into a new field, it reads all the labels as the label for that form field. I thought it might have been my site, but JAWs 11 is also doing it on the jqueryui demos (http://jqueryui.com/demos/dialog/modal-form.html) Anyone else ever run into this problem? Have any ideas on a solution? We're late in the process to move away from jquery dialogs, but might
image rotatable?
hi jquery ui now has resizable, draggable..... will there be a rotatable? or are there plugins that lets me rotate an image interactively? ie. i click and hold on a handle then rotate the image, sort of like an image editor. i've seen a cool example of this in action, http://www.polyvore.com/cgi/app
Dialog and gif display with text
Hello, What is proper way to display a gif image into the dialog with text with nice formatting etc.. So far here is my code: var $dialog = jQuery('<div></div>').html('<p>Sending your message...</p><img src="../images/AjaxWait.gif"/>') however by doing this the gif is not aligned nicely to the text, etc What is the best way to format content of the dialog? thanks bogumbiker
jQuery Modal Dialog Errors
Hi All, The above image consist of a div which I use to show as modal dialog. I'm very surprised that modal dialog is not working in jQuery 1.3.2 with jQueryUI 1.7.2. for my current application only. If I use modal dialog with j1.3.2 and jui1.7.2 in a sample application, it works! And you can also see that the header is very high! I rectified the error by using jQueryCSS for 1.8.2. I'm wondering why it is not working with 1.3.2 and 1.7.2? It gives "object not supported" error.
Datepicker popup not working in a javascript form?
I have a JavaScript function with a form in it, in this form is a input with the id datepicker but theres no datepicker popup. The datepicker is working outside the java script form, in the regular html code. Is there a way to get a popup of the datepicker in the form in the java script?
Basic settings for Autocomplete with PHP
Hi, I am trying to use the Jquery ui autocomplete widget in a php page. I just started using jquery and I can't get the code below to work. The data source is page named CurrentOrganizations.php in the same directory. I am using the JSONP method. When I click on the field with autocomplete it does not show options. I know that JSONP settings in the server is okay because if I just copy the examples in the autocomplete widget documentation everything works fine. Here is the code. Page with the
How to pre-load images from ajax content in ui-tabs
So I've got a pretty nice application going using ui-tabs.. problem is, I cannot for the life of me figure out a way to pre-load images in my ajax content before the tab panel is shown. The only way I can think of is to create my own ajax functionality for the loading of tab-panel content, and adding something like this to the ajax call: success: function(response){ $(response).find('img').preload({ onFinish: function(){ currentTabPanel.show();
Separating CSS Classes with prefixes. dialog-ui-xyz, progressbar-ui-xyz
How can i seperate the Classes for the UI elements? I want to have compleatley different styles for each element, so my idear was that i add prefixes to the class names of the elements. How can i do this? The UI dont even share the classes.
jQuery connected sortables behavior with tolerance set
I have a sortable list with tolerance set to "fit". This allows me to drag items around the screen and release them on other droppables and when released it reverts back to its list in the position it was pulled from. With one exception when i add 2 lists to the page and connect them moving an item from #listone over and then up still moves it into #listtwo. So 2 connected sortable lists with tolerance set to "fit" allow items to be moved between lists far to the left or the right of the lists
Problem downloading custom theme from ThemeRoller
When I click the download theme button after creating a custom theme, it hangs before saying the connection was reset. Is anyone else having this problem?
Jquery progressbar
Bonjour à tous, J'ai un problème avec l'utilisation de Jquery Progressbar dans un tableau: Explication du problème J'ai créer un tableau dynamique qui récupère les informations d'une base de donnée. Mon tableau se remplit bien, aucun problème: j'ai toutes mes valeurs. Mon problème est au niveau de l'intégration du progressbar de Jquery. Je n'arrive pas a faire boucler ma progressbar dans mon tableau selon une valeur différente. La progressbar prend tjs en compte la première valeur et la copie dans
Dialog questions
He people i have a little problem about this part of Jquery UI. The first one is. I want to use it to report to the user he have new messages. But i want to show only one time and then never until he has new messages again. How i can do it? The second is. When the dialog is show the height of my site growth. I discover using modal this extend a white space under my footer whit no content. How i can solve this? I am using Php Fusion Cms 7.00.07 Thanks in advance
datePicker question
Dear Moderator: for jquery datePicker,if i want to change Chinese year,how to modify query.ui.datepicker.js, for example, the current year(2010) -1911=99 (chinese year) ,where to modify? so the formate should be 2010/03/15 change to 99/03/15 thank for helping.
jqueryUI datepicker spacing issue IE7
It seems the default behavior in IE7 with NumberOfMonths: 2 creates about 10-15 extra pixels of padding at the bottom of the calendars. I have searched and tried to resolve this issue with no luck. This extra padding does not exist using Firefox. If anyone has a solution for this please let me know, I'm going crazy :) See images below:
Accordian UI has unpleasent header jump in IE and Safari browsers
I have been trying for days to find a solution to accordian UI headers jumping a few pixels upon animated collapse and expand in IE. Even on this webpage's demo this happens in IE6, IE8, and Safari but is fine in FF (those are the browsers I tested). I have to support IE6 in particular for a project I am working on. Has anyone found a solution to this? I used the theme roller and downloaded the code but the accordian UI jumping is really annoying. I am fairly new to jQuery but since it happens
progressbar function not found
Hi all ! Well, I'm trying to use the the progressbar in a function like this: function showInfo(data){ obj = eval(data) for ( var i = 0; i < obj.length; i++) { list = String(obj[i]).split(",") var clas = "" out = ("<div class=\"ref\"> <div id=\"pb"+list[0]+"\"></div>") //some data manipulation $("#content").append(out) test = "#pb"+list[0]; $(test).progressbar({value:list[4]}); } }But I always get "progressbar is
Datepicker error when inside a disabled ASP.NET Panel
I'm using an ASP.NET Panel control to enable/disable groups of controls at a time, one of which is the jQuery Datepicker. Once this panel is disabled, if I click on the associated calendar buttonImage I'm using, I get the following script exception: "htmlfile: Can't move focus to the control because it is invisible, not enabled, or of a type that does not accept the focus." What's the best way to handle this? Is there an easy way to explicitly disable or hide this image at the time I disable the
Resizable: Resize beyond screen boundries
Hello I have a Resizable div. I want the user to be able to resize this div beyond screen boundaries and scrollbars should automatically scroll accordingly. It is resizing very little everytime when I drag the resize handle beyond screen. Urgent help will be highly appreciated. Khalid
autocomplete list size
Hi, If I have a big set of results, the autocomplete box grows too much. Is it possible to define a certain size, and if it goes above that size it shows a scrollbar? Thanks!
jQuery UI: jquery-ui-1.7.2.custom.css, theme: Darkness original got error on Firefox 3.5.7
Hi people, I downloaded the JQuery UI 1.7.2 theme: Darkness original and when using it on Firefox 3.5.7 I got the following error messages: jquery-ui-1.7.2.custom.css: Error in parsing value for 'filter'. Declaration dropped. LINE 18: .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } LINE 74: Error in parsing value for 'filter'. Declaration dropped. .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity:
Change tab via accesskey.
Hi all, does anyone know if its possible to select a tab via its accessKey? I am adding tabs dynamically on load depending on some rules (user type etc) so I need to assign the accessKey attribute after the tabs are loaded with... (Just working with the first one to see if I can get it working) jQuery('#tabs .ui-tabs-nav li a:first').each(function() { jQuery(this).attr('accessKey', 'd'); }); However trying to use the accesskey fails to change the tab. Any thoughts? If all else
all the preset themes in 1 download
hi recently the UI download page was down.. it instead gave a link to download a zip with all the themes and ui stuff all in 1... is it possible now that the downloads part is working again.. to get a link to a zip of all the themes incase they get updated etc?
Using .delegate to start dragging
The .delegate() method of jQuery 1.4 allows one to apply "true" event delegation. How would one go about to using it to delegate dragging in the jQuery UI 1.7.2? One could have achieved this by triggering the namespaced event for dragging in the old 1.6.x version of the UI library. I have tried to trigger the mousedown event, but one need to pass on the original event as well. The intended usage is to make something draggable on mousedown, pass on the event and triggering the drag start, and then
Error: DP_$ is not defined Source File: http://localhost/aplikacije/admin/index.php?mod=montaze# Line: 1
DP_$ not defined in datepicker UI plugin. How could I define it somewhere in the source file, or to override this function ?
calling draggable droppables events using triggers
I was wondering if anyone has done much by way of calling events on the UI widgets. What I'd like to do is determine programmatically whether a drop event should be called. If an element is over a droppable element I'd like to be able to simulate the events that would happen if I were to release a draggable element over it. In the example below, by clicking the 'checker' element, if the 'dragitemecho' element is over the droppable then I'd like it to fire the event. Thanks for any help anyone can
Does datepicker have onChange event?
Dear sir: when date is changed, so i can call anyother javascript function can show me some demo code? thanks
Datepicker question
Dear : how to write a jquery script to trigger anyother javascript function when i chagne a date for example, when datepicker value is changed then trigger the test function and print the date value ,please help,thanks. <SCRIPT type=text/javascript> $(function() { $("#datepicker").datepicker(); }); function test(day){ alert("date is"+day"); } </SCRIPT>
JQuery Dialog problems with IE8
Hi All, I'm fairly new to JQuery but found it to be very interesting to learn and apply to websites I'm developing. I have a problem in showing dialogs with IE8. The page that displays the dialog works fine with all other browsers except IE8. Sometimes its showing the dialog but most of the times all it does is nothing. The thing I noticed is that the scrollbar of IE8 becomes so small like its displaying a very long page. Below is the script I'm using to show the dialog in my web page. <script
Flash of Markup on load in datepicker when invoked on element within dialog
Tested in latest browsers on Vista / XP (IE, Firefox, Chrome, Safari, Opera) ONLY Firefox has a "flash of markup on load" when the following datepicker setup is invoked where 'tbDOB' is a input text element within a jQuery ui dialog: $('#tbDOB').datepicker({ changeMonth: true, changeYear: true, yearRange: '1901:2010' });
multi level vertical accordion
Hi, how I can make a multi-level vertical accordion with jqueryUI ? many thanks.
submit with ajax post using jquery dialog
Hey guys, Im using jquery dialog with the ajax post which suppose to send all the info of the dailog topost.php. but the create ad button which trigger the submit button does not work. i am not sure that im explain myslef really well but if you have look at my codes you might get some idea of what im trying to achieve. $(function(){ var adtitle = $('.adname'), price = $('.pprice'), description= $('.des'), Name = $('.Uname'),
Missing event after autocomplete request was fired
Hi, i'm showing an ajax-spinner when a user enters a word into a autocomplete textfiled. for showing the spinner i call the autocomplete 'search' event, before the ajax search request is shot. Now i want to hide the spinner after the request was shot and the response is shown to the user. As far as i've seen there's no build in autocomplete event which i could use. Does anyone has an idea how to solve this problem? Thanx ninsky0815
Drag & Drop + AJAX not working
Hi, I am working on developing my own board application. Its a "simple" board game application in which I want the player to be able to drag and drop pieces but they should only be able to drop in certain places. The information where the pieces can move is stored on a remote server. When a piece is "picked up" a message is sent to the server containing information on which piece and the server responds back with the locations. When the client receives the locations, it then generates the droppable
how to override the css for the accordion...
is there a way to do this? tried to view the css (http://jqueryui.com/latest/themes/base/jquery.ui.all.css) but only got import files. @import "jquery.ui.base.css"; @import "jquery.ui.theme.css"; where else should i look to edit the css? i am beginner to js and jquery so hand-holding is probably needed. thank you so much for your help! lisa l;o)
How initialize a dialog window [uiJquery 1.8.3]
Hi, in my page I call a modal dialog, how can I initialize it to every call ? Otherwise it keeps the old DOM objects in Dialog !!! :( P.S. Sorry for my english ... very poor !
Next Page