SELFHTML Forum
SELFHTML Forumsarchiv
2007
Januar
 |
SELFHTML Forumsarchiv |
 |
|
 |
|
Die folgende Nachricht zum Thema stammt von: Dieter, 28. 01. 2007, 15:03
Hallo liebe SelfHTMLer,
von Stefan Münz gibt es nicht nur die hervorragende Dokumentation unter selfhtml.org mit diesem Forum, sondern u.a. auch das sehr gute Buch "Professionelle Websites". Dort wird im Kapitel 8.2 eine Navigation im Explorer-Stil vorgestellt, die ich auch auf meiner privaten Website unter http://www.dieter-welzel.de einsetze. Die HTML-, CSS- und Javascript-Listings sind auf der Website zum Buch unter http://www.professionelle-websites.de/k08expljs.htm zu finden.
Leider verfüge ich - anders als bei HTML und CSS - noch über keine nennenswerten Javascript-Kenntnisse, würde aber gerne diese Navigation im Explorer-Stil um zwei Button mit "Alle Ordner auf" und "Alle Ordner zu" ergänzen, wie es sie beim js-menü unter http://www.js-menue.de/ gibt.
Kann mir da jemand weiterhelfen?
Bin für jede Hilfestellung dankbar.
Vielen Dank im voraus.
Dieter
Die folgende Nachricht zum Thema stammt von: Joachim, 28. 01. 2007, 16:25
Hi,
»» Leider verfüge ich - anders als bei HTML und CSS - noch über keine nennenswerten Javascript-Kenntnisse, würde aber gerne diese Navigation im Explorer-Stil um zwei Button mit "Alle Ordner auf" und "Alle Ordner zu" ergänzen
Dann wirds Zeit ;-)
Schau Dir das mal an:
function toggle_all_items (stat) {
// collection aller listen innerhalb von "root"
// collection aller bilder innerhalb von "root"
var ul = document.getElementById('root').getElementsByTagName('ul');
var img = document.getElementById('root').getElementsByTagName('img');
// ul's loopen und classe setzen
for (var i = 0; i < ul.length; i++) {
ul[i].className = stat? "opened" : "closed";
}
// bilder loopen
// wenn weder opened- noch closed.gif: ignorieren
// sonst bildklassen wechseln
for (var j = 0; j < img.length; j++) {
if (img[j].src.indexOf("opened.gif") == -1 && img[j].src.indexOf("closed.gif") == -1) continue;
img[j].src = stat? "opened.gif" : "closed.gif";
}
}
.....
<p onclick="toggle_all_items(0)">alles zu</p>
<p onclick="toggle_all_items(1)">alles auf</p>
damit änderst Du bei allen Listen die Klassen, je nachdem ob Du beim Aufruf 1 oder 0 übergibst. Die Bildwechsel habe ich ein bisschen hingehackt, ich habe keine Zeit mir die Struktur weiter anzusehen...
Gruesse, Joachim
--
Am Ende wird alles gut.
Die folgende Nachricht zum Thema stammt von: Dieter, 28. 01. 2007, 17:11
Hallo Joachim,
1. Ja es wird Zeit, dass ich mich auch an Programmiersprachen wie JavaScript und PHP heranwage. Steht auf meiner ToDo-Liste ganz weit oben. Hast Du oder ein anderer SelfHTMLer eine JavaScript-Buchempfehlung für DAUs?
2. Habe mir gerade Dein Script angesehen und ausprobiert. Es klappt einwandfrei. Herzlichen Dank dafür. Werde es in Kürze auf meiner Website einsetzen.
3. Ich werde auf meiner Webseite unter http://www.dieter-welzel.de/danksagungen.html auf diesen Thread und Deine Hilfe mit dem Script hinzuweisen. Nochmals herzlichen Dank für Deine Hilfe und das Script.
Beste Grüße
Dieter
© 1998-2008 
Impressum, Software: Classic Forum
(JAVASCRIPT)