скрипт Алфавит для сайтов Юкоз
Установка
1. Создаем два информера
Первый
Раздел: Каталог файлов
Тип данных: Материалы
Способ сортировки: Дата доб.материалов D
Количество материалов: 300
Количество колонок: 1
Второй
Раздел: Каталог файлов
Тип данных: Материалы
Способ сортировки: Дата доб.материалов A
Количество материалов: 300
Количество колонок: 1
Далее удаляем стандартные шаблоны етих двух информеров и вместо них вставляем следующии (В оба информера):
Code
<li>$TITLE$ $VERSION$¦$ENTRY_URL$¦$MESSAGE$¦$IMG_URL1$</li>
Где $IMG_URL1$ Доп. поле для вашей картинки(меняем на свое доп.поле)
2.Идем в нужный для вас шаблон (а именно в вашем случае шаблоны Каталог файлов) и ишем код $BODY$, и заменяем его на следующии скрипт!
Code
<div id="materials">$BODY$</div><div id="mlist" style='padding: 10px'></div>
<script type="text/javascript">
// uCoz Alphabet Search
// Скрипт принадлежит сайту codes-help.ucoz.net, любое копиравоние без ИСТОЧИКА запрещенно.
function turnkeys() {
if(document.getElementById('engkeys').style.display=='none') {
document.getElementById('engkeys').style.display='inline';
document.getElementById('ruskeys').style.display='none';} else {
document.getElementById('engkeys').style.display='none';
document.getElementById('ruskeys').style.display='inline';}}
progs=document.all.allmtrl.getElementsByTagName('li');
function sort_alphabet(letter) {
document.all.mlist.innerHTML='';
document.all.materials.style.display='none';
document.all.pagesl.style.display='none';
for(k=0;k<progs.length;k++){
minfo=progs[k].innerHTML.split('¦')
murl=minfo[1];
mtitl=minfo[0];
msg=minfo[2];
mscr=minfo[3];
if(mtitl.substr(0,1).toLowerCase()==letter.toLowerCase() && document.all.mlist.innerHTML.search(murl)==-1) {
document.all.mlist.innerHTML+=('<table class="eBlock" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td style="padding: 3px;"><br></td></tr><tr><td style="border: 1px solid rgb(255, 255, 255); padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center"><div align="left"></div><table class="eBlock" align="left" border="0" cellpadding="1" cellspacing="0" width="100%"><tbody><tr><td style="padding: 3px;"><div align="left"></div><table style="padding-bottom: 1px;" border="0" cellpadding="1" cellspacing="1" width="100%"> <tbody><tr><td colspan="2" style="border: 1px solid rgb(184, 184, 184); padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><div align="left"></div><div style="float: left;"> </div> <div style="float: left;"><div class="eTitle" style="text-align: justify;"><a rel="nofollow" href="http://webucoz.com/redirect.html?'+murl+'">'+mtitl+'</a></div></div> </td> </tr><tr valign="top"><td style="border: 1px solid rgb(184, 184, 184); padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="left" width="22%"> <div class="eMessage" style="text-align: left; clear: both; padding-top: 0px; padding-bottom: 5px;"><div align="center"><img src="'+mscr+'" align="left" border="0" vspace="5" width="125" hspace="10"></a></div></div> </td><td style="border: 1px solid rgb(184, 184, 184); padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="right"><div class="eMessage" style="text-align: left; clear: both; padding-top: 10px; padding-bottom: 5px;">'+msg+'</div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table> ');}
if(k==progs.length-1 && document.all.mlist.innerHTML=='') {document.all.mlist.innerHTML='Нет материалов на букву <b>'+letter+'</b>';}
}}
</script>
3. После чего в етих же шаблонах (где вы сделали выше показанную процедуру), ставим следующии код в то место где бы вы хотеле видеть сам алфавит..( заметте на 3 и 4 стро4ке кода после где стоит (мой) адрес информеров нужно заменить на свой (об етом говорилось в первом пункте )
Code
<!-- Search Alphabet -->
<div align="center"><div id="allmtrl" style="display:none"><script type="text/javascript" src="http://codes-help.ucoz.net/informer/4"></script><script type="text/javascript" src="http://codes-help.ucoz.net/informer/5"></script></div>
<div style="padding-left: 10px">
<!-- Английский Алфавит -->
<span id="engkeys"><a rel="nofollow" href="http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?JavaScript://" onclick='sort_alphabet("A")'>A</a> <a href="JavaScript://" onclick='sort_alphabet("B")'>B</a> <a href="JavaScript://" onclick='sort_alphabet("C")'>C</a> <a href="JavaScript://" onclick='sort_alphabet("D")'>D</a> <a href="JavaScript://" onclick='sort_alphabet("E")'>E</a> <a href="JavaScript://" onclick='sort_alphabet("F")'>F</a> <a href="JavaScript://" onclick='sort_alphabet("G")'>G</a> <a href="JavaScript://" onclick='sort_alphabet("H")'>H</a> <a href="JavaScript://" onclick='sort_alphabet("I")'>I</a> <a href="JavaScript://" onclick='sort_alphabet("J")'>J</a> <a href="JavaScript://" onclick='sort_alphabet("K")'>K</a> <a href="JavaScript://" onclick='sort_alphabet("L")'>L</a> <a href="JavaScript://" onclick='sort_alphabet("M")'>M</a> <a href="JavaScript://" onclick='sort_alphabet("N")'>N</a> <a href="JavaScript://" onclick='sort_alphabet("O")'>O</a> <a href="JavaScript://" onclick='sort_alphabet("P")'>P</a> <a href="JavaScript://" onclick='sort_alphabet("Q")'>Q</a><br><a href="JavaScript://" onclick='sort_alphabet("R")'>R</a> <a href="JavaScript://" onclick='sort_alphabet("S")'>S</a> <a href="JavaScript://" onclick='sort_alphabet("T")'>T</a> <a href="JavaScript://" onclick='sort_alphabet("U")'>U</a> <a href="JavaScript://" onclick='sort_alphabet("V")'>V</a> <a href="JavaScript://" onclick='sort_alphabet("W")'>W</a> <a href="JavaScript://" onclick='sort_alphabet("X")'>X</a> <a href="JavaScript://" onclick='sort_alphabet("Y")'>Y</a> <a href="JavaScript://" onclick='sort_alphabet("Z")'>Z</a> <a href="javascript:turnkeys()">RUS</a></span>
<!-- Русский Алфавит -->
<span id="ruskeys" style="display:none">
<a href="JavaScript://" onclick='sort_alphabet("А")'>А</a> <a href="JavaScript://" onclick='sort_alphabet("Б")'>Б</a> <a href="JavaScript://" onclick='sort_alphabet("В")'>В</a> <a href="JavaScript://" onclick='sort_alphabet("Г")'>Г</a> <a href="JavaScript://" onclick='sort_alphabet("Д")'>Д</a> <a href="JavaScript://" onclick='sort_alphabet("Е")'>Е</a> <a href="JavaScript://" onclick='sort_alphabet("Ж")'>Ж</a> <a href="JavaScript://" onclick='sort_alphabet("З")'>З</a> <a href="JavaScript://" onclick='sort_alphabet("И")'>И</a> <a href="JavaScript://" onclick='sort_alphabet("Й")'>Й</a> <a href="JavaScript://" onclick='sort_alphabet("К")'>К</a> <a href="JavaScript://" onclick='sort_alphabet("Л")'>Л</a> <a href="JavaScript://" onclick='sort_alphabet("М")'>М</a> <a href="JavaScript://" onclick='sort_alphabet("Н")'>Н</a> <a href="JavaScript://" onclick='sort_alphabet("О")'>О</a> <a href="JavaScript://" onclick='sort_alphabet("П")'>П</a> <a href="JavaScript://" onclick='sort_alphabet("Р")'>Р</a><br> <a href="JavaScript://" onclick='sort_alphabet("С")'>С</a> <a href="JavaScript://" onclick='sort_alphabet("Т")'>Т</a> <a href="JavaScript://" onclick='sort_alphabet("У")'>У</a> <a href="JavaScript://" onclick='sort_alphabet("Ф")'>Ф</a> <a href="JavaScript://" onclick='sort_alphabet("Х")'>Х</a> <a href="JavaScript://" onclick='sort_alphabet("Ц")'>Ц</a> <a href="JavaScript://" onclick='sort_alphabet("Ч")'>Ч</a> <a href="JavaScript://" onclick='sort_alphabet("Ш")'>Ш</a> <a href="JavaScript://" onclick='sort_alphabet("Щ")'>Щ</a> <a href="JavaScript://" onclick='sort_alphabet("Ы")'>Ы</a> <a href="JavaScript://" onclick='sort_alphabet("Э")'>Э</a> <a href="JavaScript://" onclick='sort_alphabet("Ю")'>Ю</a> <a href="JavaScript://" onclick='sort_alphabet("Я")'>Я</a> <a href="javascript:turnkeys()">ENG</a></span>
</div><div align="center">
<!-- End Search Alphabet -->
4.И наконецто последнии завершаюшии пункт.
Заходим в CSS и добавляем в любое место следующие классы:
Code
/* Alphabet by Codes-Help.ucoz.net Start */
#engkeys {padding: 4px; color: #98;background-color: #ff;text-align: center;}
#engkeys a {line-height: 32px;padding: 4px 8px;border: 1px solid #989898;}
#engkeys a {color: #000000;background-color: #ff;text-decoration: none;}
#engkeys a:hover {color: #000000;background-color: #fff;}
#ruskeys {padding: 4px; color: #98;background-color: #ff;text-align: center;}
#ruskeys a {line-height: 32px;padding: 4px 8px;border: 1px solid #989898;}
#ruskeys a {color: #000000;background-color: #ff;text-decoration: none;}
#ruskeys a:hover {color: #000000;background-color: #fff;}
/* Alphabet by Codes-Help.ucoz.net End */
Их можно редактировать в соответствие с вашим дизайном сайта.