- <HTML>
- <HEAD>
- <TITLE>Cache Montre Elements[PetoleTeam]</TITLE>
- <STYLE TYPE="text/css">
- BODY{
- font-size:13px;
- font-family:Verdana;
- }
- </STYLE>
- <SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
- //----------------------------------------------
- // Affichage d'un Objet déclaré dans le document...
- //----------------------------------------------
- function Affiche_OBJ(){
- var Arg = arguments; // Récup liste des arguments passée à la fonction
- var Obj;
- for( var i=0; i< Arg.length; i++){ // On parcours la liste
- Obj = document.getElementById( Arg[i]); // Récup Objet correspondant
- if( Obj){
- Obj.style.visibility = "visible";
- //-- Ou autre méthode
- Obj.style.display = "";
- }
- }
- }
- //----------------------------------------------
- // Masquage d'un Objet déclaré dans le document...
- //----------------------------------------------
- function Masque_OBJ(){
- var Arg = arguments; // Récup liste des arguments passée à la fonction
- var Obj;
- for( var i=0; i< Arg.length; i++){ // On parcours la liste
- Obj = document.getElementById( Arg[i]); // Récup Objet correspondant
- if( Obj){
- Obj.style.visibility = "hidden";
- //-- Ou autre méthode
- Obj.style.display = "none";
- }
- }
- }
- </SCRIPT>
- </HEAD>
- <BODY>
- <BR><A HREF="#" OnClick="Affiche_OBJ('OBJ_1', 'OBJ_2', 'OBJ3');">Affiche </A>DIV_1 OBJ_2 et DIV_3
- <BR><A HREF="#" OnClick="Masque_OBJ('OBJ_1', 'OBJ_2', 'OBJ3');">Masque </A>DIV_1 OBJ_2 et DIV_3
- <BR><A HREF="#" OnClick="Affiche_OBJ('LI_1', 'LI_3');">Affiche </A> LI_1 et LI_3
- <BR><A HREF="#" OnClick="Masque_OBJ('LI_1', 'LI_3');">Masque </A> LI_1 et LI_3
- <BR>
- <BR><DIV ID="OBJ_1">Texte pour visualisation de OBJ_1...</DIV>
- <BR><TABLE WIDTH="200" HEIGHT="100" BORDER="0"BGCOLOR="#FFCC00" ID="OBJ_2"><TR><TD>Ceci est l'objet OBJ_2</TD></TR></TABLE>
- <BR><DIV ID="OBJ_3">Texte pour visualisation de OBJ_3...</DIV>
- <UL>
- <LI ID="LI_1">Ligne 1</LI>
- <LI ID="LI_2">Ligne 2</LI>
- <LI ID="LI_3">Ligne 2</LI>
- </UL>
- </BODY>
- </HTML>
<HTML>
<HEAD>
<TITLE>Cache Montre Elements[PetoleTeam]</TITLE>
<STYLE TYPE="text/css">
BODY{
font-size:13px;
font-family:Verdana;
}
</STYLE>
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
//----------------------------------------------
// Affichage d'un Objet déclaré dans le document...
//----------------------------------------------
function Affiche_OBJ(){
var Arg = arguments; // Récup liste des arguments passée à la fonction
var Obj;
for( var i=0; i< Arg.length; i++){ // On parcours la liste
Obj = document.getElementById( Arg[i]); // Récup Objet correspondant
if( Obj){
Obj.style.visibility = "visible";
//-- Ou autre méthode
Obj.style.display = "";
}
}
}
//----------------------------------------------
// Masquage d'un Objet déclaré dans le document...
//----------------------------------------------
function Masque_OBJ(){
var Arg = arguments; // Récup liste des arguments passée à la fonction
var Obj;
for( var i=0; i< Arg.length; i++){ // On parcours la liste
Obj = document.getElementById( Arg[i]); // Récup Objet correspondant
if( Obj){
Obj.style.visibility = "hidden";
//-- Ou autre méthode
Obj.style.display = "none";
}
}
}
</SCRIPT>
</HEAD>
<BODY>
<BR><A HREF="#" OnClick="Affiche_OBJ('OBJ_1', 'OBJ_2', 'OBJ3');">Affiche </A>DIV_1 OBJ_2 et DIV_3
<BR><A HREF="#" OnClick="Masque_OBJ('OBJ_1', 'OBJ_2', 'OBJ3');">Masque </A>DIV_1 OBJ_2 et DIV_3
<BR><A HREF="#" OnClick="Affiche_OBJ('LI_1', 'LI_3');">Affiche </A> LI_1 et LI_3
<BR><A HREF="#" OnClick="Masque_OBJ('LI_1', 'LI_3');">Masque </A> LI_1 et LI_3
<BR>
<BR><DIV ID="OBJ_1">Texte pour visualisation de OBJ_1...</DIV>
<BR><TABLE WIDTH="200" HEIGHT="100" BORDER="0"BGCOLOR="#FFCC00" ID="OBJ_2"><TR><TD>Ceci est l'objet OBJ_2</TD></TR></TABLE>
<BR><DIV ID="OBJ_3">Texte pour visualisation de OBJ_3...</DIV>
<UL>
<LI ID="LI_1">Ligne 1</LI>
<LI ID="LI_2">Ligne 2</LI>
<LI ID="LI_3">Ligne 2</LI>
</UL>
</BODY>
</HTML>