CharacterFilter.js: Difference between revisions

Revision as of 22:50, 2 September 2025

// Slideshow Script: Illustrations of Tom, filter by illustrator

// Globale Bildlisten und aktuelle Indizes
var slides = {
  A: [],
  B: [],
  C: [],
  D: [],

};

var currentIndex = {
  A: 0,
  B: 0,
  C: 0,
  D: 0,
};

// Slideshow laden
function filterAndLoadSlideshowT(target) {
  var dropdownId = 'illustratorDropdown' + target;
  var selectedIllustrator = document.getElementById(dropdownId).value.toLowerCase();
  var imageElement = document.getElementById('slide' + target);

  if (!imageElement) {
    console.error('Slideshow ' + target + ': Bild-Element nicht gefunden.');
    return;
  }

  slides[target] = [];
  currentIndex[target] = 0;

  if (!selectedIllustrator) {
    imageElement.src = "https://illus.twainframe.org/images/d/d2/GalleryPlaceholder.png";
    imageElement.title = "Kein Illustrator ausgewählt.";
    return;
  }

  var rows = document.querySelectorAll('#catalog tbody tr');

  for (var i = 0; i < rows.length; i++) {
    var row = rows[i];
    var illustratorCell = row.cells[2];
    var tagsCell = row.cells[7];
    var idCell = row.cells[8];

    var illustratorText = illustratorCell ? illustratorCell.textContent.trim().toLowerCase() : '';
    var tagsText = tagsCell ? tagsCell.textContent.trim().toLowerCase() : '';
    var idLink = idCell ? idCell.getElementsByTagName('a')[0] : null;
    var idText = idLink ? idLink.textContent.trim().toLowerCase() : '';

    if (illustratorText.indexOf(selectedIllustrator) !== -1 && tagsText.indexOf('tom') !== -1) {
      slides[target].push(idText);
      console.log('✓ Zeile ' + i + ': ID=' + idText);
    }
  }

  if (slides[target].length === 0) {
    imageElement.src = "https://illus.twainframe.org/images/d/d2/GalleryPlaceholder.png";
    imageElement.title = "Keine passenden Bilder gefunden.";
    return;
  }

  showSlide(target, 0);
}

// Zeige ein einzelnes Bild
function showSlide(target, index) {
  var imageElement = document.getElementById('slide' + target);
  var slideArray = slides[target];

  if (!imageElement || slideArray.length === 0) return;

  currentIndex[target] = (index + slideArray.length) % slideArray.length;
  var imageId = slideArray[currentIndex[target]];

  imageElement.src = '/index.php/Special:Redirect/file/' + imageId + '.jpg';
  imageElement.alt = imageId;
  imageElement.title = imageId;
}

// Buttons
function nextSlide(target) {
  showSlide(target, currentIndex[target] + 1);
}

function prevSlide(target) {
  showSlide(target, currentIndex[target] - 1);
}

// Slideshow Script: Illustrations of Huck, filter by illustrator

// Globale Bildlisten und aktuelle Indizes
var slides = {
  A: [],
  B: [],
  C: [],
  D: [],

};

var currentIndex = {
  A: 0,
  B: 0,
  C: 0,
  D: 0,
};

// Slideshow laden
function filterAndLoadSlideshowH(target) {
  var dropdownId = 'illustratorDropdown' + target;
  var selectedIllustrator = document.getElementById(dropdownId).value.toLowerCase();
  var imageElement = document.getElementById('slide' + target);

  if (!imageElement) {
    console.error('Slideshow ' + target + ': Bild-Element nicht gefunden.');
    return;
  }

  slides[target] = [];
  currentIndex[target] = 0;

  if (!selectedIllustrator) {
    imageElement.src = "https://illus.twainframe.org/images/d/d2/GalleryPlaceholder.png";
    imageElement.title = "Kein Illustrator ausgewählt.";
    return;
  }

  var rows = document.querySelectorAll('#catalog tbody tr');

  for (var i = 0; i < rows.length; i++) {
    var row = rows[i];
    var illustratorCell = row.cells[2];
    var tagsCell = row.cells[7];
    var idCell = row.cells[8];

    var illustratorText = illustratorCell ? illustratorCell.textContent.trim().toLowerCase() : '';
    var tagsText = tagsCell ? tagsCell.textContent.trim().toLowerCase() : '';
    var idLink = idCell ? idCell.getElementsByTagName('a')[0] : null;
    var idText = idLink ? idLink.textContent.trim().toLowerCase() : '';

    if (illustratorText.indexOf(selectedIllustrator) !== -1 && tagsText.indexOf('huck') !== -1) {
      slides[target].push(idText);
      console.log('✓ Zeile ' + i + ': ID=' + idText);
    }
  }

  if (slides[target].length === 0) {
    imageElement.src = "https://illus.twainframe.org/images/d/d2/GalleryPlaceholder.png";
    imageElement.title = "Keine passenden Bilder gefunden.";
    return;
  }

  showSlide(target, 0);
}

