Multible Slider with max value depending on each other
Hi, i want to make an application with e.g. 10 sliders (#slider1, #slider2, ....) The max value is 100 and the sum of all 10 sliders. For example, when i move #slider1 to the value 40, all other sliders only movable to 60, then i move #slider2 to 20, all other slider only movable to 40, ...... have anybody an idea how can i work this out? Sorry for my english Greetz
toggle animations in jquery
are there any toggle animations in jquery? right now it only shows or hides the object, but not things like fadeIn or fadeOut..etc.
Jquery UI Tabs
The tabs really look and feel great. I am having trouble understanding the basic functionality of them however and I will readily admit that it is my lack of experience in Javascript and JQuery that are the most likely suspects. I have created a customer information form which is spread out in between 4 tabs. It looks really great and the basic tab functionality is in place - I even got the toggle opacity stuff working so that it looks nice when switching between tabs. My problem lies in how and
Draggable: CursotAt
Hello everyone, i have a question about draggable elements. How can i get the cursor position relative to the helper during the drag? It is the same as cursorAt (left, top relative to helper) but i would like to get this position not to set (I leave empty the cursorAt property). Thank you.
Internationalization strategy for strings?
Doe jQuery UI have an internationalization strategy? As far as I can tell there isn't a comprehensive i18n strategy for jQuery UI. The datepicker widget supports i18n, but having a separate i18n implementation for each widget seems to be a bit wasteful and redundant The first step would be to emulate basic GNU gettext, where you could set the locale globally for your jQuery UI widgets $.ui.locale = "ne"; for Nepal and have a global jquery.ui.strings.json file where plugins could query for matching
How to prevent click event when dragging?
I have a bunch of Draggable elements, but they also have a click event. Is there any way to prevent the click event from firing when I drag an item to a Droppable? Using jQuery 1.3.2 and UI 1.7.2.
Poor animation, draggable performance under Firefox :(
Hello, I am using jquery and jquery ui quite along time and I never had any performance issues until my last project. It is a kind of grid which is movable in a viewport. What do I have. The viewport is an area with the size of 500 x 500 pixel (overflow hidden) in there is a container element which has the dimensions of 6000 pixel in width and 500 pixel height. This element is draggable or moveable. Inside of this container I have certain amount of rows with floating cells, so that this will
Jquery sortable IE bug..
Hi All, I am working on a portlet type application for internal use. I decided to use JQuery based on various samples provided. During pre alpha releases we faced a strange error on Internet Explorer (7 +) only, it works fine in FF If we click both the left and right buttons of the mouse in the http://jqueryui.com/demos/sortable/portlets.html and move an portlet in the sample app while holding the mouse buttons down and move it to another column / other location in the page and leave the buttons.
using progress bar in jquery ui site
my site is built on jquery ui . i want to use progress bar or loading bar just like this site. how can i use that? i have no idea over using progress bar...would anyone help me?
[solved] Mixing a grid css framework w/ jQuery UI
Hi all, Is there any recommandations on loading blueprint or 960.gs before jQuery UI css files? I suppose, it's best to remove any reset css code from jQuery css files as it can be done by the grid css framework choosen, but is there any other advice? TIA
Usable form elements in an accordion
Hi, I use accordion to list items in a database and I want to use a checkbox so that the user can select from the list. Normal accordion behaviour is that a click opens the accordion. Result is that a click on the checkbox does the same and the checkbox is not checked. Now I managed to remove the onclick behaviour from the elements: $('#accordion').find('input').click(function () { return false; }); but I cannot get the checkbox to get checked. Does anyone have a suggestion to solve this?
Disable Firebug while posting to this forum!
To anybody who hasn't figured it out yet, trying to type into a post/reply text box here while Firebug's console is enabled is not a fun experience. (It may be a Linux thing, since Firefox on Linux is so horrendously slow in general.) Other than that, good riddance, Google Groups!
Dynamic Content
I'm quit new to JQuery so forgive if I made a noob mistake. I wanted to load content dynamically from different pages when a user clicks on a menu link. It works for all pages except for the main page (index.html) any thoughts? example: frederikvaneverbroeck.be/jquery/index.html btw this is a school project so that is why the weird content :) $(document).ready(function() { var current = "index.html"; <!-- Catch when user clicks on link --> $('#nav li a').click(function(){ var page = $(this).attr('href');
Javascript error in IE but not in firefox
http://securestoragesites.com/storagekingusa.com/loc-newark.html can't for the life of me figure this out, any ideas? the script is based on jquery. it involves the menu and the lightbox script conflicting cus nowhere else on the site is there this error
UI Datepicker positioning weirdness when window is too small
The datepicker internal utility routine "_checkOffset" apparently tries to adjust the datepicker box's position in order to deal with constrained window sizes. That's a worthy goal, but unfortunately when the window is just plain too small the end result is for the datepicker to be positioned up above the text field completely, with its top sliced off by the window border. Now clearly if the window is too small then it's too small, and the designer will just have to fix it. The problem is that the
sortable issue with flash inside of the container
Hi all. There is an issue with ui.sortable.js. If the container you want to drag has an <embed/> tag inside it stops after dragstart. A similar issue was described here http://groups.google.com/group/jquery-ui/browse_thread/thread/1e8b3cf... Seems to be a bug at firefox on mac. The interesting point is - it works using draggables. Does any one has any suggestions how to patch ui.sortable.js ? Here is a demo without any unnecessary stuff: http://dev.ajaxsoft.de/test/dd-forum.html
Tabs default to first tab when clicking a link in panel
Hi, I have 3 tabs. Each tab has inside its panel container links to other pages. When you click on one of those links the page reloads but the tabs default to the first tab (not the tab that the page is selected in). I've been reading online and found this: ...open links in the current tab instead of leaving the page "Hijax" links after tab content has been loaded: $('#example').tabs({ load: function(event, ui) { $('a', ui.panel).click(function() { $(ui.panel).load(this.href); return false; });
progress bar acting really wierd
hi, So, I have a asp.net page with a jquery ui progress bar. It shows when I run the page from visual studio on my computer. However, when I send the files to the server, the same page, the progress bar just doesn't show! In other words, the progress bar is not there on the page? And worst, this line of code in the body doesn't run?! function LoadJobClient() { alert($get("JobID").value); alert($("#container").progressbar('value')); } On my computer both alerts popup, but when I run it on the server,
How do I save the location/order of the draggable?
I want to allow users to reorder their images. Can I use draggable? If so, how do I save the order back into the database so that the next time the user logs back in, the order remains?
draggable with an accordion
I am having some problems with draggable divs within an accordion, I have tried using zIndex and I have also tried: $("#draggable").draggable({ appendTo: 'body' });I want to be able to drag the objects out of the accordion to interact with a div on the page, here is all of the code: // DRAG OBJECTS $(function() { $("#draggable").draggable({ appendTo: 'body' }); }); // ACORDION MENU $(function() { $("#accordion").accordion( { fillSpace: true, active: false }); }); $(function() { $("#accordionResizer").resizable(
DatePicker mysql connectivity question
Hi, I am glad jquery has a forum of it's own I just found out!!! Like the subject says, I am wondering if making a mysql or sqlite database act as a backend for the date picker. I am trying to make an application just to learn jquery and php and I would like to have a calender that authenticated users can pick dates or a range of days that an activity will span where this selection is stored in a database so even after 3 months, activities can be viewed or even edited. I know how to write a little
Destroy old loaded script
Dear I'm using jquery in order to load dynamically javascript code : using $.ajax({ type: "GET", url: src, dataType: "script",error: function(){alert(src+':error');}}); But after several loading the same page js are added every time and load the Browser. I would like to now how to destroy loaded old scripts ?
jQuery UI slider glues to mouse
Hi, I have a problem: I implemented a jQuery UI slider in a dynamically generated DIV like this: var sliderdiv = $('<div />').addClass('sliderdiv').css({ 'position': 'absolute', 'width': '200px', 'height': '30px', 'right': '0px', 'top': '-6px', 'background-color': '#FFFFFF', 'border': '1px solid #00FF00', 'display': 'none' }); var slider = $('<div />').addClass('jqueryiu_slider'); $(slider).slider({ orientation: 'horizontal' }); $(sliderdiv).append(slider);which works, I can see the slider. But
From can I download JQUERY Tabs plugin for asp.net MVC
Hello, In my application we need to have TABS. From can I download JQUERY Tabs plugin for asp.net MVC Thanks.
multiple forms per page with multiple submit images
I have multiple forms on each page. I am using <input type="image" src="thumbup.png" alt="Like" id="like" /> as the "submit" button for each form. What is the best way to handle this using jquery ajax when the form is submitted?
how to send parameters in a hash?
Hi all, i have the following code from a sortable ul called #faqs serial = $('ul#faqs').sortable('serialize',{key:'faq'}); serial = faq=1&faq=2&etc&etc i would like something like this: "faqs"=>["1", "2", "3", "4", "6", "5", "7", "8", "9", "10"] Can somebody help me? Thanks a lot!
Understanding Themes, using a different theme
HI All, Kudos on the great work with the UI. I'm trying to use the accordion widget. And I've got my working sample already to go. I'm not quite figuring what specifies the theme that get's used??? I would now like to use the Cupertino theme, but not sure where to place what, and how to replace it. I've built my working demo in the folder structure where the development-bundle is. In other words the dev-bundle folder would represent my root folder for the Accordion application. Thanks for any suggestions
ui datepicker date format
Hello,<br /> I have an advanced search form that has an option to '<i> search posts from # days ago and older/newer</i>'. It's a text input that takes a number (so <b>365</b> would be a year ago).<br /><br /> <img src="http://farm3.static.flickr.com/2698/4204747156_0ed5645bc1_o.gif"><br /><br /> I want to use a datepicker, but I don't know how to change the format so that the date that is chosen is returned as a number of days from today. <hr align="left" width="300"> View this message in context:
Adding and deleting tabs
Does anyone have a good example of how to create a tab from a link and then delete the tab by attaching an X icon to the tab? Also, how can I check to see if the tab already exists? I don't want to create duplicates. <br clear="all"> -- ______________________________________________________________ Clayton Dukes ______________________________________________________________ --
sortable: how to copy instead of move?
Hi, I have two sortable lists that are connected together. I can easily move items from one list to another, but I'd like to give the user the option of either 1) copying the item from one list to the other (so the item appears in the original list, and also appears in the second list) 2) moving the item from one list to another (this is the easy, default behavior.) I've tried various things with jquery clone(), but I'm having no success. Would anyone have any suggestions on how to implement this?
JQuery UI Problem
Hi, We have some technical issues with Jquery ,we are working with ASP.NET MVC project . we are facing some issues in UI . already i put some of time on jquery research to resolve those issue but we can't. I tried with some samples with both asp.net web application & asp.net mvc application . Jquery working fine with asp.net webapplication but not with asp.net mvc application. If need i will send my sample application. Looking for your reply. Thanks Raja --
CSS override? Integration issue
Hello all, I would like to integrate jQuery UI tabs in wordpress. But some of the theme's css is mixing with the tabs' css (you can see bullets in tabs, large paddings/margin etc...) How can I fix that? Dorian --
A problems with Asual Address plugin in IE only
I am working on significant UI updates to a site using tabs and address together. Everything works fine in Firefox as well as Webkit browsers, but IE throws an error, specifically indicating that: '$.address' is null or not an object Has anyone run into this? The demos work in IE for me, so I know it is my implementation. Any ideas? Thanks! --Jim --
How can I list all the threads that I have started?
In most the forums (ex: Adobe forums) you can view the list of threads that you have started. Is this facility available in this Google group? How can I view the list of threads that I have started? --
events (beginner question)
Hi. I am beginner in jQuery and I have got this code: $(".element") .resizable() .parent() .draggable({ containment: '#glassbox', scroll: false, grid:[5,5] }) .mousemove(function(){ var coord = $(this).position(); $("#x"+this.id).val(coord.left); $("#y"+this.id).val(coord.top); }); But .mousemove event doesn't work when there is resizable() and parent (). Have you got any solutions of this problem? Thanks --
Select Tab from direct link
Good day everyone. I'm using Jquery Tabs UI and loading content via Ajax. I'm trying to select one of the tabs from a link on another page. I'm not having any luck with the example on the jquery docs page. When I assign the #standard as an ID on the A tag it does not load the content of that tab. Example: <li><a href="users-standard.php" id="#standard">Users</a></li> Does anyone have any suggestions? Thanks!! // Jquery Stuff $(document).ready(function(){ var $tabs = $("#tabs-container").tabs(); $('#standard').click(function()
Duplicated YUI Simpleeditor in jQuery Dialog
Hello, i have a problem with the Dialog. When i open up a Dialog with a YUI Simpleeditor inside, this Editor becomes duplicated. I uploaded a test HTML, just to show you the effect: http://rapidshare.com/files/323805750/jQuery_Dialog_and_YUI_SimpleEditor.zip Hope that someone can help me, looks like no one else has this problem. Bye Adrian --
One JQuery Datepicker into different fields
I need select date into 3 different input field, like DAY into first field, mount into second and year into 3td. I can do it with Datepicker ? --
Bug in Internet Explorer 8 when sorting list in a list
Hey everyone! I've created a site with a sortable list using jquery ui. The list, however, doesn't only consist of one list but child lists, e.g.: {{{<ul> <li> <ul> <li></li> <li></li> </ul> </li> <li> </li> </ul>}}} When dragging a row in a sublist, the row of the parent list is being dragged as well. This only occurs in Internet Explorer. A demo can be found here: http://www.mygmc.de/eigene/jquerybug/test.html Thanks for your help! ;-) --
Rotate with mouseover and pause
I'm asking a lot of my abilities but I need the rotator to pause on mouseover and also change the tabs with mouseover instead of click. Trying to mimic flash behavior so that I can optimize the site. Has anyone done this? --
Next Page