New project
Hello, I intend to start a new project, being a front end editable CMS. I know there are a lot of discussions about wether or not a font end system for CMSs are useful. I do not want to engage another of this discussions. I just want to know if there are people on this group who have some free time and are interested in participating in developing such a system. The reason I ask this in this group is because I would like to make the front end system with jQuery and all its possibilities. So it can
Mac dialog box
Hello, Is there anyone how knows a Jquery plugin that can display content in e mac like dialog box? There is a Prototype Class that can do that, so I was wandering if there was a Jquery class that can do the same. Thanx
fadeOut......fadeIn
Hi, Hoping someone can assist as I am unsure as to what I am doing wrong. I currently have two divs on the same page that are using the same div id, i.e "side_menu_sys". I have a button on the screen that calls the toggle method which will either fadeOut or fadeIn the abovementioned div, i.e: jQuery().ready(function() { jQuery(".fader").toggle( function(){ jQuery("#side_menu_sys").fadeOut("slow"); }, function(){ jQuery("#side_menu_sys").fadeIn("slow"); } ); }); Unfortunately, when I press on the
Sortable "stickiness"
I've been working with a series of ordered lists using the UI Sortable tool, and have experienced a lot of "sticking" where the cursor cannot seem to release a LI element after dragging it. I've noticed this example does it on FF2 (Mac) http://dev.jquery.com/view/trunk/ui/demos/ui.sortable.html The example I've put together based on this code also has a certain amount of this "stickiness", but occurs in Win IE6&7, and Win FF2 Has anyone experienced this, and more importantly know how to overcome
Sortable and href link
I have sortable div #container that consist divs. There are links in this divs. And all works fine but link in the first div doesn't work. Only in first. If i drop on the first place other div, it's lint will not work. What do i do to fix it? If it can't be fixed, may be there some way to make draggable for sorting only some part of sortable divs?
Resizable bug in IE with proxy
Anyone else having trouble using 'proxy' in IE? My code looks like this: $('.resizableColumn').each( function() { $(this).resizable({ handles: { e:$(this).children('.dragHandle') }, proxy: '.proxyClass', stop: function () { resizeCols(); } }) } ); FF and safari have no problems with that, IE 6 and 7 both blow up after resize is completed. Specifically, they return the error
Wrong layer exposed on drag
I have a page that reveals a layer on user click. That layer is draggable per this: $(document).ready(function() { $('#facebox').Draggable( { zIndex: 20, ghosting: false, opacity: 0.8, handle: '#dragHandle' } ); }); Then if you click a link in the layer or use a submit button, that layer is re-populated with new content. However, when you drag the layer the previous content shows until you stop dragging. I have played with z-index to no avail.
Accordion Hover Issue
Hello, I am working with the accordion and everything works great except for the fact that when I slowly hover over the next "li", it puts the class on the new element, but doesn't adjust the elements through javascript. The .selected be on the previous element, but the mouseover function will not fire until later. It is not very consistant either. I don't know if this is a bug or just my code. Here is my code jQuery("#slider").accordion({ active: '.selected', navigation: true, fillSpace: true, autoheight:
Tabs problem: text blur / anti alias on Toggle dont work
Hi, I'm experiencing a problem on tabs, and I found the same problem on the demos on the site. When I use the option Fade Toggle, at page loading everything is ok, the blur / anti alias is functioning, but as soon as I click on one of the tabs, the text blur effect of the browser (both IE 7 and Firefox 2) stops working, making it crispy. Did anyone notested this? Does anywone know of a solution or patch for this? Is this a browser or jquery/tab problem? Thanks. Pedro Mendonça
Resizables bug, IE7 gives error when using 'proxy'
I'm getting an error when I try to use the 'proxy' option with resizables, on IE7. I haven't checked on IE6 yet, but it could be showing up there as well. The basic error is 'Invalid Argument' (not very helpful, but I don't have a javascript debugging agent set up on IE atm, I'll try in a little while to see if I can get some more information back). The same error repeats dozens of times on each resize, so it's being looped over somewhere. I'm using a copy of ui.resizable.js checked out on 4/21/08.
dojo popup widget and jquery conflict
We are trying to use a dojo popup widget with JQuery. It seems the onClick event is held by dojo and JQuery cannot fire any onClick events. We are using the JQuery noConflict() function but it still fails. Anyone experienced this before and found a work around? Thanks, Dan
Magnifier
<div>Hi</div> <div> </div> <div>Can anybody help me out</div> <div> </div> <div>does the magnifier make decisions about which direction to expand when it is at the edge of the screen?</div> <div> </div> <div>if not is there an option for this?</div> <div> </div> <div>cheers</div> <div> </div> <div>tony</div>
Tabs not working. What am I missing?
I copied from the demos. http://www.whousescoldfusion.com/tabs.cfm THanks, Derek
Hiding .ui-tabs-hide
The documentation on theming tabs says: At a bare minimum you should have the following CSS: .ui-tabs-hide { display: none; } Because display: none can cause issues with screen readers, I am tempted to change the docs to: .ui-tabs-hide {position: absolute; left: -9999px} /* better for screen readers */ Before I do, though, some issues ought to be addressed: 1) Off-screen positioning seems to work just fine when I edited the css for the tabs demo page using Firebug. But maybe other people have tried
Dialog bug?
The content of latest version of Dialog UI don't displayed, anybody knows anything?
UI datepicker
hello, I have some problems with the datepicker Basically I have a table called unavailabilities with a date field. I want to do two things. when I click on a date in the calendar, I want it to send an ajax call so that the server code writes a record in the database. when it's clicked again it removes the record. that's fine. but the problem is I want the calendar cell clicked to add a new css class and when it's clicked again, it removes it. I'm not sure how to do that. second problem is that I
tabs bug?
It appears that if my tab links contain colons, ui:tabs doesn't work. You get the exception 'jQuery UI Tabs: Mismatching fragment identifier.' I presume this is a bug? If so, where can I check to see if this bug has already been reported? <div id="container-1"> <ul> <li><a href="#00:11:22:33:44:55"><span>00:11:22:33:44:55</span></a></ li> <li><a href="#aa:bb:cc:dd:ee:ff"><span>aa:bb:cc:dd:ee:ff</span></a></ li> </ul> <div id="00:11:22:33:44:55""> hello </div> <div id="aa:bb:cc:dd:ee:ff""> world </div>
Dragging out of iframe
I already posted this in the jQuery group and realized it should be here, so forgive my double-post. I am really trying to figure out how to drag an item out from an iframe and into another element (a textarea in this example). I know it can be done with Prototype, but I do not have the ability to translate. Could anyone help with this task? I think it would make for a great plugin anyway. Here is the Prototype version: http://bluestudios.co.uk/blog/sandbox/iframe/iframe.html Thanks in advance!
switch from one tab to another from inside first tab
I love the tabs, and 90% of what I"ve done works great. But, I'm trying to load tab B from a link inside the content of tab A and then switch to tab B. The Ajax load works great, but it does not switch to tab B. I am basically doing this: // tab A is index 0, tab B is index 1 // set URL for tab B $('#menu-container > ul').tabs('url',1,url); // now Load Tab B $('#menu-container > ul').tabs('load',1); As I said the value of url is loaded into tab B, I can see the content in firebug, but the tabs don't
empty spans inserted by accordion?
Why does the accordion plugin insert empty <spans>. For example <span class="ui-accordion-left"> </span> <span class="ui-accordion-right"> </span> Are those just hooks for styling with CSS?
Issue with sortables drag and drop
Hi, I wrote 2 sortables (<UL>s) with the same code and they have only ul1 has an element but ul2 is empty. I kept moving the <LI> element from ul1 to ul2 to ul1 ... at a moderate pace and at some point the element doesn't move. It just gives this error : [Exception... "Could not convert JavaScript argument" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)" location: "JS frame :: http://phpdev.talkpoint.com/qps/libs/jquery/jquery.js :: anonymous :: line 23" data: no] [Break on this error] jQuery.swap(elem,props,getWH);return
how to sort images
sortable seems to apply to nodes. I do not understand why the example works (the selection has 1 element) and why my modification does not work function myselect(){ // var my_object_jquery=$(".sortableitem"); // var my_object_jquery=$("img"); var my_object_jquery=$("#picts"); my_object_jquery.sortable({}); } $(document).ready(myselect); I checked with firebug that I am getting 6 elements selecting the img tag, or the class sortableitem but I cannot sort the images. <div id="picts"> ../images/Practice1/Practice1.Position1.JPG
New tablesorter on JQuery 1.5?
Hi! I remember a while ago I read somewhere (most likely JQuery blog) that on the next release of JQuery, tablesorter would be replaced by some sort of grid. I've taken a look and there's no new version of tablesorter on the latest release of JQery. So I'm wondering which will be the replacement for tablesorter. I need a grid for a project I'm working on right now, so I'm gonna choose one of the amazing grid plugins I've seen on the plugin page, but if someone could tell me wich is more likely to
Z-index and placeholder
I'm using Jquery UI sortable, and I'm using the placeholder option. My css look like that : .holdercss { border: 1px dashed #666;z-index:1;} If I don't use z-index, I can't see the dashes :s But now, when I'm dragging the div, the dashes are on my div. I want the placeholder to stay behind my div during a drag, but I want to see the dashes. Thank you
Draggables Parent.
Hi, I have a page with two columns. <div width="100%"> <div id="left" class="contentpanel" > <div id="something" class="draggable">something</div> <div id="else" class="draggable">else</div> </div> <div id="right" class="contentpanel" > <div id="one" class="draggable">one</div> <div id="two" class="draggable">two</div> </div> </div> When I drag one of the draggable layers from the left column to the right it works fine - *but* I would like to
accordion problems
I'm having problems with ui.accordion.js in both Firefox and Safari (remarkably, it works great in IE!) http://www.sawmac.com/tests/accordion/ In Firefox, the animation is jerky and really slow; in Safari, the first accordion's height is miscalculated so content spills out of the bottom of the box. Any help would be appreciated thanks
accordion and easing 1.3
I notice that ui.accordion.js only works with easing 1.1--is there a plan to change ui.accordion.js to work with easing 1.3 (without using the patch file)?
thickbox question: sorry for being in slightly wrong forum
Hi I am a little bit desperate on this, and am getting nothing but silence from the thickbox forum, I am using thickbox to pop an image editing window. <http://jquery.com/demo/thickbox/> The link for opening the thickbox is on the image; like this <a href="editImage.php?height=480&width=640&TB_iframe=true" class="thickbox" title="New Image"> <img src="images/thumbs/dummy.jpg" width="100"> </a> the problem is there is a *'new image'* function that adds a new image and associated thickbox class link.
Accordion - Link In Toggle DIV Not Working
For some reason I can't get links in my toggle divs to work. Here's my markup structure: <div class="accordion_toggle"><a href="www.mysite1.com">Studio 1</a></ div> <div class="accordion_content">...</div> <div class="accordion_toggle"><a href="www.mysite2.com">Studio 2</a></ div> <div class="accordion_content">...</div> and so on... Before you ask, the 'a' tags are generated dynamically, but only under certain conditions, otherwise there wouldn't be any need for the accordion obviously :) Here's
Accordion with hoverIntent
I couldn't find any threads about this so i figured this might come in handy for someone in the future. In order to have hoverIntent as a working event in the accordion (1.5b) you should replace: if(options.event) $(container).bind((options.event || "") + ".ui-accordion", clickHandler); With this: if(options.event == "hoverIntent") { $(container).hoverIntent( clickHandler, function() {} ); } else if(options.event) { $(container).bind((options.event || "") + ".ui-accordion", clickHandler); } I was
jQuery UI 1.5b2 with jQuery 1.2.3
Hi, I've just tried adding jQuery UI 1.5b2 to a project that uses jQuery 1.2.3. I'm having problems getting the dialog stuff to work properly and I'm wondering if there's a known clash with jQuery 1.2.3? I notice that the 1.5b2 package includes an alpha bersion of jQuery 1.2.4 and if I modify any of the dialog examples from the package to use jQuery 1.2.3 the dragging feature of the dialog boxes goes pear-shaped. Firebug gives the following error msg: this.helper.outerWidth is not a function file:///C:/Users/Nick_2/Documents/Projects/medicce/scratch/jquery.ui-1.5b2/ui.draggable.js
Sortables drag threshold (1.5a)
Is it possible to reduce the sensitivity of a sortables drag event? I would expect to see a setting something like 'threshold', but I can't find this. The default seems to drag if the element is moved by just a single pixel. I wanted to up this to more like 5px. Thanks Steve
jQuery downloads broken ?
Hi all, I have been trying for the past hour to try and download jquery files, but I get 502 Server errors on google code for: http://jqueryjs.googlecode.com/files/jquery.ui-1.5b2.zip (from http://code.google.com/p/jqueryjs/downloads/detail?name=jquery.ui-1.5b2.zip) and all the featured downloads on this page: http://code.google.com/p/jqueryjs/ http://jqueryjs.googlecode.com/files/jquery-1.2.2-release.zip http://jqueryjs.googlecode.com/files/jquery-1.2.2.js http://jqueryjs.googlecode.com/files/jquery-1.2.2.min.js
Links inside Sortables
I'm having an odd issue with links inside sortables. I have a simple demo here: http://scott.sauyet.com/issues/2008-04-12a/ The links inside the sortable don't work on a single left-click. I can right click and open them (here or in a new window or a new tab depending upon browser) or I can middle-click them and open in a new tab. On Firefox, they work with a double-click, but they add two copies of the new location to the history. Has anyone run into this before? Is there any straightforward way
ui.sortables problem
<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">(posted this in the main jquery forum...reposting to the ui forum...)<div> </div><div><span class="Apple-style-span" style="border-collapse: collapse; font-family: verdana; font-size: 13px; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; ">I've noticed the oddest thing...or perhaps it's not odd at all. I have a series of lists that I use ui.sortable to move
The dragged element in sortables disappears when moved out of its container.
Hi, I have 2 sortables and I move elements between them. I create these elements dynamically. Whenever It ry to move an element from one sortable to another sortable the dragged element's z-index is always lower then the sortable itself. It's something like this : <ul> <li> item1</li> </ul> <ul> <li>item2</li> </ul> Now, when I move item1 to the other sortable, the "helper" has greater z-index than the deagged element. I tried making "placeholder" class transperant but that just made the draggable
Scrolling in draggable
Hi, there: I have a question about scrolling in draggable. If I want to make drop zone scrolling, and if the drop zone is the container of the draggable element, I just need to set scroll option to "true" and scrolling works. If the drop zone is not the container of the drggable element, scrolling does not work. This issue is common if the drop zone is the sibling or not directly related to draggable. Is it possible to make drop zone which is not the container of the draggable scrolling? Thanks,
Draggable/Droppable
Hi everyone, I was wondering if anyone knows of a good tutorial for the Draggable/ Droppable UI components. I think I am missing something. GOAL: I am trying to drag an element from one div and place it in the other. This isn't as easy as I thought it should be. I am sure I am missing something. Do I need to use .selectable or something? In the droppable object(?), what is the ui.instance object available? It is not the div as I was thinking it should be.
Firefox ignores print css after obj.toggle() call.
I have a page that can contain any given number of collapsible fieldsets (essentially hides all but 2 rows of text). I have a function that expands all of the fieldsets, calls window.print, and then collapses any fieldsets that weren't expanded before. I use obj.toggle() to show and hide elements in the fieldset. There is a div and two image elements that I hide from printing via a stylesheet with an @Media print section. Those elements are set to display: none. Once I make a toggle call, the elements
strangeness with jquery.ui-1.0 and Safari 3.1
MacBook Pro Mac OS X 10.4.11 Intel Core 2 Duo jquery.ui-1.0 jquery-1.2.3.js Safari 3.1 This may not be an issue with the upcoming jquery.ui-1.5 release, but I'm posting in case others run into it. The latest Mac OS X software update with Safari Version 3.1 (4525.13) caused tabbed content to no longer display in the above environment. I was able to cut it down to the example below where tabs are shown but the content is always missing. I found that if I reversed the references to light.tabs.css and
Next Page