Gebruiker:Erik Baas/rm-images.js

Opmerking: nadat u de wijzigingen hebt gepubliceerd is het wellicht nodig uw browsercache te legen.

Firefox / Safari: houd Shift ingedrukt terwijl u op Vernieuwen klikt of druk op Ctrl-F5 of Ctrl-R (⌘-Shift-R op een Mac)
Google Chrome: druk op Ctrl-Shift-R (⌘-Shift-R op een Mac)
Internet Explorer / Edge: houd Ctrl ingedrukt terwijl u op Vernieuwen klikt of druk op Ctrl-F5
Opera: druk op Ctrl-F5.

// Extra links op pagina's met lijsten van rijksmonumenten: om 
// naar wens alleen de objecten met of zonder afbeelding te tonen.
//
// Toont 3 extra links rechtsboven op pagina's waar het sjabloon "Tabelkop rijksmonumenten" gebruikt wordt.

$( function () {
 arr = document.getElementsByTagName('table') ;
 for ( i = 0 ; i < arr.length ; i++ ) {
  class = arr[i].className;
  if (class.match('RM_table')) {
   cs = document.getElementById('contentSub');
   i = document.createElement('div');
   with (i) {
    id = 'RM_imagelinks' ;
     with (style) {
      position = 'absolute';
      top = '8px';
      right = '13px';
      textAlign = 'right';
      backgroundColor = 'white';
      padding = '3px';
     }
    innerHTML  = 'Toon alleen objecten '
    innerHTML += '<a href="" onclick="RM_show_images(1); return(false);">met</a> of <br />'
    innerHTML += '<a href="" onclick="RM_show_images(2); return(false);">zonder</a> afbeeldingen, of '
    innerHTML += '<a href="" onclick="RM_show_images(3); return(false);">alle</a>.'
   }
   cs.appendChild ( i ) ;
   break;
  }
 }
});

function RM_show_images(status) {
 arr = document.getElementsByTagName('tr') ;
 for ( i = 0 ; i < arr.length ; i++ ) {
  el = arr[i]
  class = el.className;
  if (class.match('with_image')) {
   if (status == 1) { el.style.display = 'table-row'; }
   if (status == 2) { el.style.display = 'none'; }
   if (status == 3) { el.style.display = 'table-row'; }
  }
  if (class.match('without_image')) {
   if (status == 1) { el.style.display = 'none'; }
   if (status == 2) { el.style.display = 'table-row'; }
   if (status == 3) { el.style.display = 'table-row'; }
  }
 }
}