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
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
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
Ajout et supression de div [ par Fl0uZz ]
Bonjour tous le monde Voila mon probléme je voudrait que grace a un button nommé ajouter que celui ci ajoute 1 fois le même div a chaque clic.Je cherc
DIV accessible horizontalement par une clic comme la fenetre de weborama ? [ par fscalda ]
Bonjour à tous, je cherche à avoir une fenetre qui s'affiche de la droite vers la gauche si on clique sur un bouton. Exactement comme la fenetre webo
Alternance entre divs [ par Trashful ]
Bonjour à tous, J'ai un petit problème et j'espère que votre communauté sera en mesure de corriger mes petites erreurs. N'étant pas un professionnel
Réinitialiser le contenu dynamique d'une div cachée [ par istella ]
Bonjour, J'ai un niveau débutant en Javascript et php, je dois réaliser une page qui contient des données provenant d'une base de données. Au survol d
opacité d'un div pour ie [ par majong ]
Bonjour, contrairement à ff, ie n'applique pas l'opacité à tous les element d'un div. [code=html]
div [ par lolla19_116 ]
Bonjour, je suis null en javascript est j'espere que je trouverai quelqu'un qui peux m'aider c urgent, mon probleme est que je chercher pour récuper
Modifier une div particulière [ par ed36 ]
Bonjours a tous, étant débutant dans ce domaine, je me casse les dents sur un problème qui me parait pas si compliqué que ça. voici mon souci : j'a
ouvrir un formulaire dans un div au-dessus de la page [ par cora83 ]
Bonjour, voilà je ne sais pas trop comment m'y prendre... j'aimerais que lorsque que l'on clique sur une image, un formulaire (dans un div) s'ouvre a
|
Derniers Blogs
L'INTERFACE NATURELLE DE WINDOWS PHONE 7 SERIESL'INTERFACE NATURELLE DE WINDOWS PHONE 7 SERIES par odewit
La tendance est aux interfaces naturelles (NUI), et le keynote de Bill Buxton au MIX l'a bien souligné.
La charte graphique et ergonomique de Windows Phone 7 a donc été entièrement repensée en vue d'obtenir un maximum d'efficacité sur ce point. En re...
Cliquez pour lire la suite de l'article par odewit COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE?COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE? par Matthieu MEZIL
Avec EF, les vues doivent être mappées sur des entity types. Le problème c'est que les entity types doivent avoir une clé. Avec EF, nous avons les complex type qui n'ont pas de clé mais les vues ne peuvent pas être mappées dessus. Avec EF4, il est possibl...
Cliquez pour lire la suite de l'article par Matthieu MEZIL [WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL?[WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL? par JeremyJeanson
Certain d'entre vous on peut être vécu cette situation embarrassante après quelques temps passer avec WF4 : Au début avec mon " ActivityDesigner" , tout allait bien. Et puis un jour j'ai au des problèmes de " Binding" . Alors nous sommes allé sur le site ...
Cliquez pour lire la suite de l'article par JeremyJeanson
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|