// Zeige ein einzelnes Bild
function showSlide(target, index) {
  var imageElement = document.getElementById('slide' + target);
  var slideArray = slides[target];

  if (!imageElement || slideArray.length === 0) return;

  currentIndex[target] = (index + slideArray.length) % slideArray.length;
  var imageId = slideArray[currentIndex[target]];

  imageElement.src = '/index.php/Special:Redirect/file/' + imageId + '.jpg';
  imageElement.alt = imageId;
  imageElement.title = imageId;
}

// Buttons
function nextSlide(target) {
  showSlide(target, currentIndex[target] + 1);
}

function prevSlide(target) {
  showSlide(target, currentIndex[target] - 1);
}

// Slideshow Script: Illustrations of Jim, filter by illustrator

// Globale Bildlisten und aktuelle Indizes
var slides = {
  A: [],
  B: [],
  C: [],
  D: [],

};

var currentIndex = {
  A: 0,
  B: 0,
  C: 0,
  D: 0,
};

// Slideshow laden
function filterAndLoadSlideshowJ(target) {
  var dropdownId = 'illustratorDropdown' + target;
  var selectedIllustrator = document.getElementById(dropdownId).value.toLowerCase();
  var imageElement = document.getElementById('slide' + target);

  if (!imageElement) {
    console.error('Slideshow ' + target + ': Bild-Element nicht gefunden.');
    return;
  }

  slides[target] = [];
  currentIndex[target] = 0;

  if (!selectedIllustrator) {
    imageElement.src = "https://illus.twainframe.org/images/d/d2/GalleryPlaceholder.png";
    imageElement.title = "Kein Illustrator ausgewählt.";
    return;
  }

  var rows = document.querySelectorAll('#catalog tbody tr');

  for (var i = 0; i < rows.length; i++) {
    var row = rows[i];
    var illustratorCell = row.cells[2];
    var tagsCell = row.cells[7];
    var idCell = row.cells[8];

    var illustratorText = illustratorCell ? illustratorCell.textContent.trim().toLowerCase() : '';
    var tagsText = tagsCell ? tagsCell.textContent.trim().toLowerCase() : '';
    var idLink = idCell ? idCell.getElementsByTagName('a')[0] : null;
    var idText = idLink ? idLink.textContent.trim().toLowerCase() : '';

    if (illustratorText.indexOf(selectedIllustrator) !== -1 && tagsText.indexOf('jim') !== -1) {
      slides[target].push(idText);
      console.log('✓ Zeile ' + i + ': ID=' + idText);
    }
  }

  if (slides[target].length === 0) {
    imageElement.src = "https://illus.twainframe.org/images/d/d2/GalleryPlaceholder.png";
    imageElement.title = "Keine passenden Bilder gefunden.";
    return;
  }

  showSlide(target, 0);
}

// Zeige ein einzelnes Bild
function showSlide(target, index) {
  var imageElement = document.getElementById('slide' + target);
  var slideArray = slides[target];

  if (!imageElement || slideArray.length === 0) return;

  currentIndex[target] = (index + slideArray.length) % slideArray.length;
  var imageId = slideArray[currentIndex[target]];

  imageElement.src = '/index.php/Special:Redirect/file/' + imageId + '.jpg';
  imageElement.alt = imageId;
  imageElement.title = imageId;
}

// Buttons
function nextSlide(target) {
  showSlide(target, currentIndex[target] + 1);
}

function prevSlide(target) {
  showSlide(target, currentIndex[target] - 1);
}

// Slideshow Script: Illustrations of Pap, filter by illustrator

// Globale Bildlisten und aktuelle Indizes
var slides = {
  A: [],
  B: [],
  C: [],
  D: [],

};

var currentIndex = {
  A: 0,
  B: 0,
  C: 0,
  D: 0,
};

