This is the script of the menu:
<div id="pixopoint_menu_wrapper1">
<div id="pixopoint_menu1">
<ul class="sf-menu" id="suckerfishnav">
<li class="categories haschildren"><a
href="">Categories</a>
<ul><li class="cat-item cat-item-1"><a href="?
cat=1" title="View">Uncategorized</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
How do i get all of the items to change to my chosen font?
I already tried this, only no results.
Cufon.DOM.ready(function() {
Cufon
.replace(document.getElementById('sf-
menu').getElementsByTagName('li'));
});
--
You received this message because you are subscribed to the Google Groups "cufón" group.
To post to this group, send email to cu...@googlegroups.com.
To unsubscribe from this group, send email to cufon+un...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/cufon?hl=en.
Gareth is right, but if you don't want to use a selector engine you're going to have to go through extra trouble:
Cufon.DOM.ready(function() {
var list, found = [], i, l;
list = document.getElementById('suckerfishnav').childNodes;
for (i = 0, l = list.length; i < l; ++i) {
if (list[i].nodeName.toLowerCase() === 'li') found.push(list[i]);
}
Cufon.replace(found);
});
getElementsByTagName() does not work in this case because it doesn't care about depth.
Simo