<?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!