Création de tableau

Version imprimable

Voir 40 message(s) de cette discussion en une page

18/08/2010, 12h07
cyrux

Création de tableau

:salut: tout le monde !
Je cherche a faire un tableau "type facture" c'est a dire:
Je souhaiterais qu'après mon tableau, une ligne soit rajoutée mais que seule les 2 cases de droites aient des contours visibles.
C'est pour pouvoir inscrire le mot total = et le total. donc avec un colspan = 2

Je cherche aussi a ce que ce tableau ait une couleur différente à chaque ligne.
couleur qui alternera entre 2 couleurs préalablement choisies.

Quelqu'un saurait il comment faire ???

:merci: d'avance !!!
18/08/2010, 12h10
Vil'Coyote

question 1:
>> une fois ta boucle d'affichage du tableau fini tu lui ajoute une ligne avec un style spécifique.

Question 2:
>> dans ta boucle tu test un modulo 2 d'un nombre incrémenter à chaque passage. en fonction du résultat alors tu change le style sur ta ligne.
18/08/2010, 12h17
cyrux

Merci de ta réponse si rapide Vil'Coyote :ccool: !

Pourrais tu être plus précis, j'ai tenté par plusieurs moyens mais rien n'y fait !:?

Pour une clarté de lecture et de compréhension, j'ai fait de multiples echo.
Pour ne pas t'embêter, tu peux le faire en html et juste entourer des balises <?php et ?> ton code de traitement.

Si j'ai bien tout compris, ça doit donner un truc du genre :
Code:

1 2 3 4 5 6 7 $num = 0; echo 'Mon tableau facture de roxxor<br><table width=50%><tr>'; echo '<td><b>champ1</b></td>'; echo '<td><b>champ2</b></td>'; echo '<td><b>Champ3</b></td>'; echo '</tr>';
Dans une boucle (while ou for, c'est toi qui vois suivant ton traitement) :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 // Switch de couleur à chaque passage suivant la couleur précédente if($color) { $color_td = //Ta couleur numero 1; $color = false; } else { $color_td = //Ta couleur numero 2; $color = true; } // Tes valeurs extraites à l'aide de requêtes echo '<tr bgcolor=$color_td>' echo '<td>'./*valeur1*/.'</td>'; echo '<td>'./*valeur2*/.'</td>'; echo '<td>'./*valeur3*/.'</td>'; echo '</tr>'; // Si c'est le nombre de lignes que tu veux en total $num++; // Si tu veux le total de ta colonne $num = $num+valeur3;
Puis enfin, pour finir le tableau par ta ligne de total :
Code:

1 2 3 4 5 6 echo '<tr bgcolor=$color_td>' echo '<td></td>'; echo '<td><b>Total</b></td>'; echo '<td>'.$num.'</td>'; echo '</tr>'; echo '</table>'
Pour ce qui est du style de la derniere ligne, je te laisse deviner ;)

18/08/2010, 13h01
cyrux

Merci ptilemare :wink:
j'ai pas tout saisi correctement mais je vais tester sa et je tiens au courant de l'évolution.

:merci:

petite question : il me semble que pour le changement de couleur en fonction du survol de la souris, il faut utiliser du javascript ??
je souhaiterais avoir une 3ème couleur de fond qui changera le fond de ma ligne lors du survol de la souris (ligne qui reprendra la couleur normale lorsque la souris sors de celle ci).
18/08/2010, 13h51
ptilemare
En effet, c'est faisable avec du javascript. Je sais pas trop comment alors poste dans la section indiquée ;)

Sinon c'est aussi faisable avec du CSS et la propriété ":hover" si je ne m'abuse.

Pour ce qui est de l'explication du code ( Bah oui, si tu copie sans forcément réussir à comprendre c'est pas cool :) ), on commence par afficher l'en tête de tableau et la première ligne qui contient le nom des champs.

Ensuite, dans la boucle, tu va faire ton traitement de factures une par une ( Retournées par une requête sur une base de donnée de type SQL, j'imagine. Non ? Peu importe, c'est le même principe.). A toi d'adapter le nombre de champs à afficher, je connais pas la structure de tes factures.

Pour l'explication du changement de couleur : A chaque passage dans ta boucle, on change la couleur suivant une variable.

Algorithmiquement :
Code:

1 2 3 4 5 6 7 8 SI variable = TRUE ALORS On met la couleur 1 On met la variable à FALSE SINON On met la couleur 2 On met la variable à TRUE
Du coup, tu auras une couleur différente une ligne sur deux. ;)
Puis on affiche la derniere ligne de total.
Compris ? :D

( J'devrais être prof tiens ! :p )
18/08/2010, 15h08
cyrux

Effectivement, tu ferais, un prof remarquablement excellent !! :king:

Comme tu le disais précédemment j'ai effectivement un tableau html.
Je vais tenter d'adapter la solution à celui ci maintenant que c'est beaucoup plus clair !!! ;)

je me renseigne sur :hover, voir ce que l'on peut en faire.
je tien informé de l'évolution !

mille :merci:

Évolution, Évolution ... c'est un bien grand mot !!! :mouarf3:

