ALL HTML - Créer des tableaux avec N cellules par ligne (modulo)

retour

Créer des tableaux avec N cellules par ligne (modulo)

Article publié le mercredi 12 décembre 2007 par telnes.
Cet article est classé dans les catégories « Ergonomie, HTML, PHP »

Comment créer un tableau avec 3 cellules par ligne par exemple ? ou 10 cellules... Pour cela on va s'intérresser au modulo.

Modulo kezako

L'opérateur modulo est représenté par "%" en informatique.

Définition

Il y a une definition sur wikipédia http://fr.wikipedia.org/wiki/Arithm%C3%A9tique_modulaire mais il faut s'accrocher :)

je vais donc donner une définition simple !

a % b est le reste de la division entière de a par b

en prenant un exemple :

13 % 10 = 3

parce que 13 / 10 = 1 reste 3

Exemple

tester le code suivant
<?php

for($i=0;$i<16;$i++){
echo "$i % 4 =".($i%4)."<br />";
}

?>

qui devrait vous donner

0 % 4 =0
1 % 4 =1
2 % 4 =2
3 % 4 =3
4 % 4 =0
5 % 4 =1
6 % 4 =2
7 % 4 =3
8 % 4 =0
9 % 4 =1
10 % 4 =2
11 % 4 =3
12 % 4 =0
13 % 4 =1
14 % 4 =2
15 % 4 =3

explication de 2%4 : combien de fois on peut mettre 4 dans 2, 0 fois donc il reste 2

Trève de mathématique et passons à la pratique

 <?php  $nb = 3; //nombre de cellule par ligne  echo "<table border=1>\n"; for($i=0;$i<16;$i++){     $start = ($i%$nb == 0)?"<tr>":""; //si 1ere élement on commence une ligne     $end = ($i%$nb == $nb-1)?"</tr>\n":""; //si dernier élément on finit la ligne          echo "$start<td>$i</td>$end"; //on affiche } echo "</table>\n"; ?>

qui retournera le code :

<table border=1>
<tr><td>0</td><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td><td>5</td></tr>
<tr><td>6</td><td>7</td><td>8</td></tr>
<tr><td>9</td><td>10</td><td>11</td></tr>
<tr><td>12</td><td>13</td><td>14</td></tr>
<tr><td>15</td></table>

ceci est un exemple d'utilisation du modulo, d'autre solution sont possible en utilisant les if différament. Il n'y a jamais une solution.

VOS COMMENTAIRES ...

Commenter cette publication

Commentaire publié le lundi 17 décembre 2007 à 14 h 42 par pchlj: Comme en effet il n'existe jamais qu'une solution voici celle que j'utilise de temps en temps en parallèle d'une solution avec modulo :) (quasi comme la tienne :)

<? $nb = 3; print "<table><tr>"; for($i=0;$i<16;$i++) { print "<td>$i</td>"; $tour++; if($tour == $nb) { $tour=0; print "</tr><tr>"; } } print "</tr></table>"; ?>

ce qui donne ceci

<table>
<tr><td>0</td><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td><td>5</td></tr>
<tr><td>6</td><td>7</td><td>8</td></tr>
<tr><td>9</td><td>10</td><td>11</td></tr>
<tr><td>12</td><td>13</td><td>14</td></tr>
<tr><td>15</td></tr>
</table>

cad la même chose lol :)
Commentaire publié le lundi 17 décembre 2007 à 20 h 39 par telnes: ca chipotte ca chipotte ^^
Commentaire publié le lundi 24 décembre 2007 à 17 h 21 par Dr_von_scott: Histoire de chipoter un peu plus,

Un tableau ou le nombre de <td> par <tr> n'est pas identique
c'est pas terrible.
Il est aussi vrai que je ne fais pas mieux mais il serait interressant de travailler sur l'insertion d'un colspan en derniere ligne.

N'est'il pas ? :p

Commenter cette publication

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

Forums de discussions associés

Discutez et échangez sur ce thème dans nos forums XHTML - HTML - CSS, PHP - SQL.

24/07/2008 à 19 h 57 Movie Maker sur dreamweaver 8 (0 réponse)
24/07/2008 à 15 h 51 Compteur de hits sur images en lightbox (0 réponse)
24/07/2008 à 12 h 08 Générer du texte à partir d'un formulaire (0 réponse)
24/07/2008 à 09 h 06 largeur liste déroulante (7 réponses)
23/07/2008 à 12 h 30 Redimensionnement auto des images (3 réponses)