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.
2 filer
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);
});