begin process at 2010 03 21 06:00:18
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Divers

 > 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

Note :
Aucune note
Catégorie :Divers Classé sous :div, caché, cachediv Niveau :Débutant Date de création :13/04/2008 Vu :4 584

Auteur : hedi_tounsi

Ecrire un message privé
Commentaire sur cette source (3)
Ajouter un commentaire et/ou une note

 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;
  • }
  • }
//***********************************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 du même auteur

POPUP INFOBULLE

 Sources de la même categorie

Source avec Zip Source avec une capture SÉQUENCEUR par jdmcreator
Source avec Zip COMPRESSION DE TEXTE CÔTÉ CLIENT EN JS VIA ALGORYTHME LZW par niamor36
Source avec Zip VIRTUAL IPHONE (V.2) par loicseg
Source avec Zip MOOTABLEAU par Miky76
Source avec Zip CALCULER VOTRE IMC par lesnouesremy

 Sources en rapport avec celle ci

Source avec Zip CLASS BARRE DE DÉFILEMENT (SCROLLBAR) JAVASCRIPT par TheWeasel47
DRAG & DROP SIMPLE, SIMPLE, SIMPLE par jdmcreator
MONTRER/CACHER UN DIV par keket
Source avec Zip DIV QUI SUIT LE SCROLLING DE LA PAGE par PetoleTeam
Source avec Zip DIV POSITION FIXED SUR LA PAGE par PetoleTeam

Commentaires et avis

Commentaire de lakichemole le 14/04/2008 10:25:30

On pourrai avoir un ptit ZIP avec un exemple? :)

Commentaire de Pedrosa le 21/04/2008 15:05:11

Oueh, ce serait très bien, un ptit ZIP.

Commentaire de bbcluny le 29/05/2008 11:24:17

Salut,
Si ce n'est pas un zip, au moins un exemple

 Ajouter un commentaire


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


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,546 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales