IE7 and draggable a little off using helper clone
I am trying to get a draggable with a helper clone working in IE7 correctly. When dragging the element the helper clone that gets created does not stay right under the mouse, it get dragged a little bit away from the mouse, so it is confusing to the user. This happens on the UI website as well with the demos. Has anyone found a fix for this?
Tabs - Code organization and scope question.
I have a page with 5 ajax tabs on it. I've set it up like this: $(document).ready(function(){ var shiptabs = $("#tabarea > ul").tabs( { selected: 0 , disabled:[2] , spinner:'' , cache:true , ajaxOptions: { cache: false } , load: function(e,ui) { handleTabLoad(ui); } , select: function(e,ui) { handleTabSelect(ui); } , show: function(e,ui) { handleTabShow(ui);
Replacing dialog contents while dialog is active
I'm not sure if I have a bug or not... I have a 84-line proof of concept spread across 4 .html files to reproduce the issue. Here's what I'm doing: - Page loads, #content div is populated via ajax. - Dialog is created but not opened. - Click a link, and: --- The dialog contents are loaded. --- The dialog opens up to show a single form. - Submit the form, and the dialog contents are replaced. - Close the dialog, and: --- The dialog is destroyed. --- #content is reloaded like in the first step. At
Datepicker won't initialize with a default date on load
<html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="datepicker.js"></script> <script> $(document).ready(function(){ $('#example').datepicker({ setDate: new Date('2008','12','10'), showOn: 'button', buttonImage: '/includes/jscript/jquery/css/images/calendar.gif', buttonImageOnly: true }); }); </script> </head> <body> <input type="text" id="example" style="width:300px;"/> </body> </html> Above
Tabs plugin - rel instead of href (if present)
At the moment, the tabs plugin uses ajax on the href attribute and loads it's content. To improve graceful degradation, how would you get it to use rel instead? For instance: <li><a href="page1.php" rel="page1_ajax.php"><span>Tab 1</span></a></ li> At the moment, page1.php would be loaded into a tab. page1_ajax.php would be the preferred page to load if ajax is used. page1.php contains the whole page, including navigation etc, but page1_ajax.php only contains the contents. The only workaround is
UI Drag and drop, dragging issue.
Has anyone else experienced an issue with dragging and dropping items from a table to a div? I have a group of items in a table and can drag them to a div for a drop, but along the way I lose the visible clone, when leaving the table area. I can still make the drop, though. It appears that the application fails because the clone disappears and I need the clone to remain.
draggable error - Object doesn't support this property or method
Hello, I am trying to get drag/drop functionality working in my app and I am getting the "Object doesn't support this property or method" error on the following line of code: $(".dragDropSource").draggable({helper: 'clone'}); Here is the full function along with the js files that I am including: <script type="text/javascript" src="/js/ui.core.js"></script> <script type="text/javascript" src="/js/ui.draggable.js"></script> <script type="text/javascript" src="/js/ui.droppable.js"></script> <script
Does the uploader support ftp or only HTTP
Hi is it possible to use a fileuploadscript which uploads to ftp server instead of the web host ? Best regards Thomas
Does the uploader support ftp or only HTTP
Hi is it possible to use a fileuploadscript which uploads to ftp server instead of the web host ? Best regards Thomas
Does the uploader support ftp or only HTTP
Hi is it possible to use a fileuploadscript which uploads to ftp server instead of the web host ? Best regards Thomas
Slider Range: Overlap value
Hey I am using a slider to enable to user to select a given range, but I would also like the option for the sliders to overlap so the user can give an exact value. Any ideas on how to implement (preferably without altering the UI). Ps. sorry if this is a double post, an error occurred on the last submission.
jQuery Slider: Range overlap
Hey I am using a range slider, but the problem is I would also like the two handles to be able to overlap so the user can also give an exact value. Any thoughts on how to implement this?
Jquery .load() can't load style and js in html file on Chrome and Safari??
I use $("#mydiv").load() to load a html file that has its own style and js, on IE and Firefox, it work good, but on Safari and Google Chrome, it can't load style and js in the html file, how can I fix it? example: MainPage.htm <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Main Page</title> <script src="js/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("#mydiv").load("test.htm");
Size problem using effects
Hello, I begin to work with JQuery and I try some effects on a form. I've got a form inside a <div> and I apply an effect on that div. Here is the code : <div id="login_frame"> <img src="pix/lock.png" id="lock" width="32px" height="32px"/> <div style="margin:45 60 0 60; text-align:center;"> <div> <div id="login_label"> Nom de l'utilisateur : Mot de passe : </div> <div id="login_inputs"> <input type="text" class="input_text" /> <input type="text" class="input_text"
ui tabs problems with IE7
Please help I worked out a fine page using ui tabs, to be used by fellow teachers to fill in their marks etc. It took me a lot of work. Everything looked fine in Firefox and in the end I also checked the result with Internet Explorer. It's a disaster. The final page after selecting, is to be a form. IE doesn't allow DOM scripting of a form? What can I do? Please give me some advice. Take a look with both Firefox and IE7 at: http://conforta.webhop.org/pav/pav1client.html Thanks for your time
help! on how to use draggable's callbacks.
I spent a day trying to make this and failed: (well...I'm newbie with Jquery stuff) a draggable object that alerts its position when the drag ends. this is what I did recently.(but failed): $(".block").draggable( { stop:function(ev,ui){ alert("position:" + ui.position.left + "," + ui.position.top); } ) //This disables the draggable object. I don't know why,but it does. (Tried in firefox 3.0) //And, no alerts appear //Note: $(".block").draggable() worked fine. Also, I would appreciate if someone could
Size problem using effects
Hello, I begin to work with JQuery and I try some effects on a form. I've got a form inside a <div> and I apply an effect on that div. Here is the code : <div id="login_frame"> <img src="pix/lock.png" id="lock" width="32px" height="32px"/> <div style="margin:45 60 0 60; text-align:center;"> <div> <div id="login_label"> Nom de l'utilisateur : Mot de passe : </div> <div id="login_inputs"> <input type="text" class="input_text" /> <input type="text" class="input_text"
toggle not working
Hi—and excuse me, I'm a newbie. :) I want to toggle the CSS class of a section (I can't toggle the ID, right?). I have, in short: ----------------------------------------------------------------------- <style> .gallery {background:red;} .list {background:green;} </style> <script language="javascript" type="text/javascript"> $(document).ready(function(){ $("#thing").toggle( function () { $(#resultsview).removeClass('list'); $(#resultsview).addClass('gallery'); },
UI Dialog in an Iframe
I have an HTML page which contains a tree control on the left pane and an IFrame on the rest of the page. Based on what I select on the tree control, I update the content of the iframe. I am writing some error handling code in which I am wrapping the jquery ajax object with error handling such that if any error occurs, I want to display a dialog with the error message sent from the server. The HTML page looks like the following : <html> <head /> <body> <div id='leftPane'></div> <div id='pageContent'>
Sortable stop function condition
Hey, I want to have a condition in my stop function. When the result of the condition is true then the sortable can stay where he is. When the condition i false I want to revert it to it's original position. Can someone help me with this? Thanx, Karel-Jan
New selectable and opacity
Hi, i was trying the selectable plugin and it works fine, except that i dont like the dotted square used for selection How can i change this i can not see it in options but when i digg in older code there were an opacity option. How could i change this behavior ? Thanks, Greg
Jquery ui tabs initial callback
Hi, I'm using ui tabs with jquery comboselect, the tabs seem to wait for the combos select to finish doing its thing before loading. I want the tabs to load first, then run the initialisation for the comboselect. However i can't seem to find the initial callback function for ui tabs i've tried: $("#container > ul").tabs().bind("load", function(event, ui) { console.log('test-inside'); }); $("#container > ul").tabs().bind("load.ui-tabs", function(event, ui) { console.log('test-inside'); }); $("#courseContainer
jQuery UI Tab Error
I tried searching but came up with nothing about my issue (though a couple of issues seemed similar). But... anywho, description: I'm using jQuery 1.2.6, jQuery UI 1.5.2, and jTemplates 0.7.0, autocomplete 1.0.2, disableTextSelect 1.1, and jQuery Cookie. The application I'm writing involves generation of content based on data from a SQL table (obtained with $.ajax, in the same way that can be read about in many encosia.com articles). I generate different tabs and tab panels based on a table specifying
Disable hover listener while using sortables?
Hi, Is there any good way of disabling any hover-listener while sorting? The problem is that I have hover listeners on some of my items in my sortable list, and they tend to show up when dragging elements around, thus making it very hard to place the moving element in the correct position. Thanks for any help!
Droppable : The coordinates problem on scrollable div
Hi, I encountered a problem about the droppable plugin. I wanted to drag a item into a scrollable div , but the plugin could not re- calculate the coordinates after the div was scrolled,the coordinates were same as before scrolling, so that it made the onover /ondrop could not work properly as well. Anyone knows how to fix it?
Multiple ULs sortable serialize
Hi all, I have an admin tool for a site and one of its pages shows the entire main nav menu in a bunch of separate UL's (ie, <ul><li>MAIN PAGE <ul class="sortable"><li id="1">SUB PAGE</li><li id="2">SUB PAGE</li></ ul></li><li>MAIN PAGE <ul class="sortable"><li id="3">SUB PAGE</li></ ul></li></ul> ). I have used jquery sortables to let the sub-page LI's sort under their parent page. The main page LI's do not sort, only their sub-pages can sort. As you can see, I put a class of "sortable" to allow
Dialog - destroy on close
Hi, I want to emulate a custom alert message using the dialog. Here's an example: $('<div>jQuery is great!</div>').dialog({ title: "I love jQuery", modal : true, overlay: { backgroundColor: '#000', opacity: 0.5 }, buttons: { 'Okay': function() { $(this).dialog('close').remove(); return false; } } }); } One thing I realized though, is that if the user clicks the X rather than a button, the dialog gets closed but not removed. Is there a way to not show the X or to destroy the dialog when it is closed
Tabs
Is it possible to open multiple tabs with one tab click?
Jquery and prototype conflict
<div dir="ltr">Hi Guys, I am using JQuery as well as prototype in my application, both of the lib are conflicting since both uses $ for short cut. I saw a work around on jQuery.com but its not working. I would really appreciate if some one give me any solution. my code is as below: <script type="text/javascript" src="js/hoverIntent.js"></script> <script type="text/javascript" src="js/superfish.js"></script> <script type="text/javascript" src="js/jquery.corner.js"></script>
Resze Element Not Working?
Hi. I have a feeling that there is an easy solution to this problem but I can't seem to get this to work so please bear with me. I am using the Tabs feature. Basically I am trying to get the ".ui-tabs-panel" element to resize to a specific width when a user click on a specific tab. Currently, I have the ".ui-tabs-panel" set so that it resizes to fit whatever content is in it by using "float: left". Could someone help me figure out how I can go about getting this to work? Here is the JS I have been
[jQuery] A step-by-step guide to find your perfect partner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> <b><font face="Arial">Hello friends.... Come and learn the right way to a successful relationship Stop imagining what it would be like to spend time with interesting and attractive women or men Start to make it Happen for REAL....</font></b> <a href="http://hizwan.onsalenow.hop.clickbank.net/"><img alt="" src="cid:part1.01090409.02090508@gmail.com" border="0" height="2000"
tabs 3 problem loading in IE6
Hi, I can´t figure this out myself. I have a list of links on the left that load content into the tabs panel on the right side of the page. All content have the same css applied to them but 2 of them load moved down leaving a big empty space on the page. This only occurs in IE6 (haven´t tested IE7 yet). Fine in FF. tests here: http://www.tankestudio.com/di_website/galeria.html Thanks in advance.
[dialog] defining the "hide" parameter
<div dir="ltr">Hi list, I'm using the dialog widget, and I'd like to use the "hide" parameter (the one that defines the effect used when the dialog is closed). I'd like to use the "clip" effect, but I need to add some parameters to it. Let's say I want to do hide("clip", { direction: "vertical" }, 1000) How can I define the clip parameters when declaring my dialog widget? " hide: 'clip' " works fine, but I need to add some parameters and the "hide" attribute is a string. Then what is the right syntax?
addClass/removeClass/toggleClass animations bug?
Hi, When using these I run into problems if any of the functions run whilst an animation is still running. Will get a test page up, but just wondering whether this is a known issue or if it needs a new bug report. Cheers, George
Is such a thing doable?
I want to use a plugin(like draw) or any widget to paint a polygonal shape in the canvas or as SVG. What I want to do is that, I need to drag/drop, select this shape as if it were a DOM element. The painted shape must be made to behave like a DOM element, so that we can use CSS to provide background-color, borders etc.. etc.. Is such a thing doable, with the current plugins we've got? The homepage of scriptaculous shows selectable, draggable circles. http://script.aculo.us I saw a similar effect
UI demos not working
Referred a colleague to the UI docs but found the following demos weren't working! All I could say was oops :( http://docs.jquery.com/UI/Magnifier http://docs.jquery.com/UI/Colorpicker http://docs.jquery.com/UI/Progressbar http://docs.jquery.com/UI/Spinner Is someone looking into this?
What does the validate method to do your form?
Is there any place that lists simple things like "IF you run the validate() function on your form and it finds errors, it makes the following changes to your form..." For example it adds the error class to your input field and to it's label. I have been reading the docs for days and can't find simple explanations of this sort. I finally found a sample at http://lab.distilldesign.com/jquery-form-validation/extending/ that at least gave me an understandable example where I finally figured out how the
Datepicker
It's possible to disable/select by default class some days?
Autocomplete in 1.6b
Hello, I want to use the Autocomplete from UI Version 1.6b. The Docu seams to be OK, but the Demo Link point to a site using another Autocomplete Plug-In. Why? And when will this be fixed? Thanks and greetings, Stefan Sturm
[accordion]Modifying trigger event for "selected" item
I have the accordion plugin implemented for the navigation structure of a site I designed. I love the effect, but have a small problem with the way it works. If you mouse-over a first-level navigation item so that it expands to display the child-level items, moving your mouse just off the parent and back on closes it again. Is there a way to modify it so that once you have moused-over and expanded a parent, there is no mouse-over trigger for that parent? I only want that item to close down if the
Next Page