Accueil > > > CACHÉ DES ZONE DANS UNE PAGE WEB,DIV,CASE,LIGNE DE TABLEAU...
CACHÉ DES ZONE DANS UNE PAGE WEB,DIV,CASE,LIGNE DE TABLEAU...
Information sur la source
Description
le code source montre comment caché des zone dans une page celon la demande ou aprés le click dans un objet (dans l'exmple l'objet est une image de + qui devitn - Onclik())
Source
//***********************************Fonction qui ouvre l'objet + ****************************************
function OpenPlus(PlusID)
{
var img = document.getElementById(PlusID);
img.src = "minus.gif";
}
function ClosePlus(PlusID)
{
var img = document.getElementById(PlusID);
img.src = "plus.gif";
}
//**********************************************************************************************************
//***********************************Fonction qui ouvre et ferme l'objet >> ********************************
function UpCollaps(PlusID)
{
var img = document.getElementById(PlusID);
img.src = "collapse3.jpg";
}
function DownCollaps(PlusID)
{
var img = document.getElementById(PlusID);
img.src = "expand3.jpg";
}
function DivStatus(numero,nb)
{
var TCodePromo=new Array();
var TcodeFinance=new Array();
var TcodeCommercial=new Array();
var EntityName;
var divID = numero;
var CodeId;
var i;
var k;
EntityName=numero.slice(0,5);
switch(EntityName)
{
// *****************************************Traittement Promo ******************************************************
case "Promo":
for(i=0;i<nb;i++)
{
CodeId=numero.concat(i);
TCodePromo[i]=CodeId;
if ( document.getElementById && document.getElementById( CodeId ) ) // Pour les navigateurs récents
{
Pdiv = document.getElementById( CodeId );
PcH = true;
}
else
{
PcH = false;
}
if ( PcH )
{
Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';
}
}
if(PromoPlusArray[numero]==1)
{
OpenPlus('Plus'+numero);
PromoPlusArray[numero]=0;
for(k=0;k<TCodePromo.length;k++)
{
MontreTout(TCodePromo[k]);
}
}else
{
ClosePlus('Plus'+numero);
PromoPlusArray[numero]=1;
for(k=0;k<TCodePromo.length;k++)
{
CacheTout(TCodePromo[k]);
}
}
break;
// ***************************************** fin Traittement Promo ******************************************************
//******************************************Traittement Commercial*****************************************************
case "Comme":
for(i=0;i<nb;i++)
{
CodeId=numero.concat(i);
TcodeCommercial[i]=CodeId;
if ( document.getElementById && document.getElementById( CodeId ) ) // Pour les navigateurs récents
{
Pdiv = document.getElementById( CodeId );
PcH = true;
}
else
{
PcH = false;
}
if ( PcH )
{
Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';
}
}
if(CommercialPlusArray[numero]==1)
{
OpenPlus('Plus'+numero);
CommercialPlusArray[numero]=0;
for(k=0;k<TcodeCommercial.length;k++)
{
MontreTout(TcodeCommercial[k]);
}
}else
{
ClosePlus('Plus'+numero);
CommercialPlusArray[numero]=1;
for(k=0;k<TcodeCommercial.length;k++)
{
CacheTout(TcodeCommercial[k]);
}
}
break;
//******************************************fin Traittement Commercial*****************************************************
case "Finan":
for(i=0;i<nb;i++)
{
CodeId=numero.concat(i);
TcodeFinance[i]=CodeId;
if ( document.getElementById && document.getElementById( CodeId ) ) // Pour les navigateurs récents
{
Pdiv = document.getElementById( CodeId );
PcH = true;
}
else
{
PcH = false;
}
if ( PcH )
{
Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';
}
}
if(FinancePlusArray[numero]==1)
{
OpenPlus('Plus'+numero);
FinancePlusArray[numero]=0;
for(k=0;k<TcodeFinance.length;k++)
{
MontreTout(TcodeFinance[k]);
}
}else
{
ClosePlus('Plus'+numero);
FinancePlusArray[numero]=1;
for(k=0;k<TcodeFinance.length;k++)
{
CacheTout(TcodeFinance[k]);
}
}
break;
}
}
/*
* Cache tous les divs ayant le même préfixe
*/
function CacheTout( nom )
{
var NumDiv = 0;
var divID;
if ( document.getElementById ) // Pour les navigateurs récents
{
while ( document.getElementById( nom.concat(NumDiv)))
{
SetDiv = document.getElementById( nom + NumDiv );
//*******************************************************************************
if ( SetDiv && SetDiv.className != 'cachediv' )
{
//DivStatus( nom, NumDiv );
divID=nom.concat(NumDiv);
if ( document.getElementById && document.getElementById( divID ) ) // Pour les navigateurs récents
{
Pdiv = document.getElementById( divID );
PcH = true;
}
else
{
PcH = false;
}
if ( PcH )
{
Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';
}
}
NumDiv++;
}
}
}
/*
* Montre tous les divs ayant le même préfixe
*/
function MontreTout( nom )
{
var NumDiv = 0;
var divID;
if ( document.getElementById ) // Pour les navigateurs récents
{
while ( document.getElementById(nom.concat(NumDiv)))
{
//alert('koko');
SetDiv = document.getElementById(nom.concat(NumDiv));
if ( SetDiv || SetDiv.className != '' )
{
divID=nom.concat(NumDiv);
if ( document.getElementById && document.getElementById( divID ) ) // Pour les navigateurs récents
{
Pdiv = document.getElementById( divID );
PcH = true;
}
else
{
PcH = false;
}
if ( PcH )
{
Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';
}
}
NumDiv++;
}
}
}
//alert('kkkk');
function ShowMarketingEntity( numero,nb )
{
SetDiv = document.getElementById(numero);
var NumDiv=0;
var NumDiv2=0;
var numero2;
// alert(nb);
if ( MarketingEntityStatus==0)
{
DownCollaps('MarkeCollaps');
while ( document.getElementById(numero.concat(NumDiv)))
{
//alert(numero.concat(NumDiv));
SetDiv = document.getElementById(numero.concat(NumDiv));
//*******************************************************************************
if ( SetDiv && SetDiv.className != 'cachediv' )
{
//DivStatus( nom, NumDiv );
divID=numero.concat(NumDiv);
if ( document.getElementById && document.getElementById( divID ) ) // Pour les navigateurs récents
{
Pdiv = document.getElementById( divID );
PcH = true;
}
else
{
PcH = false;
}
if ( PcH )
{
Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';
}
}
while(NumDiv2<12)
{
numero=numero.concat(NumDiv);
numero=numero.concat(NumDiv2);
//alert(numero);
SetDiv = document.getElementById(numero);
if ( SetDiv && SetDiv.className != 'cachediv' )
{
//DivStatus( nom, NumDiv );
divID=numero;
if ( document.getElementById && document.getElementById( divID ) ) // Pour les navigateurs récents
{
Pdiv = document.getElementById( divID );
PcH = true;
}
else
{
PcH = false;
}
if ( PcH )
{
Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';
}
}
numero="Marke";
NumDiv2++;
}
NumDiv2=0;
numero="Marke";
NumDiv++;
}
MarketingEntityStatus=1;
}
else
{
UpCollaps('MarkeCollaps');
while (document.getElementById(numero.concat(NumDiv)))
{
SetDiv = document.getElementById(numero.concat(NumDiv));
if ( SetDiv || SetDiv.className != '' )
{
divID=numero.concat(NumDiv);
if ( document.getElementById && document.getElementById( divID ) ) // Pour les navigateurs récents
{
Pdiv = document.getElementById( divID );
PcH = true;
}
else
{
PcH = false;
}
if ( PcH )
{
Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';
}
}
while(NumDiv2<12)
{
numero=numero.concat(NumDiv);
numero=numero.concat(NumDiv2);
SetDiv = document.getElementById(numero);
if ( SetDiv || SetDiv.className != '' )
{
divID=numero;
if ( document.getElementById && document.getElementById( divID ) ) // Pour les navigateurs récents
{
Pdiv = document.getElementById( divID );
PcH = true;
}
else
{
PcH = false;
}
if ( PcH )
{
Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';
}
}
numero="Marke";
NumDiv2++;
}
NumDiv2=0;
numero="Marke";
NumDiv++;
}
MarketingEntityStatus=0;
}
}
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
problème espace entre div visible et div caché [ par wiby35 ]
Bonjour alors je ne sait pas si je suis au bon endroit mais voila mon petit souci... voila mon code pour que cela soit plus simple : [code=html] <for
HELP pour ajouté une image au lien en javascript affiché caché une div [ par wiby35 ]
Bonjour, alors pour vous sa vas surement parêtre simple ( moi et javascript = 2 voir 2 000 ) donc, sur un page j'utilise un " script" qui permet d'a
Pb d'utilisation de données chargées dans une div avec ajax [ par sagat06 ]
Bonjour à tous, donc voilà: je rempli une div avec le contenu d'un fichier texte grâce à la fonction suivante trouvé sur Codes-sources => var mox; fun
Overflow avec hauteurs en pourcentage [ par Titmoff ]
Bonjour à tous, Mon sujet a déjà été traité et résolu mais malgré tout, je n'arrive pas à régler mon problème. Je voudrais n'avoir qu'une barre de d
menu déroulant caché par la page [ par gillie ]
Bonjour, J'ai créé un fichier index.html avec deux frames, la première avec l'entete et le menu horizontal, l'autre avec la page qui change quand on
Problème getElementById [ par cybertaf ]
Bonjour tout le monde. Voici mon problème: j'ai trouvé un script sur le net qui permet d'adapter la hauteur de deux DIV côte à côte. La DIV la plus p
boutons non cliquables sous un div [ par attentio ]
voila, je dois mettre un div (qui contient un png transparent) en absolu par dessus mon site qui lui est centré. le problème qui se pose, c'est que l
Survol d'un lien => affichage d'une image [ par apz ]
Salut, Voila un code modifié et testé pour un seul bloque. Il marche bien. A present, j'amerais essayer d'avoir deux bloques l'un à coté de l'autr
Récupérer puis appliquer à un div la hauteur d'un autre div [ par Rukario81 ]
Bonsoir, la situation se présente ainsi : j'ai dans mon HTML deux div, l'un en float: left; et l'autre en float: right;. La hauteur du div de gauche
Afficher une variable dans un div [ par bydouille ]
Bonjour à tous, J'ai un input (bouton) qui appelle une fonction JS dès l'ouverture du script contenant la fonction, je déclare une variable. Dans la
|
Derniers Blogs
TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Vincent Bellet et Baptiste Giraudier La BI dans SharePoint 2010, Les nouveaux services d'application dans SP2010 et SQL Server Reporting services 2008 R2. La BI dans SharePoint est généralisée pour tous afin de permettre à tous les coll...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : PLAN DE MIGRATION VERS SHAREPOINT 2010TECHDAYS PARIS 2010 : PLAN DE MIGRATION VERS SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Arnault Nouvel et Antoine Dongois Le processus à prendre : Apprendre (découvrir la plateforme) Préparer (documenter l'historique et choisir la méthode de MAJ) Test (Test de MAJ) Implémenter (Effectuer la MAJ) Valid...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : LA PLEINIèRE DU SECOND JOURTECHDAYS PARIS 2010 : LA PLEINIèRE DU SECOND JOUR par ROMELARD Fabrice
Après un retour sur l'histoire des TechDays de Paris et le fait que ce soit le plus gros event MS au monde (du fait de sa gratuité), le président de MS France (Eric Boustoullier) a fait une présentation de la vision Microsoft pour les années à venir...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|