11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
J'exécute une requête SQL pour afficher des données que je place dans un tableau,
l'une des colonnes de ce tableau s'appelle catégorie.
Lorsqu'on clique sur l'entête de colonne on peut afficher les catégories souhaités.
Pour choisir les catégories à afficher j'utilise des checkbox, si elle est décoché alors les lignes avec la catégorie n'apparaissent plus.
voici mon code html et php :

$select = "SELECT tableau_libelle, tableau_type, tableau_priorite, tableau_indicateur, tableau_statut, tableau_gain_e, tableau_gain_c, tableau_impact FROM tableau_bord";
$query = mysql_query($select);

while($resultat = mysql_fetch_array($query))
{

if($couleur == 0){
 $couleur = 1;
 $bg = "white";
 }
 else{
 $couleur = 0;
 $bg = "#f2f2f2";
 }
$result = array();
if($resultat[1] == "A") { $image = "<img src='images/ico/A.png'>";} else if($resultat[1] == "B"){ $image = "<img src='images/ico/B.png'>"; } else { $image = "<img src='images/ico/C.png'>";}

echo '<tr id='.$resultat[1].'>
		<td height="30px" width="280px" bgcolor='.$bg.' class="contenu_tab"><span style="margin-left:10px">'.$resultat[0].'</span></td>
		<td align="center" bgcolor='.$bg.' class="contenu_tab">'.$image.'</td>
		<td align="center" bgcolor='.$bg.' class="contenu_tab">'.$resultat[2].'</td>
		<td align="center" bgcolor='.$bg.' class="contenu_tab">'.$resultat[3].'</td>
		<td align="center" bgcolor='.$bg.' class="contenu_tab"><img src="images/ico/statut.png"></td>
		<td align="center" bgcolor='.$bg.' class="contenu_tab">'.$resultat[5].'</td>
		<td align="center" bgcolor='.$bg.' class="contenu_tab">'.$resultat[6].'</td>
		<td align="center" bgcolor='.$bg.' class="contenu_tab"><img src="images/ico/impact.png"></td>
		
	</tr>';

Et voici le code Jquery pour vérifier que mes checkbox sont cochées :

$(function() {
<!-- changement d'etat de ma checkbox -->
	$("#check1" ).change(function () {
<!-- verif checked de ma checkbox -->
if($('#check1').attr('checked'))
		{$('#A').show();	}
		else{$('#A').hide();}
	});	
	$("#check2" ).change(function () {	
if($('#check2').is(':checked'))
		{$('#B').show();}
		else{$('#InfraBstructure').hide();}	
});
	$("#check3" ).change(function () {		
if($('#check3').is(':checked'))
		{$('#C').show();}
		else{$('#C').hide();}	
});					
});

$resultat[1] me retourne la catégorie
Alors mon souci c'est que si j'ai deux lignes avec la catégories A, il va m'enlever seulement la dernière ligne insérés dans ma base de données... Alors que je voudrais qu'il me supprime les lignes avec la catégorie A sans en oublier...
Merci de votre aide.
Eh bien, les ID étant uniques à un seul élément, n'est-il pas normal qu'il ne t'en cache qu'un seul ?
Oui en effet Smiley cligne
Pour cela j'ai donc mis des class
Par contre j'ai un petit problème sous IE, pour qu'il prenne en compte le choix de mes checkbox, il faut que je fasse un clic à côté, ce qui est légèrement embêtant
Merci de votre réponse.