// Slideshow laden
function filterAndLoadSlideshowP(target) {
  var dropdownId = 'illustratorDropdown' + target;
  var selectedIllustrator = document.getElementById(dropdownId).value.toLowerCase();
  var imageElement = document.getElementById('slide' + target);

  if (!imageElement) {
    console.error('Slideshow ' + target + ': Bild-Element nicht gefunden.');
    return;
  }

  slides[target] = [];
  currentIndex[target] = 0;

  if (!selectedIllustrator) {
    imageElement.src = "https://illus.twainframe.org/images/d/d2/GalleryPlaceholder.png";
    imageElement.title = "Kein Illustrator ausgewählt.";
    return;
  }

  var rows = document.querySelectorAll('#catalog tbody tr');

  for (var i = 0; i < rows.length; i++) {
    var row = rows[i];
    var illustratorCell = row.cells[2];
    var tagsCell = row.cells[7];
    var idCell = row.cells[8];

    var illustratorText = illustratorCell ? illustratorCell.textContent.trim().toLowerCase() : '';
    var tagsText = tagsCell ? tagsCell.textContent.trim().toLowerCase() : '';
    var idLink = idCell ? idCell.getElementsByTagName('a')[0] : null;
    var idText = idLink ? idLink.textContent.trim().toLowerCase() : '';

    if (illustratorText.indexOf(selectedIllustrator) !== -1 && tagsText.indexOf('papfinn') !== -1) {
      slides[target].push(idText);
      console.log('✓ Zeile ' + i + ': ID=' + idText);
    }
  }

  if (slides[target].length === 0) {
    imageElement.src = "https://illus.twainframe.org/images/d/d2/GalleryPlaceholder.png";
    imageElement.title = "Keine passenden Bilder gefunden.";
    return;
  }

  showSlide(target, 0);
}

// Zeige ein einzelnes Bild
function showSlide(target, index) {
  var imageElement = document.getElementById('slide' + target);
  var slideArray = slides[target];

  if (!imageElement || slideArray.length === 0) return;

  currentIndex[target] = (index + slideArray.length) % slideArray.length;
  var imageId = slideArray[currentIndex[target]];

  imageElement.src = '/index.php/Special:Redirect/file/' + imageId + '.jpg';
  imageElement.alt = imageId;
  imageElement.title = imageId;
}

// Buttons
function nextSlide(target) {
  showSlide(target, currentIndex[target] + 1);
}

function prevSlide(target) {
  showSlide(target, currentIndex[target] - 1);
}


// Slideshow Script: Illustrations of King and Duke, filter by illustrator

// Globale Bildlisten und aktuelle Indizes
var slides = {
  A: [],
  B: [],
  C: [],
  D: [],

};

var currentIndex = {
  A: 0,
  B: 0,
  C: 0,
  D: 0,
};

// Slideshow laden
function filterAndLoadSlideshowKD(target) {
  var dropdownId = 'illustratorDropdown' + target;
  var selectedIllustrator = document.getElementById(dropdownId).value.toLowerCase();
  var imageElement = document.getElementById('slide' + target);

  if (!imageElement) {
    console.error('Slideshow ' + target + ': Bild-Element nicht gefunden.');
    return;
  }

  slides[target] = [];
  currentIndex[target] = 0;

  if (!selectedIllustrator) {
    imageElement.src = "https://illus.twainframe.org/images/d/d2/GalleryPlaceholder.png";
    imageElement.title = "Kein Illustrator ausgewählt.";
    return;
  }

  var rows = document.querySelectorAll('#catalog tbody tr');

  for (var i = 0; i < rows.length; i++) {
    var row = rows[i];
    var illustratorCell = row.cells[2];
    var tagsCell = row.cells[7];
    var idCell = row.cells[8];

    var illustratorText = illustratorCell ? illustratorCell.textContent.trim().toLowerCase() : '';
    var tagsText = tagsCell ? tagsCell.textContent.trim().toLowerCase() : '';
    var idLink = idCell ? idCell.getElementsByTagName('a')[0] : null;
    var idText = idLink ? idLink.textContent.trim().toLowerCase() : '';

    if (
  illustratorText.indexOf(selectedIllustrator) !== -1 &&
  (
    tagsText.indexOf('king') !== -1 ||
    tagsText.indexOf('duke') !== -1
  )
) {
  slides[target].push(idText);
  console.log('✓ Zeile ' + i + ': ID=' + idText);
}
  }

  if (slides[target].length === 0) {
    imageElement.src = "https://illus.twainframe.org/images/d/d2/GalleryPlaceholder.png";
    imageElement.title = "Keine passenden Bilder gefunden.";
    return;
  }

  showSlide(target, 0);
}

