how to push Items when using resizable and draggable.
Ok, I have several items that can be resized to the east and can be dragged. But when you resize them the other boxes get moved over and the first (resized) box is under the rest. This is also the same for when you move them, they get stacked on top of each other. Is there a way to make them move out of the way?
Javascript error re connectWith variable on sortable list (jquery)
Have tried everything to get this working. Basically within each portlet there are 2 sections and users should be able to drag items from one section to the other (within the same portlet). As the sortables are generated dynamically, have tried to do something similar by creating a variable for connectWith, but keep getting javascript error when I include the connectWith line. See: http://www.nimr.mrc.ac.uk/ttest/090209/nimri_c.html Any pointers much appreciated. :)
Containment issue when using draggable/resizable and positioning container.
Apologies if I am not following any certain etiquettes of the list. This is my first mailing-list post, ever, so bare with me. I created a containing div ".tb_container", gave it a width, height and border for clarity. On page load, I will append a div, ".resize", inside of .tb_container. I will then add .resizable() to .resize with left and right (w & e) resizability and contain it to it's parent, which i assume is .tb_container. Then, i add .draggable(), with left & right draggability (w & e) and
Append Result to a <p>
Hi I'm having problems appending my results to a paragraph without refreshing ... I've done a simple ajax test on my own form but calling google.ca to do a search . I want to output the result within a DIV on the current page without refreshing the page. For some reason, it is displaying the whole result in a new page instead. Can anyone tell me what I am doing wrong here? Thanks <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Problem dragabble/droppable ie link
Hi there we have a problem we have a draggable that contains a link <div class="dragdrop"><a class="buy_drag" href="somelink.html"><img src="somesrc" /></div></div> $(".dragdrop").draggable({revert: 'invalid', helper:'clone',cancel: 'buy_drag'}); makes it draggable $("#putin_cart").droppable({ accept: '.dragdrop', drop: function(ev, ui) { // do something } }); makes the droppable zone firefox handels all right but if you drag the element in IE and put it
accordion box not working
on this url http://www.greenviewevangelicalchurch.co.uk/index.php?/explore/details/C87/ I just can't get the box working. It works fine locally, but when I transfer onto live and into my cms (my code looks ok) it won't work. any ideas?
Native offline jQuery docs for OS X
Ruthless self promotion and ask for help. I created OS X dictionary from jQuery docs. Basically it is native offline document format and integrates fully with operating system. You can search the docs in Spotlight (Leopard only), context menus (Leopard and Tiger) and of course the dictionary itself. So if you could try it out. Report if you have any problems, especially Tiger users. I do not have access to Tiger at the moment. http://www.appelsiini.net/2009/2/search-jquery-api-docs-from-spotlight
Display datepicker from an anchor
Hello, I've searched a lot and can't seem to find an answer to my question. I'm new to jQuery and can't seem to solve what seems to be a simple problem. Is there a way to use the datepicker from a link as in <a href="#" id="date_picker">Monthly View</a>? Thanks in advance, JT
dialog minimize button
hi all. i'm new to to this list and jquery. is it possible to easily add a minimize button in the title bar of jQuery UI dialog? is there a plugin for doing something similar? thank you Paolo
can't figure out why droppable drop function not working...
hi all, i can't figure out why the drop function isn't working for my droppable, even though the draggables and hoverClass works. i've been using jquery for awhile and this is the first time that i've been stuck. any ideas why it isn't working? thanks. javascript: $(document).ready(function(){ $(".action").draggable ({revert:"invalid","zIndex":"100","opacity":"0.9",cursor:"-moz- grabbing",helper:"clone"}); $(".droppable").droppable({ accept: ".action", tolerance: "touch", hoverClass:
Cannot get JQuery working on my web page
Hi Guys, I cannot get JQuery working at all on my web page, but the demo work well, can there be a fatal JavaScript error that I am unaware of? Please see my example code below: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Login Module- version 1.0</title> <link href="C:/www/lcsm/css/default.css" type="text/css"> <link type="text/css" href="C:/www/lcsm/includes/3rdparty/jQuery/theme/ ui.all.css" rel="Stylesheet"
Button styling and lack of a visual "clicked" or "depressed" state
1) I'm a bit mystified by the lack of themed buttons in jQuery UI. I've rolled my own theme in Steamroller. I've styled my divs with the css available. I assumed that just having a button inside a div that had the widget stuff on it would be enough. Is there css I can put on the button to have it automatically get appropriate hover and other states on the button? Or do I have to attach some javascript? 2) As a side issue, the jQuery UI seems to be lacking a state I expect in any UI library. There's
Tabs Content Affected by Floating Sidebar in FF Only
Hello, Trying to re-skin my site with UI tool. In one section where I am using the Tabs the content is being pushed below a floating sidebar - but only in FF. If I remove the sidebar it snaps back up under the Tab navigation. If I use IE (7) it also displays correctly. I can't find any CSS problem. Is this a known issue or can anyone else see my error? http://mydndgame.com/index2.php?action=campaign-view&campaign=95 Thx for any assistance!
stuck on sortable('serialize')
Hi all. I've looked through several threads in this group and various documentation and blog posts, but I still can't quite figure out why I'm getting an empty string from sortable('serialize'). Yes, I'm setting the id="foo_#", although perhaps I'm not fully understanding the requirement for the id values. If you have some experience with using sortable, can you please check over my code for obvious rookie mistakes? I've posted my code here: http://gist.github.com/60065 Thanks in advance to anyone
Intermittent issue with Accordion on Safari
Hi, I have an accordion that works perfectly in all browsers but intermittently fails to completely intialize on Safari. There is nothing special about the accordion. There is a form in one of the panels. The behavior is hard to reproduce, but have noticed it on Safari 3.2.1. Using jquery 1.2.6 and jquery ui 1.6b. On load of the page the accordion is formatted properly with the first panel opened and the others collapsed, but the accordion headers for the panels do not respond to mouse events. (i.e.
jQuery newbie - problem getting dialogs to work
I'm having a little difficulty getting dialogs to display correctly. I've been following examples I've found on the web site, but the dialogs display with no formatting. I can move and resize the dailogs, so I know I'm pulling in the javascript correctly. If I create a div and specifically set it's style to one of the dialog elements it gets formatted correctly, so the css is also being pulled in correctly. Here's the code I've got: <html> <head> <script type="text/javascript" src="jquery-1.3.1.min.js"></script>
Nested Accordians do not work well (or as advertised) in Firefox!!
I was wanting to present some of what is on the page , http://mynichecomputing.org/testpage/ , to a group of Twin Cities web professionals (when I present about jQuery) but it looks like the accordians aspect of jQuery UI does not work as advertised. Help with the above would be greatly appreciated. Looks like I may not be able to present about jQuery UI, when I present about jQuery because of this and because several jquery.ui programs fail to run with jquery 1.3.1 & jquery.ui-1.6rc6 . My trust
problem with dragging&dropping sortable items
hello ui community, it would be great if some of you could check my problems. it's very odd and i tried to fix it over the last days, without any positive results. i am using an accordion menu, this menu separates two lists which both are sortable: $('#playlistList').sortable(); $('#searchResultList').sortable(); i also want to have the items in those lists to be draggable. as i learned in this user group: it's not necessary to specify the elements as draggable (since this is done by sortable).
Datepicker in a dialog
Hello I'm using the datepicker in a modal dialog. The problem is, when I scroll the dialog content (which often happens) and the datepicker is visible, it does not scroll sticked to the bottom of the input field. Which is obvious to me, because it has an absolute position relative to the document body. My solution to this so far is, that on the dialog's scroll event (but on drag and resize as wellI recalculate the position and change. This works, but not so smooth, it has a delay, and of course,
Highlight / Error in jQuery UI 1.6rc6 with UI darkness theme
Hi, I download UI darkness theme package today and i have error when i generate demo.html: Highlight / Error Hey! Sample ui-state-highlight style Alert: Sample ui-state-error style.
extremely slow scrolling under dialog ?
Hello, I have some dialogs with contents that requires some vertical scrolling. The problem is moving the bar up/down makes the content lags (i.e. its very slow). Anyone else has this problem ? I can setup a demo if needed.
Problem with themeroller
Hi, Big props to the jquery team BTW! Amazing work you are doing. I have a problem with the themeroller. When i download the archive it seems to be corrupt or invalid. I've had this problem for the past couple of days. Much thanks, JMG
Get jQuery.SerialScroll and UI/Tabs to play together
I have been trying for most of the day to get UI/Tabs - http://docs.jquery.com/UI/Tabs working with SerialScroll - http://plugins.jquery.com/project/SerialScroll and http://flesler.blogspot.com/2008/02/jqueryserialscroll.html without success. I have each working on their own but am baffled on how to integrate the two. I have read "Coda Slider Effect" http://jqueryfordesigners.com/coda-slider-effect/ and others but I am still stuck. I am particularly interested in using the Themed (UI) Tabs provided
adding tabs works terribly different in IE vs firefox
I am working with something that makes use of Jquery's tabs. It works perfectly in firefox but in IE the add functionality is not doing what it should by my accounting. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <!--stylesheet that has the barebones hide rule described in documentation and nothing else--> <link rel="stylesheet" type="text/css" href="CSS/jqueryStyles.css"/> <script type="text/javascript" src="jquery-1.3.1.js"></script>
How Can I do gradient background with jquery ui?
How Can I do gradient background with jquery ui? Thanks
Can't get the dynamic INDEX using index() in IE7, but normal in Firefox
Demo: http://hctgroup.vicp.hk/test.html Please view the code as below: //jquery-1.2.6.min.js //ui.tabs.js //ui.tabs.css $(document).ready(function(){ $('#container-1 ul').tabs({add:addEventHandler}); }); function addEventHandler(lnk){ var li = $(lnk).parent(); $('<img src="close-off.gif" class="ui-tabs-button" />') .appendTo(li) .hover(function(){ var img = $(this); img.attr('src','close-over.gif'); }, function(){ var img = $(this); img.attr('src','close-off.gif'); } ) .click(closeEventHandler);
DatePicker Position
How do I reposition the DatePicker to open up to the right side of the text box (or image) instead of directly below it? Thanks, Chuckerin
Why in themes font size in em?if user reduce or increase size of browser if its in em only half of letter will be visible
Why in themes font size in em?if user reduce or increase size of browser if its in em only half of letter will be visible
Customize Datepicker
Hello! How can I customize Datepicker to have the following experience: - only Mondays should be selectable, or if any day in a week is selected, the returned value to be the Monday for that week; - only the week before, after, and this week should be selectable (so the range -1W -> +1W to be calculated relative to the entire week, not the current day)? Thanks a lot!
UI Datepicker API doc broken : (
http://docs.jquery.com/UI/Datepicker Leon
Theme Roller dependencies?
I use theme roller to style datepicker UI. I have downloaded the theme and I get file like jquery-ui-personalized-1.5.3.min.js. What about *ui.core.js* and *ui.datepicker.js* ? Do I need them too? Also what happened to CSS ? I dont get it in the created personalized file. So how will my UI look like I choosed in the roller?
Still: Problems with Accordion sets in Tab Sets in Firefox
Still: Problems with Accordion sets in Tab Sets in Firefox What am I talking about?: see : http://mynichecomputing.org/testpage/MYtabAccordion.html View in IE, all is well. In Firefox, the first Accordion of each tab set (in the switching divs) is all-expanded. (Content of accordians in each switching div (tab set) is the same except the 12, 13, 14, 15, 16, or 17 in the first accordian -- just because I have not yet provided 120 different pieces of content) please help by emailing me
Slider and change event via bind
Hello I'm trying to binds a handler to the sliders 'change' event. But i cant make it work, can anyone tell my what I'm doing wrong? It works if is done via the 'change' option when creating the slider, but not via bind. A sample page to illustrate what I'm doing (with jquery-ui 1.6.rc6): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>A Slider</title> <meta http-equiv="Content-Type"
Issue using $("#dialog").dialog("option", "dialogClass"."ui-state-error")
jQuery v1.3.1 Query UI 1.6rc6 Base theme I'm either doing something wrong or it appears as though the method for changing the default option for dialogClass on the fly is being updated but not applied to the dialog. Example code http://pastey.net/107787-t9eq Output: Dialog Info: Pre-Change - Dialog Title: Dialogclass: not-a-real-style #dialog.parent() class: ui-dialog ui-widget ui-widget-content ui- corner-all not-a-real-style Post-Change - Dialog Title: Error-2 Dialogclass: ui-state-error #dialog.parent()
ui.tabs ajax load only once
Hi, How to turn off ajax load feature for TAB after first load? I need it only once, then it mustn't reload page any more again despite of tabselect. regards, Piotr
[DIALOG] height is always auto
I am having an issue (both with 1.6RC5, and 1.6RC6) where the heights are ALWAYS auto on the dialogs. The width is set correctly in all cases, but for the life of me, I cannot get the height to work. I am setting height different ways on different dialogs, but they all act the same: autoOpen: false, height: 118, width: 166, position: 'center', title: 'Loading, Please wait...', modal: true, closeOnEscape: false, overlay: { opacity:
Tabs & Cleartype
I know this topic has been around, but none of the fixes I've found have actually fixed it. On my site when a tab is clicked the font instantly becomes anti-aliased in IE 6/7 (but not 8). Thoughts? http://www.chris-gwen.com/
Sortable Tree
Does somebody have an example of a sortable tree. Something like this from ExtJS: http://extjs.com/deploy/dev/examples/tree/reorder.html Is it also possible with jQuery? Does anybody already have a nice example with code for me please.
How Can I do sounds tabs effect with JQuery?
How Can I do sounds tabs effect with JQuery?
The problem of Core/index in IE7
Please view the code as below: //jquery-1.2.6.min.js //ui.tabs.js //ui.tabs.css $(document).ready(function(){ $('#container-1 ul').tabs({add:addEventHandler}); }); function addEventHandler(lnk){ var li = $(lnk).parent(); $('<img src="close-off.gif" class="ui-tabs-button" />') .appendTo(li) .hover(function(){ var img = $(this); img.attr('src','close-over.gif'); }, function(){ var img = $(this); img.attr('src','close-off.gif'); } ) .click(closeEventHandler); } function closeEventHandler(){ var index
Next Page