pulsate?
How can I use the pulsate plugin? I can't find any documentation and firebug complains, "$("#main_pane").pulsate is not a function" where I call $('#main_pane').pulsate(). Can anyone explain this plugin to me? -- View this message in context: http://www.nabble.com/pulsate--tp17602215s27240p17602215.html Sent from the jQuery UI Discussion mailing list archive at Nabble.com.
Sortables problem...
Please visit the URL below and let me know if there is any problem in using the jQuery UI sortables. http://tech-test.tutorialsforu.com/
UI Sortables
Can I use sortables for div's that contains iFrames (Shindig gadgets)? that doesn't need refresh of iFrame? Inside that iFrame, I have placed a alert, and each time I drag it, I will get two alerts. Is there any way of not using a proxy element?
Drag and Drop does not work with Object/Embedded Flash Players
The drag and drop example I am using is not working with Drag-N-Drop if the draggable item contains a flash player such as the YouTube Player. Any reason for this?
RC1 Release Date
Is there a planned release date for RC1? or 1.5 over all? Apologies if this has been covered elsewhere recently.
ui.dialog.js is not draggable
Here is my code- just the relevant parts (actually it is not mine but from here http://mdrisser.r1designs.net/blog/?p=3): <head... <script src="scripts/jquery/jquery-1.2.6.min.js" type="text/ javascript"></script> <script src="scripts/jquery/UI/ui.core.js" type="text/javascript"></ script> <script src="scripts/jquery/UI/ui.dialog.js" type="text/javascript"></ script> <script src="scripts/jquery/UI/ui.draggable.js" type="text/ javascript"></script> <script src="scripts/jquery/UI/ui.resizable.js" type="text/
resizable and draggable
Hello, I am having a problem using .resizable and .draggable at the same object (DIV) too. Are anybody solve this problem? P.S. Don't propose old-good ui.dialog :) Best regards, Serge
Accordion tabindices
Hi Jörn, I have another request for you relating to the accordion plugin: When adding "tabindex" attributes to the accordion headers, could you have it only add the tabindex when it is a valid attribute for that element. e.g. In my current application, I am using DIV elements for headers. "tabindex," however, is not a valid (X)HTML attribute for those elements. Let me know if there is any way I can help. Thanks, Keith
Nested tabs not displaying correctly in IE6
I used the jquery ui tabs for a federated search project. Everything looks good in FF and Safari. Alas IE6 jacks it up. I'm not really sure where to go from here. I choose to use this library because it said it was IE6 compatible. Oh well, if anyone on here has a thought as to what I may be missing I'd appreciate it. I'd rather not create an IE6 specific style sheet. Here's the link... http://southernaesthetic.com/fed_search_template/index.html
Sortable with radio button
I have this html to be sortable: <ul id="attributes"> <li> Attribute 1 - mandatory: <input type="radio" value="true" name="attribute_1.mandatory" checked="checked"/>Yes <input type="radio" value="false" name="attribute_1.mandatory"/>No </li> <li> Attribute 2 - mandatory: <input type="radio" value="true" name="attribute_2.mandatory" checked="checked"/>Yes <input type="radio" value="false" name="attribute_2.mandatory"/>No </li> </ul> After drop the element, the checked radio button becomes unchecked.
Tab frameset and page loading questions
Two questions: 1) Can pages with framesets be loaded into a ui.tab? I only get a blank screen currently when I attempt loading a page remotely that has frames in it, whereas frameless pages load perfectly. 2) Is there a way to load a clicked page link into the current tab without changing the parent url of the tab itself? (i.e. I load a page within tab A, the page has 3 links going to three remote pages but I want all three links to load their target pages in the current tab)
bug: [ui 1.5b4] Jquery UI Dialog ...
I found Dialog got a problem when I use jquery.ui- all-1.5b4.packed.js. before, I used jquery.ui-all-1.5b2.packed.js and dialog will be displayed ... here is the error from firebug [code] missing } after property list http://localhost/public/js/jquery.ui-all-1.5b4.packed.js Line 1 $("#cndnbox").dialog is not a function [/code] Please fix the bug ;)
droppable element visibility
Is there a way to forcibly update active droppables and their drop hitboxes? I have a tree view containing droppables and I would like for it to expand an item if the user hovers a draggable over it. I have that feature working insofar as the tree is concerned, however it screws up drag-and-drop. There are two problems: 1) After an item expands, any items below it in the tree have moved, but their hitbox for drag-and-drop remains the same as it was before. 2) Items that were hidden when the dragging
horizontal jscroll?
hi, i'm looking for a clean solution to scroll a div content horizontal. jscroll seem perfect but does it only scroll vertical? is there some other solution? i don't look for something like jcarousel, i just need to customize the scrollbar of some div with overflow:auto... thanks in advance!
Setting tab content panel height?
Is there a way to make tab content panels resize to the window height? I've tried a number of things, and can set the content panel height once when the page first loads but as soon as the active tab is changed it loses all height settings and just fits to the panel content height.
added code to connectToSortable
Hello, I've added 1 line of code to the new plugin of connectToSortable. //Now we fake the start of dragging for the sortable instance, //by cloning the list group item, appending it to the sortable and using it as inst.currentItem //We can then fire the start event of the sortable with our passed browser event, and our own helper (so it doesn't create a new one) this.instance.currentItem = $ (self).clone().appendTo(this.instance.element).data("sortable-item", true); this.instance.currentItem.html($(ui.helper).html());
Droppable performance
Hello list, I'm working with a page which has many droppables (~250) accepting the same class of draggable. The delay when the draggable is moved, due to the offsets calculation, was unacceptable (several seconds) on slower browsers (IE and FF2, not so good on FF3 also). My workaround has been to disable the droppables, group the elements in containers and create droppables for the container; then enable/ disable the contained droppables in the containers' over and out methods. Works like a charm,
Problems using resizable grid
I'm having problems with using resizable({grid[]}). The follow code works well in Firefox but not in IE 7. Was hoping someone could provide some insight see if I'm doing something wrong. //The Javascript $(document).ready(function(){ $(".block").click(function(){ $(this).html('<div class="example">x</div>'); $(this).children(".example").resizable({grid:[0, 22]}); }); }); //The css .block{border:solid 1px black; width: 139px; height: 20px; margin:0px; text-align: center;} .example{ border: solid 1px
Draggable/Droppable and Tabs
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
Scroll goes to top after close Dialog
When I close dialog page scoll to top. What is wron?
New plugin for draggables "connectToSortables"
Hello, I needed to drop a draggable in more than 1 sortable. So I altert the plugin "connectToSortable" to the following. $.ui.plugin.add("draggable", "connectToSortables", { start: function(e,ui) { var inst = $(this).data("draggable"); inst.sortable = new Array(); inst.sortableOffset = new Array(); inst.sortableOuterWidth = new Array(); inst.sortableOuterHeight = new Array(); for (var i = ui.options.connectToSortables.length
closing panels
Good Morning, I am new to this so here is goes, I have recently placed a accordion menu system onto my site but am having problems with it. The menu open/ closes fine when clicking on the main headings and all information is displayed correctly within it, but when a sub menu is selected it closes the current panel so the user has to keep re-opening the panel to get back to the options. This is really annoying I wondered if anyone had any clues to why this would keep happening as I need to keep the
Dragabbale/Resizable containment / proportional resizing
Dear devs, I am trying to implement a simple image cropper using JQuery UI 1.5 I am using the draggable and resizable interfaces. The html code goes like this: <div id="crop_container"> <div id="cropper" /> <img src="the image to crop" /> </div> The cropper more or less works. However I have two problems: - How can I constrain the dragging and resizing of #cropper inside crop_container? I tried: $('#cropper').draggable({containment: 'parent'}) $('#cropper').draggable({containment: '#crop_container'})
drag and scroll
Hi, Does anyone have any idea to create drag and scroll like Google Map? I have been searching for quite awhile and yet find any solution. Cheers
After upgarding to 1.5b4 dialogs are no longer draggable
I did full upgrade to 1.5b4 (jquery itself, core, all components...). Now the dialogs are not draggable anymore. -=gosh=-
Sortables and cloning
Hello, I want to do the following: I have 5 items where the user can choose from and drag them to some div's as much as he want's. So the 5 items stay where they are but clone themselves to the div's. and in the div's you can sort the items and drag them over to an other div. I just want to know if this is possible or if this is going to be possible in the final version of jquery 1.5. Or if soeone has a nice example of doing this. And not the real-world layouot example. Couse that's not doing it
Jquery tabs at the time of refreshing the active remains same
Hi all, I am using jquery tab in my application. At the time of refreshing the page, I need the active tab should be retained jQuery(function($){ $(function() { $('#container').tabs(); }); }); The issue is I have 3 tabs. when I click the 3rd tab, The 3rd tab is activated. When I refresh the page first tab is loaded. I dont want this. when I refreshing the 3rd tab should be the active tab. Thanks in advance
Working with Draggables
Hi there- I'm having some troubles working with the draggable ui. I am using the latest UI available from the Download Tool. (Which appears to be 1.5 B3 based on the name of the file I downloaded) When trying to use the 1.5 B4 full download everything broke (looking through the discussions it appears that the build came together incorrectly?). I'm trying to build a "google-maps-like" interface, where my game board is the map that you can drag and scroll around in. The setup is to have a "Draggable"
horizontal menu instead of drop down menus
Hi, is there any plugin or does anyone have the code for the horizontal menus. example. item 1 item 2 item 3 item 4 item 1.1 item 1.2 item 1.3 when highligted on item 1, the sub menu should be horizontal. any help could be very helpful since i am new to jquery. Thanks Best Regards VJ
Scrolling while dragging?
I'm still working on my prototype, but I've come across something which is an annoyance. Here is my current proof of concept running on my server: http://www.sfr-inc.com/dice/game_view_matrix.php?Game_ID=1 I have a lot of Ajax (actually Ajah, but...) going on, so give it a moment to fully load. As an overview: the current functionality is drag, drop, ajax to persist to the DB, then ajax to reload the two areas invovled. I'm using draggables and droppables, rather than a sortable... just because
Bugs of sortable
Hi, I found two possible bugs on sortable, and I would like some help. The first, when I apply the "sortable" to a list that contains a div with some height (like 500px) and set the containment to this list, I cannot drag this div to bottom and sometimes to top. There is an example (try to drag the orange div to the bottom): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/ TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Draggables
slideToogle and Cookies
Hi! I want to bringt "slideToogle" and the Cookie-Plugin together. How does it work? Link to the cookie plugin: http://plugins.jquery.com/project/cookie This is one of my functions. $(function() { $('div#comment_fields').hide(); $('small#slideToggle').click(function () { $('div#comment_fields').slideToggle('slow'); }); First, I hide the element. But how can I use the Cookie-Plugin with that? Any ideas?
[accordion] scale, but do not collapse one section
Hi, I would like to have one section in my accordion that does not collapse completely when another section is selected. Instead, it should scale to a height that I specify. In this way, a little bit of the content of this section will always remain visible, tempting the users to go back to that section. I'm not sure if this can this be done with the current accordion script, because it applies 'display:none' to the collapsing section. Any thoughts, ideas or even solutions? Your help is really appreciated.
[accordion] easing v1.3 and easeslide
Hi, I'm successfully using the the latest version 1.6 of the JQUery accordion plugin. For my accordion, I have a bounceslide effect defined, which just works fine. However, as soon as I change the effect to "easeslide", I'm getting javascript error messages and the effect doesn't take place. Using the easing plugin version 1.1, the easeslide effect works perfectly. Is that a known issue? Here my abbreviated code: <script type="text/javascript" src="../scripts/jquery/plugins/easing/ jquery.easing.1.3.js"></script>
Accordion Height Issue
http://www.advertisingdesign.com/adclient/finstads/ With fillSpace set to "true", the height of the active dd is correct in Safari, but not in FF. With it set to "false" the opposite is true. The height should be 373px, but it seems to be reset to 124px when the accordion is set. Any thoughts? And no, I haven't even started testing on IE yet. :P
After upgarding to 1.5b4 dialogs don't work in IE6/7
MSIE (both 6 & 7) refuse to work with the new ui.dialog.js. The error "not implemented" is thrown on line #180: minTop = top = doc.scrollTop() kind regards, -=gosh=-
ui.dialog on model mode.
I have error when dialog open with option modal:true. Like this "dialog.options has no properties". ui1.5b4
Memory leaks on with draggable and droppable plugins
I've found memory leaks when using those plugins. Just try this code: <html> <head> <script src="jquery-1.2.4b.js" type="text/javascript"></script> <script src="ui.core.js" type="text/javascript"></script> <script src="ui.draggable.js" type="text/javascript"></script> <script src="ui.droppable.js" type="text/javascript"></script> <script type="text/javascript" charset="utf-8"> $(function() { var html = []; for ( var i=0; i < 10; i++ ) html.push("
Drag/Drop with conditions
Hi, I'm new to the drag/drop stuff in jQuery UI and am finding it really useful. My problem is that I need to be able to apply conditions upon drop to decide whether or not to append the dragged element to the droppable div. At the moment I have a simple drop function: $(".dropBox").droppable({ accept: ".dragableBox", drop: function(ev, ui) { var theId = ui.draggable.clone().attr("id"); document.getElementById('dropShipment').innerHTML=$
Sortable and clone
I'm looking for a sortable table where I can add some items to by the D&D principle. I have: $(document).ready(function(){ var els = ['.test']; var $els = $(els.toString()); $els.sortable({ items: '.move', cursor: 'move', connectWith: els }); var $elsclone = $('#cloneitems'); $elsclone.sortable({ items: '.move', helper:
Next Page