Änderungen für den Modul- und denParameterblock

This commit is contained in:
Daniel
2025-04-22 14:35:19 +02:00
parent 0ec5672068
commit 4ad37d5c2f
10 changed files with 544 additions and 360 deletions

View File

@@ -1,9 +1,6 @@
// %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
// % RESPONSIVITY
// local debugging: print the name of every executed funtion to the console
var debug_responsivity_daniel = 0;
var nColumns = 1; // Viewport is subdivided in nColumns columns.
var nRows = 1; // Viewport is subdivided in nRows rows.
var gridCountGraphics = 2; // Number of displayed graphics-swipers.
@@ -11,10 +8,6 @@ var MINWIDTH = 400; // Minimal width of block.
var MINHEIGHT = 700; // Minimal height of block.
function createGrid() {
if (debug_responsivity_daniel) {
console.log("%cfunction: createGrid", "color:white;background:olive");
}
// Creates grid-elements. By default only the first one is shown
// and
// takes the whole viewport.
@@ -30,10 +23,6 @@ function createGrid() {
}
function determineViewportSize() {
if (debug_responsivity_daniel) {
console.log("%cfunction: determineViewportSize", "color:white;background:olive");
}
// Number of columns 'nColumns' and rows 'nRows' is determined depending on available
// viewport-size.
@@ -62,19 +51,11 @@ function determineViewportSize() {
}
function sizeChange() {
if (debug_responsivity_daniel) {
console.log("%cfunction: sizeChange", "color:white;background:olive");
}
determineViewportSize();
adjustGrid();
}
function adjustGrid() {
if (debug_responsivity_daniel) {
console.log("%cfunction: adjustGrid", "color:white;background:olive");
}
// Determines size of grid-elements depending on number of columns 'nColumns' and
// rows 'nRows'
@@ -196,10 +177,6 @@ function adjustGrid() {
}
function style(s, width, height) {
if (debug_responsivity_daniel) {
console.log("%cfunction: style", "color:white;background:olive");
}
if (width) {
elements[s].style.display = "inline-block";
elements[s].style.width = width;