Webbserverprogrammering 1

Källkod

Följande filer och mappar finns under mappen webbserverprogrammering.
Mappar visas till vänster och filer till höger. Klicka på en fil eller mapp för att öppna nedan eller visa dess innehåll.

webbserverprogrammering/js/

2 filer

exercises.js
viewsource.js

viewsource.js

47 lines ASCII Windows (CRLF)
document.addEventListener("DOMContentLoaded", function() {
 var directoryList = document.getElementById("directory-list");
 var files = document.querySelectorAll("#directory-list a");
 var directories = [];
 var regularFiles = [];

 files.forEach(function(file) {
  // if string ends with \ it is a directory, else a file
  if (file.textContent[file.textContent.length - 1] === "/" || file.textContent[file.textContent.length - 1] === "\\") {
   directories[directories.length] = file;
  } else {
   regularFiles[regularFiles.length] = file;
  }
 });

 while(directoryList.firstChild && files.length > 0) {
  directoryList.removeChild(directoryList.firstChild);
 }

 var directoriesCont = document.createElement("div");
 directoriesCont.id = "directories-container";

 directories.forEach(function(dir) {
  directoriesCont.appendChild(dir);
  directoriesCont.appendChild(document.createElement("br"));
 });

 directoryList.appendChild(directoriesCont);


 var regularFilesCont = document.createElement("div");
 regularFilesCont.id = "files-container";

 regularFiles.forEach(function(dir) {
  regularFilesCont.appendChild(dir);
  regularFilesCont.appendChild(document.createElement("br"));
 });

 // column calculation
 var columnCount = Math.ceil(regularFiles.length / 3);
 if (columnCount > 4)
  columnCount = 4;
 console.log(columnCount);
 regularFilesCont.style.columnCount = columnCount.toString();

 directoryList.appendChild(regularFilesCont);
});