sou a inici > el taller > Gestio de capes d'una pàgina

Gestio de capes d'una pàgina

En aquest document s'expliquen unes quantes funcions JavaScript per donar més dinamisme a les pàgines HTML.

Detectors de navegadors i variables globals

Detecció del tipus de navegador on es visualitza la pàgina i definició de variables globals que es faran servir en altres funcions per adaptar la pàgina a les particularitats de cada un d'ells.

// Detecció de navegadors
var NS4 = (document.layers);
var NS6 = (document.getElementById&&!document.all);
var IE  = (document.all);

var layerObj =
  (NS6)?'document.getElementById':((NS4)?'document.layers':'document.all');
var styleObj = (NS6)? '.style' : ((NS4)? '' : '.style');

var mostra = (NS4)? 'show' : 'visible';
var amaga = (NS4)? 'hide' : 'hidden';

amagarCapes()

Funció que amaga la capa o capes que es passen per paràmetre.

function amagarCapes() {
  var capes = amagarCapes.arguments;
  for (var i=0; i < (capes.length); i+=1) {
    eval(layerObj + '("'+capes[i]+'")' + styleObj + '.visibility = amaga') ;
  }
}

mostrarCapes()

Funció que mostra les capes passades per paràmetre.

function mostrarCapes() {
  var capes = mostrarCapes.arguments;
  for (var i=0; i < (capes.length); i+=1) {
    eval(layerObj + '("'+capes[i]+'")' + styleObj + '.visibility = mostra') ;
  }
}