attaching JS function to a UL/LI menu item
Ok. Extreme newbie here.
I have a menu system that is structured in <ul>/<li> fashion. Code below. How do I attach JS functions to any single item? My functions will be going out and grabbing the static xml and applying some filtering/selections on it, then passing the result to a datagrid. Writing the function is not hard (standard JS), but how do I attach it to a <li> type of menu item?? Each high-level menu item (such as Small Arms, Bombs) will be performing selections on completely separate xml library files.
Tony
- <ul id="nav">
<li><a href="#" title="#"><span>Home</span></a></li>
<li><a href="#" title="#"><span>Small Arms</span></a>
<ul>
<li><a href="#" title="#"><span>Shot Gun</span></a></li>
<li><a href="#" title="#"><span>Bullet</span></a>
<ul>
<li><a href="#" title="#"><span>22 cal</span></a></li>
<li><a href="#" title="#"><span>38 cal</span></a></li>
<li><a href="#" title="#"><span>45 cal</span></a></li>
<li><a href="#" title="#"><span>50 cal</span></a></li>
<li><a href="#" title="#"><span>5.56 mm</span></a></li>
<li><a href="#" title="#"><span>7.62 mm</span></a></li>
<li><a href="#" title="#"><span>9 mm</span></a></li>
<li><a href="#" title="#"><span>20 mm</span></a></li>
<li><a href="#" title="#"><span>25 mm</span></a></li>
<li><a href="#" title="#"><span>30 mm</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#" title="#"><span>Bombs</span></a>
<ul>
<li><a href="#" title="#"><span>Practice</span></a></li>
<li><a href="#" title="#"><span>500 lb</span></a></li>
<li><a href="#" title="#"><span>1000 lb</span></a></li>
<li><a href="#" title="#"><span>2000 lb</span></a></li>
</ul>
</li>