search for: addclassname

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

What''s the page.method to change the background color of a DOM element? I''m trying to change the background color of a couple of styled <li>''s when an Ajax link is clicked. Thanks, David -------------- next part -------------- An HTML attachment was scrubbed... URL: http://wrath.rubyonrails.org/pipermail/rails/attachments/20060807/63de04bf/attachment.html

Hello everyone ! Thomas asked me to discuss here the behavior of Element.addClassName, as relating to ticker #2232 [1]. In HEAD, if the element passed-in to Element.addClassName does not exist, an exception is thrown, and script execution stops there. I believe this is inconsistent with other functions: Object.extend(Element, { hasClassName: function(element, className) {...

...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. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails...

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 "$("foobar") has no properties". I am using rails 2.0.2 and prototype 1.5.0 please help me I''m...

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 elemen...

...ing 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. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@...

I''m trying to figure out things like this by myself so I don''t bother my developer and slow him down. How do I add class or id css attributes to tags like this: <%= form_remote_tag :url => { :action => "send_url" } %> <%= link_to_remote "My Profile URL", :url => { :action => "send_profile_url", :id => @user.id } %>

Is there a way to assign a CSS style to an element I am not currently interacting with? For instance, if I have two TD elements of a table. I click on one of them, and I want to have a style change in the other element. Is this possible? I''m guessing script.aculo.us might be able to help me.... but considering how nothing on their site is loading for me right now I have no way of

...s.length; x++) { els[j] = tags[x]; j++; } } } // swap class name of elements for (i = 0; i < els.length; i++) { if (args[0] == 1) { // toggle class if (Element.hasClassName(els[i],args[3])) { Element.removeClassName(els[i],args[3]); Element.addClassName(els[i],args[2]); } else { Element.removeClassName(els[i],args[2]); Element.addClassName(els[i],args[3]); } } else { // don''t toggle Element.removeClassName(els[i],args[2]); Element.addClassName(els[i],args[3]); } } } }); _________________________________...

what is the best practice for showing animated ajax spinner? The usual Element.show(''spinner'') has to stick with every form''s :loading. Is there some easier or light-weight method? Because I have this page that can contain upto 100 forms. And with all of those would be 100 hidden spinners. Please suggest something. -- Posted via http://www.ruby-forum.com/.

...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''); $(''container'').appendChild(loading); Position.clone($(''myThumbnail'').parentNode,$(''loading_image'')); new Effect.Opacity($(''loading_image''),{duration: .2, to: .7}); As long as the loading ima...

...ate" function to the sortable that tests the container to see if it''s got any children or not: function is_empty(container) { if ($(container).hasChildNodes()) { Element.removeClassName($(container),''empty''); } else if (!$(container).hasChildNodes()) { Element.addClassName($(container),''empty''); } } I was using this for 2 sortable (UL) lists - my class for the "empty" sortable just padded the container: .empty { padding: 10px; border: 1px dashed #FFDD44; background-color: #FFFF99; } The padding and style was enough to give a visible...

...is.mouseOverListener); Event.observe(this, "mouseout", this.mouseOverListener); }, onMouseOver: function (event) { var element = Event.findElement(event, ''LI''); Element.addClassName(element, ''btn-hover''); }, onMouseOut: function (event) { var element = Event.findElement(event, ''LI''); Element.removeClassName(element, ''btn-hover'');...

...is.mouseOverListener); Event.observe(this, "mouseout", this.mouseOverListener); }, onMouseOver: function (event) { var element = Event.findElement(event, ''LI''); Element.addClassName(element, ''btn-hover''); }, onMouseOut: function (event) { var element = Event.findElement(event, ''LI''); Element.removeClassName(element, ''btn-hover'');...

...#39;'title'', ''Expand''); (Element.visible(this.bContentWrap)) ? Element.removeClassName(this.bBtnToggle,''fm-btn-expand'') : Element.removeClassName(this.bBtnToggle,''fm-btn-collapse''); (Element.visible(this.bContentWrap)) ? Element.addClassName(this.bBtnToggle,''fm-btn-collapse'') : Element.addClassName(this.bBtnToggle, ''fm-btn-expand''); } }); Marco M. Jaeger | Url: http://mmjaeger.com <http://mmjaeger.com/> | E-mail: mail-yVS5avHIROZWk0Htik3J/w@public.gmane.org Do you need business consulting,...

Okay, I posted about this a few days ago but couldn''t replicate it in my test case. I have this page, which everything works fine on... except some of the prototype methods. They do not appear to exist on an extended Element. ie: Element._extended = true Element.up = undefined Element.addClassName = function Element.getElementsBySelector = undefined I''ve been trying to figure this one out... I put an alert at the start of Element.extend and loaded my page... I only get one alert, and if I comment my $(''EditGrid'') line, it still comes up. It bails from the functio...

Quick question.. I often crash my Safari when using ''Enter'' on InPlaceEditor''s for submitting. Works fine on firefox(win & Mac) - no javascript errors. Anyone else seen this behavior? (Maybe it is just my alterings of InPlaceEditor :-) Best Regards Michael Krog

...hich can be bottlenecks, I would be glad if you guys could comment about it. (code snips are from control.js latest released version) <code snip> render: function() { if(this.entryCount > 0) { for (var i = 0; i < this.entryCount; i++) this.index==i ? Element.addClassName(this.getEntry(i),"selected") : Element.removeClassName(this.getEntry(i),"selected"); if(this.hasFocus) { this.show(); this.active = true; } } else { this.active = false; this.hide(); } } </code snip> The render...

Does anyone know a way to set the !important modifier when using setStyle to change the css of an element? It throws errors in IE but works fine in FF. Any insight is appreciated. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to