// Zeige ein einzelnes Bild
function showSlide(target, index) {
  var imageElement = document.getElementById('slide' + target);
  var slideArray = slides[target];

  if (!imageElement || slideArray.length === 0) return;

  currentIndex[target] = (index + slideArray.length) % slideArray.length;
  var imageId = slideArray[currentIndex[target]];

  imageElement.src = '/index.php/Special:Redirect/file/' + imageId + '.jpg';
  imageElement.alt = imageId;
  imageElement.title = imageId;
}

// Buttons
function nextSlide(target) {
  showSlide(target, currentIndex[target] + 1);
}

function prevSlide(target) {
  showSlide(target, currentIndex[target] - 1);
}

// Slideshow Script: Illustrations of other characters, filter by illustrator

// Globale Bildlisten und aktuelle Indizes
var slides = {
  A: [],
  B: [],
  C: [],
  D: [],

};

var currentIndex = {
  A: 0,
  B: 0,
  C: 0,
  D: 0,
};

// Slideshow laden
function filterAndLoadSlideshowSDC(target) {
  var dropdownId = 'illustratorDropdown' + target;
  var selectedIllustrator = document.getElementById(dropdownId).value.toLowerCase();
  var imageElement = document.getElementById('slide' + target);

  if (!imageElement) {
    console.error('Slideshow ' + target + ': Bild-Element nicht gefunden.');
    return;
  }

  slides[target] = [];
  currentIndex[target] = 0;

  if (!selectedIllustrator) {
    imageElement.src = "https://illus.twainframe.org/images/d/d2/GalleryPlaceholder.png";
    imageElement.title = "Kein Illustrator ausgewählt.";
    return;
  }

  var rows = document.querySelectorAll('#catalog tbody tr');

  for (var i = 0; i < rows.length; i++) {
    var row = rows[i];
    var illustratorCell = row.cells[2];
    var tagsCell = row.cells[7];
    var idCell = row.cells[8];

    var illustratorText = illustratorCell ? illustratorCell.textContent.trim().toLowerCase() : '';
    var tagsText = tagsCell ? tagsCell.textContent.trim().toLowerCase() : '';
    var idLink = idCell ? idCell.getElementsByTagName('a')[0] : null;
    var idText = idLink ? idLink.textContent.trim().toLowerCase() : '';

    if (illustratorText.indexOf(selectedIllustrator) !== -1 && tagsText.indexOf('sdc') !== -1) {
      slides[target].push(idText);
      console.log('✓ Zeile ' + i + ': ID=' + idText);
    }
  }

  if (slides[target].length === 0) {
    imageElement.src = "https://illus.twainframe.org/images/d/d2/GalleryPlaceholder.png";
    imageElement.title = "Keine passenden Bilder gefunden.";
    return;
  }

  showSlide(target, 0);
}

// Zeige ein einzelnes Bild
function showSlide(target, index) {
  var imageElement = document.getElementById('slide' + target);
  var slideArray = slides[target];

  if (!imageElement || slideArray.length === 0) return;

  currentIndex[target] = (index + slideArray.length) % slideArray.length;
  var imageId = slideArray[currentIndex[target]];

  imageElement.src = '/index.php/Special:Redirect/file/' + imageId + '.jpg';
  imageElement.alt = imageId;
  imageElement.title = imageId;
}

// Buttons
function nextSlide(target) {
  showSlide(target, currentIndex[target] + 1);
}

function prevSlide(target) {
  showSlide(target, currentIndex[target] - 1);
}

// Slideshow Script: Illustrations of female characters, filter by illustrator

// Globale Bildlisten und aktuelle Indizes
var slides = {
  A: [],
  B: [],
  C: [],
  D: [],

};

var currentIndex = {
  A: 0,
  B: 0,
  C: 0,
  D: 0,
};

