|
Trouver une ressource
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;
}
}
Sources du même auteur
Sources de la même categorie
Sources en rapport avec celle ci
Commentaires et avis
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é :<div id="mondiv">blabla</div>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:<SCRIPT> function fuite() { i++;if (i > 6) return;document
les <div et le onMouseOut [ par boin ]
voilà,g un <div qui s'affiche dynamiquement quand on onMouseOver sur un texte à qques pixels du <div.G aussi fait onMouseOut sur le <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
|
|