Gebruiker:Erik Baas/rm-images.js
Uiterlijk
Opmerking: na het publiceren is het wellicht nodig uw browsercache te legen om de veranderingen te zien.
- Firefox / Safari: houd Shift ingedrukt terwijl u:je 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)
- Edge: houd Ctrl ingedrukt terwijl u:je op Vernieuwen klikt of 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'; }
}
}
}