Question

Trying to get these 2 raphael elements to both change color when hovered over one or the other. Here is the code I have. Any help would be appreciated.

var loge_1 = rsr.set();
loge_1a = rsr.rect(235.457, 287.645, 32.523, 45.486),
loge_1b = rsr.rect(235.139, 277.626, 32.933, 6.701);
loge_1.push(loge_1a,loge_1b);
loge_1.attr(logeFill);

Answer 1

I assume you got the code from ReadySetRaphael …. no doubt they have a very good algorithm for Raphael conversion … try some large SVG files sometime and they will give you a good result …. anyways try this …

loge_1.mouseover(function(){
    loge_1.attr({'fill':'your Desired Color'});
}
loge_1.mouseout(function(){
    loge_1.attr({'fill':'original color'});
}

this should change the color of both your rects …. Hope it helps.