Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

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;
  • }
  • }
//***********************************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;
			}
			       
		}

Commentaires et avis

signaler à un administrateur
Commentaire de lakichemole le 14/04/2008 10:25:30

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

signaler à un administrateur
Commentaire de Pedrosa le 21/04/2008 15:05:11

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

signaler à un administrateur
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

Menu avec des div qui marche pas ss netscape... [ par seyev ] Salut ! j'ai un problème avec ce code... il ne fonctionne que sous IE et je voudrais qu'il fonctionne aussi sous netscape... Comment faire ??*** CODE mettre un div en arriere plan [ par Stephane ] salutvoila, je cree un div identifié :&lt;div id="mondiv"&gt;blabla&lt;/div&gt;puis apres je le déplace, sans probleme.le pb c'est que mon site est co Positionnement dynamique d'un DIV [ par jeanne38 ] Bonjour, Ma page est générée par ASP, et sa longueur peut varier selon l'utilisateur. Elle a des fleches (images) qui, quand on clique dessus, affiche Code Source Caché [ par Zinodine ] J'ai déjà vu sur un site que lorsqu'on désire accèder au code source de la page, l'option est grisée c-à-d qu'on ne peut rien afficher. On ne sait mêm Div, police, .... [ par stephbb75 ] Salut tous,J'ai un tit problème et je trouve pas la solution !J'ai un div, et je voudrais pouvoir changer la taille de la police de caractére pour tou bouger une balise div [ par rico21 ] rico21Je foudrait faire varier la valeur TOP et LEFT d'une baliseDIV ou LAYEREX:&lt;SCRIPT&gt; function fuite() { i++;if (i &gt; 6) return;document les <div et le onMouseOut [ par boin ] voilà,g un &lt;div qui s'affiche dynamiquement quand on onMouseOver sur un texte à qques pixels du &lt;div.G aussi fait onMouseOut sur le &lt;div pour prob de script: genre 'div' [ par GuilleW ] hello Zuste un ti prob tout bebete mais je peche dessus quand meme .bon je plante le decorsdisons que j'ai un truk comme sa:<table border=0 cellspacin comment avoir le height width d'une div ... [ par GuilleW ] Disons que j'ai une div qui contient des image texte etc ... je voudrai avoir sa taille mais comme sa varie je ne peux mettre qu'une variable pour la SERIEUX BUG HTML!!! [ par cyBerpOmmer ] cYberpOmmer Ce problème a déjà été soulevé mais jama


Nos sponsors

Sondage...

CalendriCode

Janvier 2009
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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
Temps d'éxécution de la page : 0,359 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.