11496 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'ai un tableau comparatif générer en php via une bdd. Le problème est que le dit tableau est vraiment très gros et donc dépasse de la page du navigateur non seulement en hauteur mais en largeur aussi. Du coup difficile de s'y repérer.

J'ai fait plusieurs recherche et je suis tomber sur "dataTables" qui fixe la colonne de gauche et la ligne du haut comme j'ai besoin. Mais je n'arrive pas à le faire fonctionner.

J'ai eu du mal a récupérer le script sur le site, tous les liens menant à un 404. J'ai donc dù faire du copie/colle sur les page d'exemple.

Donc voilà où j'en suis.
la page

J'ai ajouté les script en bas de page, mais rien ne se passe...

Quelqu'un connait ce plugin? Ou aurait autre chose à me suggérer?

Voici le code php de la page:
<?php
	$requete = mysql_query(
					"SELECT
						P.`id`,
						P.`produits`,
						P.`thumbnail`
					FROM produits P,
						categories C
					WHERE P.`id_categories` = C.`id`
						AND C.`fr` = 'Caméras'
						AND P.`etat` = 'yes' 
						AND P.`produits` NOT IN ('BLACKBOX-D (TINY-W3)') 
					ORDER BY P.`produits`")or die("20 - ".mysql_error());
	while($info = mysql_fetch_array($requete)) {
		
		$req = mysql_query(
					"SELECT
						S.`id`,
						S.`fr` as `spec`,
						PS.`fr` as `pspec`
					FROM spec S,
						produits_spec PS,
						produits_spec_produits PSP
					WHERE PS.`id_spec` = S.`id`
						AND PSP.`id_produits_spec` = PS.`id`
						AND PSP.`id_produits` = '".$info['id']."'
					ORDER BY S.`ordre`,S.`id`")or die("36 - ".mysql_error());
		while($info_spec = mysql_fetch_array($req)) {
			
			$info['specs'][$info_spec['id']] = $info_spec['pspec'];
			$spec[$info_spec['id']] = $info_spec['spec'];
		}
		$produits[] = $info;
			
		$nb_colonnes = count($produits);
		$nb_lignes = count($spec);
	}
	?>
<h1>Fiche de comparaison</h1>
<table class="dataTable" id="example">
	<thead>
      <tr role="row">
            <th role="columnheader">&nbsp;</th>
            <?php for ($c = 0; $c < $nb_colonnes; $c++): ?>
            <th role="columnheader">
			<?php 
				echo $produits[$c]['produits']; 
				if($produits[] = 'thumbnail'){
					?>
             	<br><img src="/Images/photosProduits/<?php echo $produits[$c]['thumbnail'];?>" width="70" alt="">
					<?php
				}
			?>
          </th>
            <?php endfor ?>
        </tr>
    </thead>
    <tbody>
		<?php foreach ($spec as $l => $intitule):?>
        <tr>
            <th><?php echo $intitule ?></th>
            <?php for ($c = 0; $c < $nb_colonnes; $c++):?>
            <td>
			<?php 
				if($produits[$c]['specs'][$l] == 'Non'){
					echo '';
				}
				elseif($produits[$c]['specs'][$l] == 'Oui'){
					echo '•';
				}
				else{
					echo $produits[$c]['specs'][$l];
				}
			?>
            </td>
            <?php endfor ?>
        </tr>
        <?php endforeach ?>
    </tbody>
</table>


D'avance, merci!
Bonjour,


Je confirme que ce plugin est très complet,
voire trop complet.
Après des heures, des jours, des semaines de galère,
j'ai réussi à l'apprivoiser un tout petit peu.
Courage...

D'autant plus que leur forum est inefficace, sauf peut-être en payant...

Si tu veux une piste,
je te renvoie sur une de mes pages récentes.

J'espère que cela t'aidera.
Modifié par jytest (19 Jul 2013 - 22:07)
Merci pour ta réponse.
Après beaucoup de travail et de recherche, j'ai finalement réussi à le faire fonctionné correctement.

Mon seul "problème" à présente est de le rendre adaptable au différent format d'écran. Mais je crois qu'il y a quelqu'un sur le forum du site qui a travailler en ce sens. Je vais donc regarder ça.