Filebrowser:

Frage:
Wie lässt sich von mehreren Elementen stets eins anklickbar machen?
Lösung:

So siehts aus:

Folgender Quellcode leistet das gewünschte (Prototype-Framework vorausgesetzt!):

window.onload = function() {
  // dieser Code wird nach dem Laden der Seite ausgeführt
  $$('.element-normal').each(function(elem) {
    // Für jedes Element mit der Klasse element-normal,
    // setzen wir den onclick-Handler:
    elem.onclick = function() {
      // Alle Elemente mit der Klasse element-selected
      $$('.element-selected').each(function(selElem) {
        // Die CSS-Klasse element-normal setzen und
        selElem.addClassName('element-normal');
        // element-selected entfernen
        selElem.removeClassName('element-selected');
      });
      // das Element muss sich selber element-selected setzen
      elem.addClassName('element-selected');
      // und element-normal entfernen
      elem.removeClassName('element-normal');
    }
  });
}

© 2007, Dennis Riehle.