Ce script est déclaré obsolète. Il n'est conservé que pour information.

Script : Affiche un layer avec une liste

Affiche des calques ou layers par sélection dans une liste déroulante

<HTML>
<HEAD>
<TITLE>Tout JavaScript.com - Afficher un calque par une liste déroulante</TITLE>
<SCRIPT LANGUAGE="JavaScript">
//D'autres scripts sur http://www.toutjavascript.com
//Si vous utilisez ce script, merci de m'avertir !
var encours="";
function AffLayer(liste) {
	var nomlayer=liste.options[liste.selectedIndex].value;
	if (document.all) {
		if (encours!="") {document.all[encours].style.visibility="hidden";}
		encours=nomlayer;
		if (nomlayer!="") {document.all[encours].style.visibility="visible";}
	}
	if (document.layers) {
	  	if (encours!="") {document.layers[encours].visibility="hide";}
		encours=nomlayer;
		if (nomlayer!="") {document.layers[encours].visibility="show";}
	}
	if (document.getElementById) {
		if (encours!="") {document.getElementById(encours).style.visibility="hidden";}
		encours=nomlayer;
		if (nomlayer!="") {document.getElementById(encours).style.visibility="visible";}
	}
}

</SCRIPT>
</HEAD>

<BODY bgcolor="white" text="#FAFAFF" alink="#000066" link="#000066" vlink="#000066" >
<FONT FACE="Arial" SIZE='-1' COLOR="navy">
<CENTER><B><BIG>Affiche un calque par sélection dans une liste box</B></BIG></CENTER>
Compatible IE4+ et NS4+<BR>
<FORM>
<SELECT NAME="liste" onChange='AffLayer(this)'>
	<option value="">Choisir un affichage</option>
	<option value="layer1">Premier calque</option>
	<option value="layer2">Second calque</option>
	<option value="layer3">Dernier calque</option>
</SELECT>
</FORM>

<DIV id="layer1" style="position:absolute;left:500px;top:300px;visibility:hidden">
  CECI EST LE CALQUE N°1
</DIV>

<DIV id="layer2" style="position:absolute;left:100px;top:300px;visibility:hidden">
  CECI EST LE CALQUE N°2
</DIV>

<DIV id="layer3" style="position:absolute;left:100px;top:200px;visibility:hidden">
  CECI EST LE CALQUE N°3
</DIV>

<BR>
<CENTER><A href="http://www.toutjavascript.com"><FONT size="1" face="arial" color="#CCCCFF">Tout JavaScript.com</FONT></A></CENTER>

</BODY></HTML>

Exécution du script

Code source

<HTML><HEAD><TITLE>Tout JavaScript.com - Afficher un calque par une liste déroulante</TITLE><SCRIPT LANGUAGE="JavaScript">//D'autres scripts sur http://www.toutjavascript.com//Si vous utilisez ce script, merci de m'avertir !var encours="";function AffLayer(liste) {    var nomlayer=liste.options[liste.selectedIndex].value;    if (document.all) {        if (encours!="") {document.all[encours].style.visibility="hidden";}        encours=nomlayer;        if (nomlayer!="") {document.all[encours].style.visibility="visible";}    }    if (document.layers) {          if (encours!="") {document.layers[encours].visibility="hide";}        encours=nomlayer;        if (nomlayer!="") {document.layers[encours].visibility="show";}    }    if (document.getElementById) {        if (encours!="") {document.getElementById(encours).style.visibility="hidden";}        encours=nomlayer;        if (nomlayer!="") {document.getElementById(encours).style.visibility="visible";}    }}</script></HEAD><BODY bgcolor="white" text="#FAFAFF" alink="#000066" link="#000066" vlink="#000066" ><FONT FACE="Arial" SIZE='-1' COLOR="navy"><CENTER><B><BIG>Affiche un calque par sélection dans une liste box</B></BIG></CENTER>Compatible IE4+ et NS4+<BR><FORM><SELECT NAME="liste" onChange='AffLayer(this)'>    <option value="">Choisir un affichage</option>    <option value="layer1">Premier calque</option>    <option value="layer2">Second calque</option>    <option value="layer3">Dernier calque</option></SELECT></FORM><DIV id="layer1" style="position:absolute;left:500px;top:300px;visibility:hidden">  CECI EST LE CALQUE N°1</DIV><DIV id="layer2" style="position:absolute;left:100px;top:300px;visibility:hidden">  CECI EST LE CALQUE N°2</DIV><DIV id="layer3" style="position:absolute;left:100px;top:200px;visibility:hidden">  CECI EST LE CALQUE N°3</DIV><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><CENTER><A href="http://www.toutjavascript.com"><FONT size="1" face="arial" color="#CCCCFF">Tout JavaScript.com</FONT></A></CENTER></BODY></HTML><!-- Script développé par Olivier Hondermarck  --><!-- http://www.toutjavascript.com             -->

Troisième édition Tout JavaScript chez Dunod

En savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Dunod Fnac Amazon

Le graph des objets JavaScript

Chargement
en cours...

Script : Affiche un layer avec une liste

Exécution du script

Code source

Troisième édition Tout JavaScript chez Dunod

Chercher une fonction, un objet, ...

Le graph des objets JavaScript