[jQuery] Re: Suggestion - A | B | C | - Navigation container

Fri, 11 May 2007 15:39:40 -0700 

I'd do it like this.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en">
   <head>
       <title>
           letters
       </title>
       <script type="text/javascript" src="/js/jquery.js"></script>
       <script type="text/javascript">
           jQuery(function($){
               var keysOf = function(obj){
                   var keys = []
                   for(keys[keys.length] in obj);
                   return keys
               }
               var items = {}
               var ul = $('ul.alpha')
               var div = $("<div></div>").prependTo(ul.parent())
               ul.children().each(function(){
                   var let = $(this).hide().html().charAt(0).toUpperCase()
                   if (!items[let]) items[let] = []
                   items[let].push(this)
               })
               var keys = keysOf(items).sort().reverse()
               for (var i in keys){
                   (function(){ // real local vars
                       var keyno=i
                       var span = $("<span>" + keys[i] +(i==0?'':' | ')
+"</span>").prependTo(div)
                       span.toggle
(function(){$(items[keys[keyno]]).show()},function(){$(items[keys[keyno]]).hide()})
                   })()
               }
           });
       </script>
   </head>
   <body>
   <ul class='alpha'>
       <li>jaime</li>
       <li>nacho</li>
       <li>noelle</li>
       <li>andy</li>
       <li>duncan</li>
       <li>jake</li>
       <li>junior</li>
       <li>Donna</li>
   </ul>
   </body>
</html>


On 5/11/07, Mario Moura <[EMAIL PROTECTED]> wrote:


Hi Folks

This email is a suggest to a new plugin.

Is it possible from a list <li> create a A/B/C Navigation container?

A | B | C | ...

Accessible Travel
Assisted Living
...

If is possible please let me know, If not feel free to use it.

Regards

Mario





--
Ⓙⓐⓚⓔ - יעקב   ʝǡǩȩ   ᎫᎪᏦᎬ

Reply via email to