I developed an application that interfaces with an institution's emergency alert system. How it works is, when there is an alert, on all of the institution's web pages it displays a scrolling marquee at the top of the page that is put there by javascript using protoype and scriptaculous. All of this works perfectly on desktop browsers (...
I'm using the sortable_element function in Rails to make a list of <li> elements sortable. This is working fine and I can drag and drop to my heart's content. What I really want to do though is change the appearance of (some of) the list items depending on what item the user dropped where in the list. E.g. if the user drops an item at t...
Hi, I'm using scriptaculous to enable Drag&Drop (using Sortables) for components within a CMS. To ensure that even long component list (with scrolling) can be used without side-effects I had to set Position.includeScrollOffsets = true;. The problem is that other parts of the CMS (which I can't modify easily) break due to this setting. ...
Hi, I have two sortable lists and everything works fine unless one of the columns is empty. For example if the left list is empty and the user tries to drag an item from the right list and drop it into the left list, the drop can not happen. It just returns back to it's spot in the right list. If both right and left has items then ...
Is it possible to pause all script.aculo.us effects? So when I need I can just resume them from state where they were paused. ...
I am trying to convert a Prototype slide-show plugin to jQuery. The animation function is fairly simple an intuitive: fade-out visible slide, fade-in next slide, both animations start and stop at the same time. Here is the Prototype code which I have yet to fully understand: fadeInOut: function (a, b) { new Effect.Parallel( ...
I have a rails view with this html: <body onload='<%= visual_effect(:appear, :main_counter, :duration=>3.0) %>'> <div class="counter" id="main_counter">some content</div> </body> and a stylesheet: .counter{ opacity:0; } The effect works as expected but when its done the div's text disappears, I am guessing the opacity is goi...
I'm trying to use the scriptaculous_slider plugin for rails. I don't understand the documentation. Here's the example they give: Example: <%= slider_stylesheet %> <%= slider_field :object, :method, :range => 1..10 %> My use case is pretty simple. I have an object todo_item and I want to set a slider to change the value of the...
Hi, I am using lightbox slideshow and it is working fine, there is Next-Prev button also in that. But I want it to show at the bottom of the image and also currently it will show only when I mouseover the image, is there any way to show it permanently. I am using Lightbox v2.04 Thanks deve ...
I'm using the Scriptaculous Autocompleter to search a set of film titles but it's not matching single character titles such as "M" even though it starts searching after one character has been entered. Any help would be really appreciated, thanks! ...
Recently came across the HoverIntent plugin for jQuery. It acts like a regular mouseover or hover observer, but waits to fire the action until/if the mouse slows down or rests. With tuning, it makes for interfaces that feel more human responsive. The website I'd like to use it on is committed to a Prototype / Scriptaculous framework...
I was seeing a strange phenomena when using Scriptaculous BlindDown and SlideDown effects, where they would smoothly slide, and then at the very end, they would jump an additional amount, maybe 10% of the slide distance. I already saw the note on the BlindDown page that you have to be sure not to use padding, which I'd already done. I ...
Im usign this to create a bunch on draggable elements: $$('.box').each( function(item){ new Draggable(item) }); How can I limit the draggable area? This way, the boxes can be droped anywhere on the page, and I would like to limit the drag area to their current parent element (I dont think I need to create a droppable). Or, at least, i...
hi all, first im sorry about my poor english.. ok, i have 3 page with different concept/layout/animation im use prototype & scriptaculous i have this in my navigation: <ul> <li><a href="#page1" id="page1" onClick="showPage(page1);">PAGE1</a></li> <li><a href="#page2" id="page2" onClick="showPage('page2');">PAGE2</a></li> </ul> and ...
Anybody know? I'd really like to pull it out & use jquery, but if the core Varien js is using it... thx in advance ...
I am trying to get the following requirement to work. I have a test page that has a Droppable area. <%= drop_receiving_element( "basket", :onDrop => "function(element) { alert(element) }", :url => { :action => "create" } )%> What I want to achieve, is to be able to drop any links from another browser tab/window onto the Droppable ...
Hello - We are trying to implement a functionality in our ROR application such that we are able to drag and drop rows between different tables. We tried using Scriptaculous Drag and Drop method but it does not works inside the table tags. Can you point us to other alternatives like JQuery etc which might be useful. Thanks Supreet ...
I am trying to implement drag and drop functionality using "sortable.create" among 4 tables. The drag and drop functionality is working perfectly fine but is a particular table is empty then I am not able to drop anything inside it even after providing the option "dropOnEmpty: true". Let me know if you have encountered a similar problem...
Hi - I am creating an application using ROR and would like to know how I can implement a function which I want to call when using "sortable.create". Below is a sample code from my "*.html.erb" file. <script type="text/javascript"> Sortable.create("table_retain", { tag:"tr" , dropOnEmpty: true, onUpdate: function() { alert ('Up...
magento comes bundled with scriptaculous so i figured i'd use those for a simple slideshow with navigation to jump between slides. -what a mistake, i can't find anything other than pause/play controls. Why? EDIT: To clarify what i mean by "jump between slides" is - i'm looking for buttons like 1 2 3 4 NOT pause, prev, next. Thanks! ...