Mapa strony

Krzychu_93 · 20 Maj 2006 19:20

Mam pytanie jak zrobić taką mape strony ?

http://www.kone.com/pl_PL/main/0,content=18944,00.htm

Proszę o szybką odpowiedź i z góry dzięki za pomoc

adam9870 · 20 Maj 2006 19:26

Samemu chyba najlepiej napisać.

Krzychu_93 · 20 Maj 2006 19:29

ale ja sie za bardzo nieznam na tym możesz podać link do jakiegoś poradnika ?

adam9870 · 20 Maj 2006 19:31

Krzychu_93 · 20 Maj 2006 20:17

dzięki za pomoc ale jak zrobić takie coś żeby sie takie drzewo wyświetlało

tylko już nie pisz kodu tylko daj jakiś link do poradnika

adam9870 · 20 Maj 2006 20:20

To chyba najlepiej grafiki użyć.

kubar3k · 20 Maj 2006 21:04

mozesz uzyc tez ul i li, ale poszczegolne rubryki musisz wykonac juz sam

system · 21 Maj 2006 06:31

Aby uzyskać takie menu, utwórz plik “tree.css” w tym samym katalogu co strona i zapisz w nim:

Dodatkowo w tym samym katalogu utwórz plik “tree.js” i zapisz w nim:

// Autorem skryptu jest: SŁAWOMIR KOKŁOWSKI // http://www.kurshtml.boo.pl // Jeśli chcesz wykorzystać ten skrypt na swojej stronie, nie usuwaj tego komentarza! function tree(id) { this.id = id; this.click = function () { for (var i = 0, el_node; i < this.parentNode.childNodes.length; i++) { el_node = this.parentNode.childNodes.item(i) if (el_node.nodeName.toLowerCase() == ‘ul’) { el_node.style.display = el_node.style.display == ‘none’ ? ‘block’ : ‘none’; this.parentNode.style.backgroundImage = ‘url("’ + (el_node.style.display == ‘none’ ? ‘closed’ : ‘opened’) + ‘.gif")’; return; } } } this.start = function (el) { for (var i = 0, el_node; i < el.childNodes.length; i++) { el_node = el.childNodes.item(i); if (el_node.nodeName.toLowerCase() == ‘a’) { el_node.onclick = this.click; for (var j = 0; j < el_node.parentNode.childNodes.length; j++) { if (el_node.parentNode.childNodes.item(j).nodeName.toLowerCase() == ‘ul’) { el_node.parentNode.style.backgroundImage = ‘url(“closed.gif”)’; el_node.className = (el_node.className ? el_node.className + ’ ’ : ‘’) + ‘folder’; break; } if (el_node.parentNode.childNodes.item(j).nodeName.toLowerCase() == ‘li’) break; } if (el_node.href && unescape(el_node.href) == unescape(window.location.href)) { el_node.className = ‘active’; var el_parentNode = el_node; do { el_parentNode = el_parentNode.parentNode; if (el_parentNode.nodeName.toLowerCase() == ‘ul’) { el_parentNode.style.display = ‘block’; if (document.getElementById(this.id) != el_parentNode) el_parentNode.parentNode.style.backgroundImage = ‘url(“opened.gif”)’; } } while (document.getElementById(this.id) != el_parentNode) } } else if (el_node.nodeName.toLowerCase() == ‘ul’) el_node.style.display = ‘none’; this.start(el_node); } } if (document.getElementById && document.childNodes) { if (document.images) { new Image().src = ‘opened.gif’; new Image().src = ‘document.gif’; } this.start(document.getElementById(this.id)); } } Następnie wklej w treści nagłówkowej strony … następujący kod: Na koniec w wybranym miejscu strony - tam, gdzie ma się wyświetlać menu drzewiaste - wstaw kod oparty na technice zagnieżdżania wykazów (tylko wypunktowanie, czyli lista nieuporządkowana ). Sposób zagnieżdżania kolejnych punktów listy będzie automatycznie odzwierciedlał strukturę drzewa menu. Oto przykładowy kod: Dokument 1 Folder 2 Dokument 2.1 Dokument 2.2 Folder 3 Dokument 3.1 Folder 3.2 Dokument 3.2.1 Dokument 3.2.2 Dokument 3.2.3 Dokument 3.3 Dokument 4

Pobrane z Http://kurshtml.boo.pl

Krzychu_93 · 21 Maj 2006 06:55

no dobra mam te 2 pliki i co dalej z nimi ?

adam9870 · 21 Maj 2006 07:56

Na stronie na ktorej chcesz zastosować to c jest na nich wstawiasz.

Krzychu_93 · 21 Maj 2006 10:19

adam9870 · 21 Maj 2006 10:31

Pzeciez wyżej podałem. Nie umiesz tego wstawić :?

Jest dobrze.

Krzychu_93 · 21 Maj 2006 10:33

Dobra to dzięki za pomoc

devilzaba · 26 Maj 2006 06:38

Mam pytanie do Taex co zrobić żeby to drzewo już było otwarte, czyli wszystkie kategorie były porozsówane??