// Slideshow laden
function filterAndLoadSlideshowFem(target) {
  var dropdownId = 'illustratorDropdown' + target;
  var selectedIllustrator = document.getElementById(dropdownId).value.toLowerCase();
  var imageElement = document.getElementById('slide' + target);

  if (!imageElement) {
    console.error('Slideshow ' + target + ': Bild-Element nicht gefunden.');
    return;
  }

  slides[target] = [];
  currentIndex[target] = 0;

  if (!selectedIllustrator) {
    imageElement.src = "https://illus.twainframe.org/images/d/d2/GalleryPlaceholder.png";
    imageElement.title = "Kein Illustrator ausgewählt.";
    return;
  }

  var rows = document.querySelectorAll('#catalog tbody tr');

  for (var i = 0; i < rows.length; i++) {
    var row = rows[i];
    var illustratorCell = row.cells[2];
    var tagsCell = row.cells[7];
    var idCell = row.cells[8];

    var illustratorText = illustratorCell ? illustratorCell.textContent.trim().toLowerCase() : '';
    var tagsText = tagsCell ? tagsCell.textContent.trim().toLowerCase() : '';
    var idLink = idCell ? idCell.getElementsByTagName('a')[0] : null;
    var idText = idLink ? idLink.textContent.trim().toLowerCase() : '';

    if (illustratorText.indexOf(selectedIllustrator) !== -1 && tagsText.indexOf('fem') !== -1) {
      slides[target].push(idText);
      console.log('✓ Zeile ' + i + ': ID=' + idText);
    }
  }

  if (slides[target].length === 0) {
    imageElement.src = "https://illus.twainframe.org/images/d/d2/GalleryPlaceholder.png";
    imageElement.title = "Keine passenden Bilder gefunden.";
    return;
  }

  showSlide(target, 0);
}

// Zeige ein einzelnes Bild
function showSlide(target, index) {
  var imageElement = document.getElementById('slide' + target);
  var slideArray = slides[target];

  if (!imageElement || slideArray.length === 0) return;

  currentIndex[target] = (index + slideArray.length) % slideArray.length;
  var imageId = slideArray[currentIndex[target]];

  imageElement.src = '/index.php/Special:Redirect/file/' + imageId + '.jpg';
  imageElement.alt = imageId;
  imageElement.title = imageId;
}

// Buttons
function nextSlide(target) {
  showSlide(target, currentIndex[target] + 1);
}

function prevSlide(target) {
  showSlide(target, currentIndex[target] - 1);
}

// Slideshow Script: Illustrations of black characters, filter by illustrator

// Globale Bildlisten und aktuelle Indizes
var slides = {
  A: [],
  B: [],
  C: [],
  D: [],

};

var currentIndex = {
  A: 0,
  B: 0,
  C: 0,
  D: 0,
};

// Slideshow laden
function filterAndLoadSlideshowAAC(target) {
  var dropdownId = 'illustratorDropdown' + target;
  var selectedIllustrator = document.getElementById(dropdownId).value.toLowerCase();
  var imageElement = document.getElementById('slide' + target);

  if (!imageElement) {
    console.error('Slideshow ' + target + ': Bild-Element nicht gefunden.');
    return;
  }

  slides[target] = [];
  currentIndex[target] = 0;

  if (!selectedIllustrator) {
    imageElement.src = "https://illus.twainframe.org/images/d/d2/GalleryPlaceholder.png";
    imageElement.title = "Kein Illustrator ausgewählt.";
    return;
  }

  var rows = document.querySelectorAll('#catalog tbody tr');

  for (var i = 0; i < rows.length; i++) {
    var row = rows[i];
    var illustratorCell = row.cells[2];
    var tagsCell = row.cells[7];
    var idCell = row.cells[8];

    var illustratorText = illustratorCell ? illustratorCell.textContent.trim().toLowerCase() : '';
    var tagsText = tagsCell ? tagsCell.textContent.trim().toLowerCase() : '';
    var idLink = idCell ? idCell.getElementsByTagName('a')[0] : null;
    var idText = idLink ? idLink.textContent.trim().toLowerCase() : '';

    if (illustratorText.indexOf(selectedIllustrator) !== -1 && tagsText.indexOf('aac') !== -1) {
      slides[target].push(idText);
      console.log('✓ Zeile ' + i + ': ID=' + idText);
    }
  }

  if (slides[target].length === 0) {
    imageElement.src = "https://illus.twainframe.org/images/d/d2/GalleryPlaceholder.png";
    imageElement.title = "Keine passenden Bilder gefunden.";
    return;
  }

  showSlide(target, 0);
}

// Zeige ein einzelnes Bild
function showSlide(target, index) {
  var imageElement = document.getElementById('slide' + target);
  var slideArray = slides[target];

  if (!imageElement || slideArray.length === 0) return;

  currentIndex[target] = (index + slideArray.length) % slideArray.length;
  var imageId = slideArray[currentIndex[target]];

  imageElement.src = '/index.php/Special:Redirect/file/' + imageId + '.jpg';
  imageElement.alt = imageId;
  imageElement.title = imageId;
}

// Buttons
function nextSlide(target) {
  showSlide(target, currentIndex[target] + 1);
}

function prevSlide(target) {
  showSlide(target, currentIndex[target] - 1);
}