Comme sur ce site il y a des bons codes, moi aussi je met un code intéressant.
Mon code permet d'afficher les datas d'un tableau sur le nombre de colonne que vous choisissez vous même.
C'est hyper pratique et je l'ai fais avec des DIV, comme ça il est web 2.0 :)
|
|
| php.net | Description | Versions PHP | OUTIL |
|---|---|---|---|
| array | Crée un tableau | PHP 4, PHP 5, PHP 7, PHP 8 | |
| count | Compte le nombre d'éléments d'un tableau ou le nombre de propriétés d'un objet | PHP 4, PHP 5, PHP 7, PHP 8 | |
| echo | Affiche une chaîne de caractères | PHP 4, PHP 5, PHP 7, PHP 8 | |
| end | Positionne le pointeur de tableau en fin de tableau | PHP 4, PHP 5, PHP 7, PHP 8 | |
| round | Arrondi un nombre à virgule flottante | PHP 4, PHP 5, PHP 7, PHP 8 | |
Formulaire qui prend en compte 2 villes et qui calcul la distance entre ces 2 villes. Possibilité d'ajouter des distances.
Mise en forme de données d'un tableau dans une table HTML en indiquant le nombre de colonnes à afficher.
Affiche le nombre de lignes de fichiers (php, html et txt) d'un dossier spécifié en le parcourant récursivement.
Classe de parsing xml permettant de convertir l'arborescence d'un fichier XML en collection (Array à plusieurs dimensions), avec SimpleXML.
Affichage sur n colonnes. Permet de réaliser l'affichage du résultat d'une requête dans un tableau sur n colonnes
Cromaxfab
22 Juin 2009 à 19:15Bonjour, pour répondre à Patass, j'ai un peu modifié le code initial et utilisé Jquery et Jquery.lightbox pour l'affichage des photos.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<SCRIPT src="js/jquery-1.2.6.js" type=text/javascript></SCRIPT>
<SCRIPT src="js/jquery.lightbox-0.5.js" type=text/javascript></SCRIPT>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
$(function() {
$('a.gg').lightBox();
});
</script>
<style type="text/css">
/* jQuery lightBox plugin - Gallery style */
#gallery {
background-color: #444;
padding: 10px;
width: 790px;
}
#box {
padding: 2px;
width: 100%;
}
#box a:hover img {
border: 5px solid #fff;
border-width: 5px 5px 20px;
color: #fff;
}
#box img {
border: 5px solid #3e3e3e;
border-width: 5px 5px 20px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
border: 5px solid #3e3e3e;
border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
border: 5px solid #fff;
border-width: 5px 5px 20px;
color: #fff;
}
#gallery ul a:hover { color: #fff; }
</style>
</head>
<body bgcolor="#000099">
<?php
/****************/
/* */
/* Titre : Afficher les datas d'un tableau sur plusieurs colonnes */
/* */
/* URL : http://www.phpsources.org/scripts517-PHP.htm */
/* Auteur : garcia */
/* Date édition : 17 Juin 2009 */
/* */
/**********/
//Chemin vers le repertoire des images
$path = "images/";
// votre tableau
$images = array(
'image1.jpg',
'image2.jpg',
'image3.jpg',
'image4.jpg',
'image5.jpg',
'image6.jpg'
);
$titre_images = array(
'titre 1',
'titre 2',
'titre 3',
'titre 4',
'titre 5',
'titre 6'
);
// Nombre de colonne
$nbre_colonne = 3;
// Boucle pour l'affichage du tableau
$count = 0;
for($i = 0; $i < count($images); $i++)
{
if($count == 0)
echo '<div id="box" align="center" class="box"><br>';
echo '
<a class="gg" href="'.$path.$images[$i].'" title="'.$titre_images[$i].'">
<img src="'.$path.'thumb_'.$images[$i].'"/></a>';
$count++;
if(($count == $nbre_colonne) || ($images[$i] == end($images)))
{
echo '
</div></div>';
$count = 0;
}
}
?>
</body>
</html>
Patass
22 Juin 2009 à 14:47Et si, on veut, à la place du texte du tableau, on veut mettre des images avec possibilité de les agrandir par clic ou infobulles
Cromaxfab
20 Juin 2009 à 18:09Simple et pratique. Merci pour le partage.