j'ai tenté ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
<table>
	<tr>
		<th>Numéro</th>
		<th>Nom</th>
		<th>Raison sociale</th>
		<th>Responsable</th>
		<th>Adresse</th>
		<th>Code postal</th>
		<th>Ville</th>
        	<th>Téléphone</th>
	</tr>
 
	<?php $color =0; 
	   foreach($this->client as $client) : 
 
		if($color) 
		{
	        	$color_td = #C0C0C0;
			$color = false;
		} 
		else 
		{
		$color_td = #FFFFFF;
		$color = true;
		}
	?>
 
	<tr bgcolor=<?php $color_td ?>>
		<td><?php echo $this->escape($client->numero_client);?></td>
		<td><?php echo $this->escape($client->nom_client);?></td>
		<td><?php echo $this->escape($client->numero_raison_sociale_client);?></td>
		<td><?php echo $this->escape($client->responsable_client);?></td>
		<td><?php echo $this->escape($client->adresse_client);?></td>
		<td><?php echo $this->escape($client->code_postal_client);?></td>
		<td><?php echo $this->escape($client->ville_client);?></td>
		<td><?php echo $this->escape($client->telephone);?></td>
	</tr>
<?php endforeach; ?>
</table>

et tout reste blanc... comme avant !!!
J'ai du surement faire une faute de saisie quelque part... c'est correct ou pas ?? :toutcasse:

Pourquoi n'utilisez vous pas modulo comme cela vous l'a été indiqué ?
Code:

1 2 3 4 5 6 7 8 9 foreach($rows as $i => $row){ $color = $i % 2 === 0 ? 'red' : 'blue'; echo ' <tr style="background-color:'.$color.'"> <td>...</td> </tr> '; }
Aussi, une chaine de caractères en PHP est toujours encapsulés entre apostrophes ou guillemets, c'est la base :)
Code:

1 2 $color_td = '#C0C0C0';

18/08/2010, 15h55
cyrux
Pourtant quand je fais des var_dump ($color); dans le if ... else, j'ai bien comme résultat
Code:

1 2 3 4 5 6 7 true false true false true false ...
Bizarre ... :koi:
18/08/2010, 15h59
cyrux

Merci de ta réponse ThomasR :ccool:
il me faudrait un foreach dans mon foerach ?? :weird:

Résolu pour l'alternance de couleurs ...

Il me manquait juste un echo ... :whistle2:

Voici le code (si sa peut être utile a quelqu'un...)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
<table>
	<tr>
		<th>Num&eacute;ro</th>
		<th>Nom</th>
		<th>Raison sociale</th>
		<th>Responsable</th>
		<th>Adresse</th>
		<th>Code postal</th>
		<th>Ville</th>
		<th>Telephone</th>
	</tr>
 
<?php 
	$color = false;
	foreach($this->client as $client) : 
	if($color) 
	{
        	$color_td = '#C0C0C0';
		$color = false;
	} 
	else 
	{
		$color_td = '#CC9933';
		$color = true;
	}
?>
	<tr bgcolor=<?php echo $color_td; ?>>
		<td><?php echo $this->escape($client->numero_client);?></td>
		<td><?php echo $this->escape($client->nom_client);?></td>
		<td><?php echo $this->escape($client->numero_raison_sociale_client);?></td>
		<td><?php echo $this->escape($client->responsable_client);?></td>
		<td><?php echo $this->escape($client->adresse_client);?></td>
		<td><?php echo $this->escape($client->code_postal_client);?></td>
		<td><?php echo $this->escape($client->ville_client);?></td>
		<td><?php echo $this->escape($client->telephone);?></td>
	</tr>
<?php endforeach; ?>
</table>

Les couleurs choisies sont très moches mais c'est pour l'exemple ... :mouarf:

18/08/2010, 16h23
ptilemare

Pour information, les deux méthodes marchent.

Pour la coloration au survol d'une ligne, je te propose d'aller poster dans la section javascript ou CSS suivant comment tu veux faire ça.

Bien cordialement
18/08/2010, 17h36
cyrux
Effectivement les 2 méthodes fonctionnent, vous êtes des as !!!! :king:

une autre petite question dans la foulée :
la dernière ligne de mon tableau ressemble a cela :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td colspan="2"> total : <?php echo $total;?></td> </tr>
Comment faire pour ne pas avoir l'affichage des bordures des <td></td> qui ne servent à rien ??

:merci::merci::merci::merci::merci::merci::merci::merci:
19/08/2010, 01h22
Vil'Coyote

et pourquoi tu fait pas un colspan de 9 avec un style align à droite de ton texte?

Effectivement j'y ai pensé ...
Mais ce que cherche c'est de ne pas avoir de bordure le long des cases de gauche.
ce que je cherche c'est sa : (il manque les barres horizontales ... ;))
Code:

1 2 3 4 5 6 entete_1| entete_2| entete_3| entete_4| donne1 | donnee1 | donnee1 | donne1 | donne2 | donne2 | donne2 | donne2 | donne3 | donne3 | donne3 | donne3 | | Total : $total |
c'est assez bizarre à expliquer ...:wow:

19/08/2010, 10h44
Vil'Coyote

donc tu applique un style sans bordure aux div cocerné
19/08/2010, 10h48
cyrux

Le problème dans l'histoire c'est que j'ai pas de div... :roll:
sinon sa n'a rien de drole ... :?
19/08/2010, 11h00
ptilemare

Je reprends le genre de phrase de Vil'coyote :

Donc tu applique un certain style à ta balise <tr> concernée :)
19/08/2010, 11h04
cyrux

Résolu !! Merci les amis !!!

Style qui serait ??
parceque je ne veut pas de bordure sur les 8 premier <td></td>
et des bordure sur les 2 dernier <td></td>

désolé, je débute ... :oops:

EDIT : style tout simple que voici :) :

Code:

<td style="border : none";></td>

Merci infiniment de votre gentillesse et de votre aide !! :ccool:
:lahola::lahola::lahola:

Voir 40 message(s) de cette discussion en une page