# Javascript

**URL:** <https://www.ruby-forum.com/t/javascript/153030>\
**Category:** Rails\
**Created:** [November 11, 2008, 9:59am UTC](https://www.ruby-forum.com/t/javascript/153030 "2008-11-11T09:59:40Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![newb](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/n/2acd7d/32.png) [@newb](https://www.ruby-forum.com/u/newb)\
**Post date:** [November 11, 2008, 9:59am UTC](https://www.ruby-forum.com/t/javascript/153030/1 "2008-11-11T09:59:40Z")

</div>

Hi.  
In my App i have Tabs like below

[Manage Contacts] [Roles] [users] [Contact Us]

Manage Accounts  
Roles  
onclick= “tp\_select();”\>Users  
onclick= “tp\_select();”\>Contact Us

[On click Event]if user clicks on Roles tab means the Style class  
“tp\_select” has to be called for Roles tab.  
and if user clicks on Contact Us tab means the Style class “tp\_select”  
has to be called for Contact Us tab.  
#-----i ve done java script function----#  
function tp\_select() {  
$(‘d1’).addClassName(‘tp\_select’)

}

#--------------#  
i don’t know how to call this function for all the element.  
it works for Manage Accounts tab.  
i don’t know how to write javascript function for all the tab.  
Pls help me on this.  
Pls advice.

---

<div class="post-metadata">

**Author:** ![newb](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/n/2acd7d/32.png) [@newb](https://www.ruby-forum.com/u/newb)\
**Post date:** [November 11, 2008, 8:08pm UTC](https://www.ruby-forum.com/t/javascript/153030/2 "2008-11-11T20:08:49Z")

</div>

maybe like so?

Manage Accounts  
Roles  
Users  
Contact Us

function tp\_select(a) {  
// clear out the others  
$$(‘.tab\_link’).each(function(el){  
el.removeClassName(‘tp\_select’)  
})  
// add back in for this one  
$(a.id).addClassName(‘tp\_select’)  
}

On Nov 11, 3:59 am, Newb N. [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid)