М-м-м-м-м....
| Код |
<html>
<head><title>укороченная версия...</title><head>
<script src="script.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/style2.css">
<body>
<script language="javascript">
var sections1=new Array();
sections1[0]="1 - Главная";
sections1[1]="2 - О компании";
sections1[2]="3 - Клиенты";
sections1[3]="4 - Портфолио";
sections1[4]="5 - Галерея";
sections1[5]="6 - Форум";
sections1[6]="7 - Контакты";
var sections2=new Array();
sections2[0]="1 - Приаттаченая статья";
sections2[1]="2 - Приаттаченая статья";
lstSections=new jsTPList(sections1,sections2,"lstSections","article");
</script>
</body>
</html>
|
javascript
| Код |
function jslTPRebuildList()
{
// обновление левого списка
// очистка левого списка
var left_part=document.getElementById('jsl_1_'+this.name);
while(left_part.firstChild)
{
var tmp=left_part.firstChild;
left_part.removeChild(tmp);
}
// генерация списка вновь
for(i=0;i<this.count1;i++) // !!!! КОД ГЕНЕРИРУЕТ КОРРЕКТНО, НО НЕРАБОТАЕТ
{
var newListItem=document.createElement('div'); // создаем div
var newText=document.createTextNode(this.items1[i]); // создаем к нему текст
var newAttr1=document.createAttribute('class'); // создаем атрибут (имя класса)
newAttr1.value='list_item'; // аттачим к нему значение
var newAttr2=document.createAttribute('onclick'); // создаем атрибут (событие)
newAttr2.value=this.name+'.jslTPSetActive('+(i+1)+',1)'; // аттачим к нему функцию
var newAttr3=document.createAttribute('id'); // создаем атрибут (идешник)
newAttr3.value='list_item_1_'+this.name+(i+1); // аттачим к нему значение
var newAttr4=document.createAttribute('oncontextmenu'); // создаем атрибут (событие)
newAttr4.value=this.name+'.jslTPSetActive('+(i+1)+',1);popup(\'popup_'+this.type+'\');return false;'; // аттачим к нему функцию
var newIcon=document.createElement('div'); // див с конками
var newAttr5=document.createAttribute('class');
newAttr5.value='item_id_icon';
var newAttr6=document.createAttribute('style');
newAttr6.value='background:transparent no-repeat center url(i/'+this.icon+')';
newIcon.setAttributeNode(newAttr5); // аттачим к элементу атрибут (имя класса)
newIcon.setAttributeNode(newAttr6); // аттачим к элементу атрибут (доп. стиль)
//alert("alksdjfh");
newListItem.appendChild(newIcon); // аттачим к элементу списка иконку
newListItem.appendChild(newText); // аттачим к элементу списка текст
newListItem.setAttributeNode(newAttr1);
newListItem.setAttributeNode(newAttr2);
newListItem.setAttributeNode(newAttr3);
newListItem.setAttributeNode(newAttr4);
left_part.appendChild(newListItem); // аттачим элемент списка к род. диву
}
}
|
сходу все равно не разобраться  - в сумме исходники всей радости занимают около 1500 строк |
