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

Sat, 12 May 2007 03:50:00 -0700 

Amazing,

Thanks a lot, should be in Jquery Plugins page,

Regards

Mario

2007/5/12, Ⓙⓐⓚⓔ <[EMAIL PROTECTED]>:


thanks Bill,
Like any piece of new code, there are bound to be bugs... click works
better here than toggle, so :

<?xml version=" 1.0" encoding="utf-8" ?>
<!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.keysOf = function(obj){
                    var keys = []
                    for(keys[keys.length] in obj);
                    return keys
                }
            jQuery.fn.letters = function(speed){
                var ul = jQuery(this)
                var items = {}
                var lis = ul.children()
                var div = jQuery("<div></div>")
                    .prependTo(ul.parent())
                lis.each(function(){
                    var let =
jQuery(this).hide().html().charAt(0).toUpperCase()
                    if (!items[let]) items[let] = []
                    items[let].push(this)
                })
                var keys = jQuery.keysOf(items).sort().reverse()
                for (var i in keys){
                    (function(i){ // scope i
                        jQuery("<span>" + keys[i] +"</span>")
                        .css({textDecoration:
'underline',cursor:'pointer'})
                        .click(function(){
                            lis.hide()

jQuery(items[keys[i]]).show(speed,function(){jQuery(this).attr('style','')})
                        })
                        .prependTo(div)
                        if (i<keys.length-1) jQuery("<span> |
</span>").prependTo(div)
                    })(i)
                }
            }
            jQuery(function($){
                $('ul.alpha').letters('slow')
            });
        </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>
        <li>mario</li>
        <li>anna</li>
        <li>bill</li>
        <li>john</li>
    </ul>
    </body>
</html>


On 5/11/07, Bil Corry < [EMAIL PROTECTED]> wrote:
>
>
> Ⓙⓐⓚⓔ wrote on 5/11/2007 5:06 PM:
> > As a plug in:
>
> Very cool, thanks for sharing!
>
> - Bil
>
>
>
>
>


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





--
Mário Alberto Chaves Moura
[EMAIL PROTECTED]
31-9157-6000

Reply via email to