<?php echo Asset::js('jquery-1.4.4.js'); ?> <?php echo Asset::js('spinner/jquery.mousewheel.js'); ?> <?php echo Asset::js('spinner/ui.spinner.js'); ?> [removed][removed] ... <?php echo Asset::js('jquery.ToTop.js'); ?> <?php echo Asset::js('jquery.listnav.js'); ?> <?php echo Asset::js('custom.js'); ?>
$(function() { //===== ToTop =====// $().UItoTop({ easingType: 'easeOutQuart' }); //===== Contacts list =====// $('#myList').listnav({ initLetter: 'a', includeAll: true, includeOther: true, flagDisabled: true, noMatchText: 'Nothing matched your filter, please click another letter.', prefixes: ['the','a'] , }); ........
<div class="title"><h5>Clients list</h5></div> <div class="widget first"> <div class="head"><h5 class="iUsers">Contacts</h5></div> <div id="myList-nav"></div> <ul id="myList"> <?php foreach ($clients as $client): ?> <li> <a href="clients/view/<?php echo $client->id; ?>"><?php echo $client->lastname . " " . $client->firstname ; ?></a> <ul class="listData"> <li><a href="#" title=""><?php echo $client->email; ?></a></li> <li><span class="red"><?php echo $client->phone; ?></span></li> <li><span class="cNote"><?php echo $client->category; ?></span></li> </ul> </li> <?php endforeach; ?> </ul> </div>
<a href="#" id="toTop">span id="toTopHover"></span>To Top</a>
<div id="myList-nav"></div>
<div id="myList-nav"><div class="ln-letters"><a href="#" class="all">ALL</a><a href="#" class="_ ln-disabled">0-9</a><a href="#" class="a ln-selected">A</a><a href="#" class="b">B</a><a href="#" class="c ln-disabled">C</a><a href="#" class="d ln-disabled">D</a><a href="#" class="e ln-disabled">E</a><a href="#" class="f ln-disabled">F</a><a href="#" class="g">G</a><a href="#" class="h ln-disabled">H</a><a href="#" class="i ln-disabled">I</a><a href="#" class="j ln-disabled">J</a><a href="#" class="k ln-disabled">K</a><a href="#" class="l ln-disabled">L</a><a href="#" class="m ln-disabled">M</a><a href="#" class="n ln-disabled">N</a><a href="#" class="o ln-disabled">O</a><a href="#" class="p ln-disabled">P</a><a href="#" class="q ln-disabled">Q</a><a href="#" class="r">R</a><a href="#" class="s ln-disabled">S</a><a href="#" class="t ln-disabled">T</a><a href="#" class="u ln-disabled">U</a><a href="#" class="v ln-disabled">V</a><a href="#" class="w ln-disabled">W</a><a href="#" class="x ln-disabled">X</a><a href="#" class="y ln-disabled">Y</a><a href="#" class="z ln-disabled">Z</a><a href="#" class="- ln-last">...</a></div><div class="ln-letter-count">0</div></div>
It looks like you're new here. If you want to get involved, click one of these buttons!