Discussion :

[flavdu44]

Bonjour,

J'ai un souci, j'ai une fonction JavaScript qui va créer un formulaire sur un tableau où chaque ligne sera cliquable et enverra vers une page contenant des infos plus précises sur cette ligne.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$("tbody tr:not(.somme) ").click(function() {
 
// Passage en get -> oublié au profit du passage en post à cause des identifiants de commande avec '/'.
 form = document.createElement('form');
 form.setAttribute('action', '<?php echo(base_url());?>index.php/detail_commande/consulter/'+$(this).attr('id'));
form.setAttribute('method', 'post');
 
	input = document.createElement('input');
	input.setAttribute('type', 'hidden');
	input.setAttribute('name', 'id_interne');
	input.setAttribute('value', $(this).attr('id'));
	form.appendChild(input);
 
	document.getElementById($(this).attr('id')).appendChild(form);
 
	 form.submit();
				});

Depuis ce matin, j'essaye d'insérer des checkboxs dans certaines colonnes du tableau.

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<td 
mois_cle1="<?php echo date('n', strtotime($commande->cle1_date_a_aff)); ?>"
annee_cle1="<?php echo date('Y', strtotime($commande->cle1_date_a_aff)); ?>"
class="cle <?php echo $commande->cle1_statut; ?><?php echo ($commande->cle1_retard == "OUI") ? " retard" : " pas_retard"; ?>">
<?php echo isset($commande->cle1_date_a_aff) ? date('d/m/Y', strtotime($commande->cle1_date_a_aff)) : ''; ?>
<form action="" method="post">
<input class="test" type="checkbox" name="factuer" value="true">
</form>
</td>

Mais lorsque j'essaye de check une checkbox, cela m'envoie vers la page d'info de la ligne. J'aimerais savoir s'il est possible d'éviter cela et de pouvoir seulement cocher la checkbox sans que l'action du form soit réalisée et m'envoie vers la nouvelle page.

Merci.

[Barsy]

Ajoute la fonction suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
function stopPropagation(event)
{
	// Pour IE
	event.cancelBubble = true;
 
	// Pour les autres navigateurs
	if (event.stopPropagation)
	{
		event.stopPropagation();
	}
}

et appelle là depuis ton checkbox :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onclick="stopPropagation(event);"