search for: hoverclass

Hey folks, I''m having a little trouble with the hoverclass parameter of the Sortables.create method. Unfortunately I can''t post a demo page at this time, but I''m creating three lists with the following code: Sortable.create("listOne", {dropOnEmpty:true,containment:["listOne","listTwo", "listThree"]...

Good hello. I'm confused by the 'hoverclass' option that can be passed to Sortable.create It works with Droppables.add but (for me) it doesn't seem to do anything when used with Sortables. (afaik Sortable.create just calls Droppables.add and passes the hoverclass option through- or at least it's supposed to) Not sure if it'...

...'m trying to implement drag and drop capability. I''ve got the dragging part sorted, but I''m struggling with the dropping. When I hover the item over the droppable area, I want the area to change colour, and if I hover away from it, have it change back. Do I do this with the hoverclass option or do I use something different altogether, ie. CSS rules or simple javascript. Thanks --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send ema...

How come in the latest version of script.aculo.us the dropOnEmpty feature turns off the hoverclass? I just updated my version because I was running into some weird display positioning issues (my app is a calendar with my draggable items being table elements) and now I have no feedback when I am hovering over a sortable. I can hack the dragdrop.js to make it work again, but is there any particu...

So, is there any way to specify a sortable to only do a callback when the dragged item is dropped? As it is, the onChange is called whenever you move the draggable to a new element (even if you don''t drop it), but I''d rather only call my function after they drop it to avoid unnecessary additional server calls. It looks like Droppable supports an ''onDrop'', but

i know someone just recently asked about queueing ajax requests, my question is similar in the regards that i don''t want my application to send multiple requests. i have 2 sortabbles lists left, and right. when i move an item from left to the right the onUpdate callback will send 2 ajax requests. one for each sortables. however. i want it to serialize and send back the results from

Hi, I was wondering if anybody who used jQuery with rails could help me out. I have a droppable that fires a simple function, shown below: $("#list").droppable({ accept: ".item", hoverClass: ''droppable-hover'', drop: function(ev, ui) { $(this).append("<br>Dropped!"); } }); But how could I get this to fire a Rails funciton in the controller so that the dropped item could be changed at a database level? For example, when it is dropped, how would...

...ert: true}); in the function after i''ve added some css styles... document.observe(''dom:loaded'', function() { new Draggable(''draggable'', { revert: true}); Droppables.add(''dropp'', { accept: ''accept'', hoverclass: ''dropallowed'', onDrop : function(obj){ obj.setStyle(''width: 100px; height: 100px; background: blue;''); } any ideas? Thanks --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Gr...

I have a Sortable that''s working like a charm, but now I would like to be able to drop objects from that Sortable onto a Droppable that''s not part of my Sortable. I just did a small test page where it didn''t work, so my first question has to be "is this supposed to work?", before I dig too deep into it. "accept" for the droppable is set to the

...full fledged AJAX application you have to handle breaking these circular references when they are no longer needed, which is sometimes before the page unloads, otherwise you''ll have nasty memory leaks). For instance, for a hover behavior like yours below, I''d do the following: HoverClass = Class.create(); HoverClass.prototype = { initialize: function() { }, activate: function() { this.mouseOverListener = this.onMouseOver.bindAsEventListener(this); this.mouseOutLi...

...<%= drop_receiving_element(@team_div_id, :with => "''player='' + (element.id)+ ''&position='' + #{draft_position}" ,:complete => visual_effect(:highlight), :update=>"status" , :url => { :action => "receive_drop"}, :hoverclass => ''hover'' ) %> <% end %> I would like to allow the draggable to "snap" to a droppable position if close or revert back to its original position if it isnt near a droppable. I have searched over the net but I have been unsuccessful with this issue. I unders...

ok, first off. i love script.aculo.us! anywho on to business. the hoverclass doesn''t seem to work in the sortables.create. and the handle doesn''t work (yeah i have the id="handle" ) this is what i have .. Sortable.create("left",{dropOnEmpty:true,tag:''span'',containment:["left","middle","right&...

Hi everyone. I hava situation that i have drag and drop on my site, and I wonder is it possible to connect this to very good pop-up javascript library, i mean: at the moment when I drag element over the dropping area that area is highlited (using hoverclass: Css_class) but i want to add pop-up effect on the droppable area. Does anyone know how to do it? It must work like this: When the dragged element is over the droppzone: we must identified wchi ch drop zone have actually hoverclass and we must add pop-up effect to this drop-zone. Best Wishes Grz...

Hi everyone. I hava situation that i have drag and drop on my site, and I wonder is it possible to connect this to very good pop-up javascript library, i mean: at the moment when I drag element over the dropping area that area is highlited (using hoverclass: Css_class) but i want to add pop-up effect on the droppable area. Does anyone know how to do it? It must work like this: When the dragged element is over the droppzone: we must identified wchi ch drop zone have actually hoverclass and we must add pop-up effect to this drop-zone. Best Wishes Grz...

...full fledged AJAX application you have to handle breaking these circular references when they are no longer needed, which is sometimes before the page unloads, otherwise you''ll have nasty memory leaks). For instance, for a hover behavior like yours below, I''d do the following: HoverClass = Class.create(); HoverClass.prototype = { initialize: function() { }, activate: function() { this.mouseOverListener = this.onMouseOver.bindAsEventListener(this); this.mouseOutLi...

...owing: <%= render :partial => "properties" %> with some other code later on in the file <%= drop_receiving_element "dcwindow", :update => "items", :url => { :action => "setobject" }, :accept => "products", :hoverclass => "cart-active", :loading => "Element.show(''indicator'')", :complete => "Element.hide(''indicator'');additem(element.alt,element.id);" %> In _properties.rhtml I have: <% command = @objectnam...

...ode in my index.rhtml and it works fine. It calls the javascript function "additem" that is on the page. <%= drop_receiving_element "dcwindow", :update => "items", :url => { :action => "add" }, :accept => "products", :hoverclass => "cart-active", :loading => "Element.show(''indicator'')", :complete => "additem(element.alt,element.id)" %> But what I would like to do is call 2 functions. :complete => "Element.hide(''in...

...below), making dragging perfectly smooth while the mouse is moving. Feel free to tweak the timing to your taste by changing the integer initial value of this.mouseMoveTimerValue, or by changing the timeout values from 50 to your preference. NOTE: If you use this approach it is best to include a hoverclass for your droppables (so they become highlighted or otherwise different when activated)... so your users know for sure that it is safe to drop. This is the only issue which might make this method not desirable for some of you (if you really don''t want to have a hoverclass for your droppable...

...ault revert duration for Draggables to distance- dependent algorithm [suggested by San] * Fix double unescaping in Autocompleter * Add updateElement option to Autocompleter [Rob Sharp] * Added Ajax.InPlaceEditor to controls.js [Jon Tirsen] * Fixes a bug with Droppables not recognizing a drop if no hoverclass is given [thanks drewie] * Changed Effect.Opacity to better handle 100% opacity * Added ghosting option to Draggables and Sortables * Added Element.getStyle to find computed CSS styles of an element Mostly, I''m interested in Bugs and Browser compatibility. If you patch something, be s...

...9;', {type:''text/javascript''}); nodoJs.innerHTML = "new Draggable(''div_"+id_elemento+"'', {revert:false})"; //<< the IE says the problem is HERE $(''divjs'').appendChild(nodoJs); i++; }, hoverclass:''formulario-activo'' }); +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- the IE says the problem is in that line when i put an text in the nodoJs with innerHTML regards -- // // Ing. Francisco J. Calderón S. // fjcalderon-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.or...