Supprimer un colonne

maimounaaaa -  
JooS Messages postés 2705 Statut Membre -
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

JooS Messages postés 2705 Statut Membre 228
 
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 20 Statut Membre
 
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 2705 Statut Membre 228
 
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