Accueil > > > BOITE HTML/JAVASCRIPT RÉDUCTIBLE
BOITE HTML/JAVASCRIPT RÉDUCTIBLE
Information sur la source
Description
Cette fonction crée une boite en html avec 3 divs: 1 pour la boite, 1 pour le titre de la boite, 1 pour le contenu de la boite. On peut aussi passer en argument l'état de la boite, si le contenu doit être affiché ou non, ainsi que l'id du contenu de la boite (nécessaire si on veut que l'état de la boite soit mémorisé d'une page à l'autre). Si l'id n'est pas fourni, alors il est généré (de façon aléatoire).
Source
- <?
- /* fabrique une boite en html avec possibilité de fermer/ouvrir le contenu */
-
- function mkHtmlBox($boxtitle,$boxcontent,$boxdisplaystate="",$boxcontentid=""){
-
- if($boxcontentid==""){
- $min=10; /* longueur minimum de l'id */
- $max=10; /* longueur maximum de l'id */
-
- for($i=0;$i<rand($min,$max);$i++)
- {
- $num=rand(48,122);
-
- if(($num > 97 && $num < 122))
- {
- $boxcontentid.=chr($num);
- }
-
- else if(($num > 65 && $num < 90))
- {
- $boxcontentid.=chr($num);
- }
-
- else if(($num >48 && $num < 57))
- {
- $boxcontentid.=chr($num);
- }
-
- else if($num==95)
- {
- $boxcontentid.=chr($num);
- }
-
- else
- {
- $i--;
- }
- }
- }
- if($boxdisplaystate=="closed"){
- $display="style=\"display:none;\"";
- }
- if($boxdisplaystate=="opened"){
- $display="style=\"display:block;\"";
- }
- if($boxdisplaystate==""){
- if(isset($_COOKIE[$boxcontentid])){
- $display="style=\"display:$_COOKIE[$boxcontentid];\"";
- }
- else{
- $display="style=\"display:block;\"";
- }
- }
-
- echo(
- "<div class=\"box\">"
- ."<div class=\"box-title\">"
- ."<a href=\"#\" onClick=\"document.getElementById('$boxcontentid').style.display='block';document.cookie='$boxcontentid=block';\">"
- ."<img src=\"downarrow.gif\" alt=\"montrer\" border=\"0\" title=\"".BOX_SHOW."\"/></a>"
- ."<a href=\"#\" onClick=\"document.getElementById('$boxcontentid').style.display='none';document.cookie='$boxcontentid=none';\">"
- ."<img src=\"uparrow.gif\" alt=\"cacher\" border=\"0\" title=\"".BOX_HIDE."\"/></a>"
- ." "
- ."<a href=\"#\" onClick=\"if(document.getElementById('$boxcontentid').style.display=='none'){document.getElementById('$boxcontentid').style.display='block';document.cookie='$boxcontentid=block';}else{document.getElementById('$boxcontentid').style.display='none';document.cookie='$boxcontentid=none';}\" title=\"".BOX_SHOWHIDE."\">".$boxtitle."</a>"
- ."</div>"
- ."<div class=\"box-content\" id=\"$boxcontentid\""." ".$display.">"
- .$boxcontent
- ."</div>"
- ."</div>"
- );
-
- }
-
- ?>
<?
/* fabrique une boite en html avec possibilité de fermer/ouvrir le contenu */
function mkHtmlBox($boxtitle,$boxcontent,$boxdisplaystate="",$boxcontentid=""){
if($boxcontentid==""){
$min=10; /* longueur minimum de l'id */
$max=10; /* longueur maximum de l'id */
for($i=0;$i<rand($min,$max);$i++)
{
$num=rand(48,122);
if(($num > 97 && $num < 122))
{
$boxcontentid.=chr($num);
}
else if(($num > 65 && $num < 90))
{
$boxcontentid.=chr($num);
}
else if(($num >48 && $num < 57))
{
$boxcontentid.=chr($num);
}
else if($num==95)
{
$boxcontentid.=chr($num);
}
else
{
$i--;
}
}
}
if($boxdisplaystate=="closed"){
$display="style=\"display:none;\"";
}
if($boxdisplaystate=="opened"){
$display="style=\"display:block;\"";
}
if($boxdisplaystate==""){
if(isset($_COOKIE[$boxcontentid])){
$display="style=\"display:$_COOKIE[$boxcontentid];\"";
}
else{
$display="style=\"display:block;\"";
}
}
echo(
"<div class=\"box\">"
."<div class=\"box-title\">"
."<a href=\"#\" onClick=\"document.getElementById('$boxcontentid').style.display='block';document.cookie='$boxcontentid=block';\">"
."<img src=\"downarrow.gif\" alt=\"montrer\" border=\"0\" title=\"".BOX_SHOW."\"/></a>"
."<a href=\"#\" onClick=\"document.getElementById('$boxcontentid').style.display='none';document.cookie='$boxcontentid=none';\">"
."<img src=\"uparrow.gif\" alt=\"cacher\" border=\"0\" title=\"".BOX_HIDE."\"/></a>"
." "
."<a href=\"#\" onClick=\"if(document.getElementById('$boxcontentid').style.display=='none'){document.getElementById('$boxcontentid').style.display='block';document.cookie='$boxcontentid=block';}else{document.getElementById('$boxcontentid').style.display='none';document.cookie='$boxcontentid=none';}\" title=\"".BOX_SHOWHIDE."\">".$boxtitle."</a>"
."</div>"
."<div class=\"box-content\" id=\"$boxcontentid\""." ".$display.">"
.$boxcontent
."</div>"
."</div>"
);
}
?>
Conclusion
Pour générer un id aléatoire j'ai utilisé une fonction (offerte) d'un auteur anglophone. J'ai malheureusement oublié son nom, alors je m'excuse d'avance et je corrigerai si il se reconnait. Je fourni un fichier d'exemple ainsi que 2 petites images (sinon tout le reste du look c'est en css). Ah oui... les balises alt font appel à des constantes. Les améliorations sont bienvenues celà va de soi!
Historique
- 20 mars 2005 13:19:49 :
- Changement de "initié" vers "débutant".
Sources du même auteur
Sources de la même categorie
Commentaires et avis
|
Derniers Blogs
[WF4] PASSAGE D'ARGUMENTS LITERAL, VISUALBASICVALUE OU LAMBDAVALUE?[WF4] PASSAGE D'ARGUMENTS LITERAL, VISUALBASICVALUE OU LAMBDAVALUE? par JeremyJeanson
Avec la sortie de la RC de Visual Studio 2010, Microsoft a mis un peu les points sur leS i en ce qui concernait le passage d'arguments. Mais nous somme un certain nombre à avoir pris ce changement comme un coup dur. Pour résumer la situation : à la sortie...
Cliquez pour lire la suite de l'article par JeremyJeanson [RIA SERVICES] INCLUDE ET DOMAINDATASOURCE[RIA SERVICES] INCLUDE ET DOMAINDATASOURCE par Audrey
Dans un de mes articles précédents , j'avais parlé des DomainDataSource avec RIA Services dans le cas d'une interface Maître - Détail. Dans le même principe, je vais parler d'une autre manière de mettre en forme ce cas d'interface avec RIA Services. Et po...
Cliquez pour lire la suite de l'article par Audrey ZUNE : VERSION ZUNE SOFTWARE V 4.2 ET LA SOCIALISATIONZUNE : VERSION ZUNE SOFTWARE V 4.2 ET LA SOCIALISATION par ROMELARD Fabrice
Une des nouveautés de la version V 3.0 était l'apparition de l'onglet Social qui ne fonctionnait que si le MarketPlace était activé sur son poste. Cela limitait donc son intérêt, car hors du cadre commercial USA-CANADA, peu de monde trouva...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice PRATIQUE DE SILVERLIGHT PAR ERIC AMBROSIPRATIQUE DE SILVERLIGHT PAR ERIC AMBROSI par MPOWARE
Je viens de finir la lecture du dernier livre d'
Eric Ambrosi
éditions PEARSON
Son livre donne une approche pratique de Silverlight qui sera aussi bien comprise par le développeur que par le designeur.
Tous les aspects du développement RIA sont abor...
Cliquez pour lire la suite de l'article par MPOWARE APPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NETAPPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NET par odewit
2 déclinaisons de Silverlight et 2 déclinaisons de Mono permettent dorénavant (ou permettront prochainement) de développer des applications .NET mobiles pour les principales plates-formes du marché :
Silverlight pour Symbian, basé sur Silverlight 2...
Cliquez pour lire la suite de l'article par odewit
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
|