similar to: !important modifier in setStyle

I have a question: How do you style the various components of the anchor tag? I am doing it this way: $$(''a:link,a:visited'').each(function(link){ //links link.setStyle({ color: ''#''+$F(''cp4_Hex'') }); }); $$(''a:hover'').each(function(link){ //links link.setStyle({ color: ''#''+$F(''cp5_Hex'')

Hi there, hope I can explain this one! When I try to use a setStyle call and set the backgroundImage property of an element, I''m having some problems using a relative URL. my directory structure is this: SERVER_ROOT/context/javascript/tree.js SERVER_ROOT/context/style/tree/tree.css SERVER_ROOT/context/images/node_icons/open.png SERVER_ROOT/context/images/node_icons/closed.png in my

Somone have tested the last scriptaculous version that ships with last prototype? I you make an Effect.Pulsate, the element stays hidden after the effect finish if the element don''t have opacity stablished. This is for the changes on the setStyle method on prototype. The original code is:

Hi, I have this code which allows me to drop a draggable item in to a droppable zone. It works fine but what i want to happen is once the item ( droppable) has been dropped in to the drop zone (dropp) for the item to be draggable again. At the moment once ive dropped the item in the drop zone i can''t make it draggable again.....even if i repeat this line: new

I have a question about prototype''s addClassName, removeClassName, and toggleClassName. As expected, these functions add or remove a class name from an element. When adding, the class names are appended to the end of the class list of the element. Could this affect the rendering of the element? Does the order of css class names in the element''s class attribute matter?

I''m trying to apply a css class to all LI elements that are children of an element with the ID "idSelector". This is what I did and it works. But I was wondering if there was an easier way without having to use an anonymous function? $$("#idSelector li").each(function() { arguments[0].addClassName("myClass") }); Thanks in advance.

I seem to recall the Effect.Appear setting the final opacity to 0.99 to avoid some bug on some browser; anyone remember the specifics? Seems like we should probably just conditionally check for the broken browser and set to 0.99 for only that one, otherwise leave it at 1.0, but I know I don''t have the full picture of why it was necessary or whether it still is. Greg

Hi all, I have a really simple web page. Right now, it''s just a button and a square div. What I want to do is to change the background color of the div to red when the button is clicked. My form code looks like this: <%= form_remote_tag :url => {:action => ''color_show''} %> color_show.rjs looks like this: page <<

Hey everyone, I have a series of thumbnails that have a loading overlay placed over them when they''re clicked on. The overlay is set to an opacity of .7.. .The onclick code looks basically does this: var loading = document.createElement(''div''); loading.id = ''loading_image''; $(loading).addClassName(''thumb_loading'');

Hi, I''m new to using Prototype and script.aculo.us. I''m trying to use prototype to adjust an elements top margin based on the height of the screen. I''m also using script.aculo.us to make the element move negatively off the left of the window to create a scrolling effect. It works fine in Firefox, but I keep getting an Invalid argument error in IE6. Here my margin code

hi! I must miss something really essential that the following doesnt work: I have a haml layout which includes the default javascripts, and the application.js looks like this: $("foobar").addClassName(''blue''); the view looks like this: <div id="foobar" class="green">testtest</div> if I navigate to the site, I get the error

I thought the duration parameter was only used with Effect functions, but I could be wrong. Greg > -----Original Message----- > From: rails-spinoffs-bounces-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org [mailto:rails-spinoffs- > bounces-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org] On Behalf Of Joe Hudson > Sent: Tuesday, April 25, 2006 8:37 AM > To:

Hi, and sorry for the noob question! I have an unordered list of 4 links where the links use Ajax.Updater in the onclick: onclick="new Ajax.Updater(''ajaxarea'', ''link1.php'', {asynchronous:true, evalScripts:true }); return false;" How would I go about using addClassName and removeClassName to show the current link? Thanks for any help with this.

Hey all, I working on a project, but I am not sure I can do what I want to do. The following works beautifully: Event.observe(el, ''click'', function () { this.className += " myClass"; return false; }); I have also tried doing this: this.varname = ''test''; Event.observe(el, ''click'', function () { alert (this.varname); }.bind

Hi there, let me introduce myself, i am a web developer from venezuela, my english is not the best, sorry by that... i am developing a form builder, is simple, just dragging form elements to a droppable container, all works well but im showing to my friends and... surprise!!! doesn''t work in Internet Exploiter, i am a linux user with firefox, im looking in internet how fix it but i dont

Hi. I have this question: I have a page with more ugual "GIF" (say ?/Help gif). When I click on one of this giv a "DIV" is showed (one for each gif). And when a div is showed the last div "showed" there must "hide". Ok, no problem. I have do it. My problem is that the div that is showed in this moment must to "hide" when I clink into the document

While not directly related to prototype/s.a.u. I thought this would be the best place to pose this question. I apologize, if it''s off topic. I''m working on an interface where I have a bunch of list items floated to the left in a horizontal fashion. The list is inside a absolutely positioned div, with an overflow set to hidden. At one point in my script I have to remove the

Hello, I''m testing beta of scriptaculous and I''ve got a stange behaviour. I''m using this RJS : page << "$(''content'').morph({width:''308px''}, {duration:0.5});" page.replace_html ''subcontent'', :partial => ''sub'' page.replace_html ''nav_path'', nav_path

Hello, I''m having the following code below - when I click on the button in order to toggle a div, it is working when the div is visible - after it is toggled once, the beforeStart stuff isn''t executed anymore! interestingly, when I change this Effect.toggle(this.bContentWrap, ''blind'', { to this: Effect.toggle(this.bContentWrap, ''slide'',

HI there, here is a basic piece of HTML/JavaScript that duplicates something similar in an application we''re working on: <html> <head> <script src="prototype.js" type="text/javascript" ></script> </head> <body> <div id="ST_1">ST_1</div> </body> <script> var widgetId = "ST_1";