Sujet Précédent Sujet Suivant

Supprimer un colonne

Fermé
maimounaaaa - 1 mai 2012 à 21:24
JooS Messages postés 2468 Date d'inscription mardi 22 janvier 2008 Statut Membre Dernière intervention 8 juin 2016 - 1 mai 2012 à 23:24
Bonjour,
je suis débutante en prog web,
je n'arrive pas à résoudre se probléme:
un tableau contenant 2 colonne
l'utlilisateur doit avoir la possibilité de supprimer une (ou plusieurs) ligne(s) du tableau. Pour
ce faire, vous pouvez ajouter une colonne contenant une case à cocher ou bien un radio
devant chaque ligne. Ainsi, nous pouvons choisir la liste des lignes qu'on désire
supprimer.

Lorsqu'on clique sur un bouton de suppression, un message de confirmation s'affiche :
"Etes-vous sur de supprimer la ligne en cours?"
Si on choisit [annuler], le message suivant apparaît :
"suppression abandonné"
Si on choisit [OK], la ligne en cours est supprimée.
voici mon code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" href="page1.css" />
<script>

</script>
</head>
<body>
<form name="f" action = "#" method = "post">
<input type="hidden" name="facture" value="register">
<center> <table class="titre c1" cellpadding="5" width="50%">
<tr>
<td colspan="2" align="center"><span class=c >Pr&eacutparer une facture</span> <acture</td></tr>
<ul>
<tr>
<td width="30%"><li>Numero de la facture</li></td>
<td width="70%"><input name="m" style="width:100%;" maxlength="10" value=""></td>
</tr>
<tr>
<td width="30%"><li>Date</li></td>
<td width="70%"><input name="lo" style="width:100%;" maxlength="10" name="age" value=""></td>
</tr>
<tr>
<td width="30%"><li>Nombre du jours</li></td>
<td width="70%"><input name="age" style="width:100%;" maxlength="4" value=""></td>
</tr>
</ul>
</table>
</form>
<form name="ff" action = "#" method = "post">
<input type="hidden" name="fact" value="register">
<table border="5">
<tr>

<td width="30%" onmouseover="this.className='survol'" onmouseout="this.className=''">Nom du service</td>
<td width="70%"> <input onmouseover="this.className='survol'" onmouseout="this.className=''" name="mj" style="width:100%;" maxlength="10" onMouseOver="" value=""></td>
<td width="70%"><input type="radio" name="Sup" valeur=" "/> </td>
</tr>
<tr>
<td width="30%"onmouseover="this.className='survol'" onmouseout="this.className=''">Montant</td>
<td width="70%" onmouseover="this.className='survol'" onmouseout="this.className=''"><input onmouseover="this.className='survol'" onmouseout="this.className=''" name="ml" style="width:100%;" maxlength="10" onMouseOver="" name="ml" value="0.000"></td>
<td width="70%"><input type="radio" name="Supp" valeur=" " onclik="supp()"/> </td>
</tr>



</table></form>
</body>
</html>


je suis besoin de votre aide,
Merci d'avance :)
A voir également:

1 réponse

Réponse 1 / 1
JooS Messages postés 2468 Date d'inscription mardi 22 janvier 2008 Statut Membre Dernière intervention 8 juin 2016 228
1 mai 2012 à 22:22
Salut !

J'ai pas saisi le but de ce que tu veux faire !
mais bon ! 

<script>
function verif() {
	return confirm('Etes vous sure de vouloir supprimer les champs selectionné ?');
}
</script>
<form method="get" action="#">
	<?php
		for($i=0;$i<10;$i++) {
			if(!isset($_GET['check'.$i])) {
				echo '<p>Nom '.($i+1).' : <input type="text" name="nom'.$i.'">';
				echo '<input type="checkbox" name="check'.$i.'"></p>';
			}
		}
	?>
	<input type="submit" value="Supprimer" onclick="if(!verif()) return false;">
<form>
<a href="./tab.php">Reprendre a zero</a>
0
maimounaaaa Messages postés 15 Date d'inscription jeudi 26 avril 2012 Statut Membre Dernière intervention 19 novembre 2012
1 mai 2012 à 22:33
mérci pour votre réponse mais si cé possible vous pouvez écrire le code en javascript ,
Merci d'avance :) désolé si je vous dérange
0
JooS Messages postés 2468 Date d'inscription mardi 22 janvier 2008 Statut Membre Dernière intervention 8 juin 2016 228
1 mai 2012 à 23:24
Ah ok, je l'ai fait en PHP !!!
Je suis pas trés fort en Javascript, mais je bricole ! 

<script>
function verif() {
	var checkbox;
	var i;
	if(!confirm('Etes vous sure ?')) return false;
	
	for(i=0;i<9;i++) {
		checkbox = document.forms['mon_form'].elements['check'+i];
		if(checkbox && checkbox.checked) document.getElementById('nom'+checkbox.id).innerHTML = '';	
	}
	
	return false;
}
</script>
<form method="get" action="#" name="mon_form">
	<p id="nom0">Nom 1 : <input type="text" name="nom0"><input type="checkbox" id="0" name="check0"></p>
	<p id="nom1">Nom 2 : <input type="text" name="nom1"><input type="checkbox" id="1" name="check1"></p>
	<p id="nom2">Nom 3 : <input type="text" name="nom2"><input type="checkbox" id="2" name="check2"></p>
	<p id="nom3">Nom 4 : <input type="text" name="nom3"><input type="checkbox" id="3" name="check3"></p>
	<p id="nom4">Nom 5 : <input type="text" name="nom4"><input type="checkbox" id="4" name="check4"></p>
	<p id="nom5">Nom 6 : <input type="text" name="nom5"><input type="checkbox" id="5" name="check5"></p>
	<p id="nom6">Nom 7 : <input type="text" name="nom6"><input type="checkbox" id="6" name="check6"></p>
	<p id="nom7">Nom 8 : <input type="text" name="nom7"><input type="checkbox" id="7" name="check7"></p>
	<p id="nom8">Nom 9 : <input type="text" name="nom8"><input type="checkbox" id="8" name="check8"></p>
	
	<input type="button" value="Supprimer" onclick="verif();">
<form>
<a href="./tab.php">Reprendre a zero</a>
0