Fixation de mon tableau

Version imprimable

Bonsoir,

Je me permets de vous contacter car j'ai un petit souci quand je génère mon tableau. En effet, sur ma page php je génère un tableau qui m'affiche mes données avec mes checkbox. Le problème c'est que lorsque je supprime une station, mon tableau "monte" vers l'en tête de ma page.

Voici mes fichiers:

results.txt (ce sont mes données que j'affiche en tableau)

Code:

frep-xqlin45 frep-xqlin46 frep-aqlin86 frep-aqlin75 frep-yqlin85 frep-yqlin14 frep-aqlin87 frep-xqlin28 frep-xqlin40 frep-yqlin10 frep-aqlin100 frep-aqlin11 frep-aqlin12 frep-aqlin13 frep-aqlin14 frep-aqlin15 frep-aqlin16 frep-aqlin17 frep-aqlin17 frep-aqlin18 frep-aqlin19 frep-aqlin20 frep-aqlin21

Ensuite ma ListeStations.php (c'est l'affichage de mes données en tableau avec checkbox et deux boutons "effacer" et "annuler" qui réinitialise mes checkbox quand elles sont cochés)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<?php
#Execution de mon script python qui affiche le nom de mes stations (ex:frep-xqlin05) 
$temp = file_get_contents('results.txt','w');
# $temp = exect('usr/bin/python var/html/www/results.txt');
$contenus = explode(" ",$temp);
 
function MEP($contenus){
        for ($cpt = 0, $size = count($contenus); $cpt < $size; ++$cpt){
                echo '<tr><td>'.$contenus[$cpt].' </td><td><input type="checkbox" name="choix[]" value='.$contenus[$cpt].'></td><br /></tr>';
        }
}
######################
###*Debut page WEB ###
######################
?>
<!DOCTYPE html>
<html>
    <head>
		<!-- En-tête de la page -->
        <meta charset="utf-8" />
		<link rel="stylesheet" href="style.css" />
        <title>Liste des stations</title>
    </head>
    <body>
		<!-- Corps de la page -->
		<h1>Tableau des stations à supprimer</h1>
		 <p class="intro"><em>Veuillez sélectionner vos stations</em>:</p>
	 <form name="monform" method="post" action="ResultatList.php"> 
	 <table border="2" align ="center">
<?php
# Fonction qui ajoute les checkbox dans le formulaire
MEP($contenus);
?>
		</table>
				<div class="bouton">
					<p>
						<input type="submit" name="go" value="Effacer" onclick = "document.location.href = 'ResultatList.php'">
							<input type="reset" name=" " value="Annuler">
					</p>	
				</div>
			</form>		
 
	</body>
</html>

Enfin ResultatList.php qui retourne le ou les station(s) effacée(s)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
    <head>
		<!-- En-tête de la page -->
        <meta charset="utf-8" />
		<link rel="stylesheet" href="style.css" />
        <title>Résultat</title>
    </head>
 
    <body>
		<!-- Corps de la page -->
			 <h1>Résultat des stations à supprimer</h1>
 
<div class="resultat">			 
<?php
# Fonction qui affiche les résultats dans le formulaire
if (isset($_POST['go']) && !empty($_POST['choix'])){
        for ($i=0;$i<count($_POST['choix']);$i++){
            $choix = $_POST['choix'][$i];
            echo "<em>Vous avez supprimée la station: $choix</em>";
            $temp = file_get_contents('results.txt','w');
            # remplace le nom de la station plus l'espace par un vide 
            $listStation = str_replace($choix." ",'', $temp);
            $file = fopen('results.txt','w+');
            fwrite($file, $listStation);
            fclose($file);
            echo "<br />";
        }
}
else{
    echo '<em>Selectionnez votre choix !</em>';
    echo "<br />";
}
?>
</br>
<input type="submit" name="go" value="Retour" onclick = "document.location.href = 'ListeStations.php'">
</div>
    </body>
</html>

Auriez-vous une solution à mon problème?

Cdt,

05/03/2014, 23h49
sabotage

Je ne comprends pas ce que tu nous décris : tu as une page ListeStations.php avec un tableau et un formulaire ; le formulaire renvoit vers ResultatList.php.
Quel tableau "remonte" et a quel moment ?
Pourquoi utilises-tu du javascript sur ton bouton submit dans ListeStations.php ?

Au passage il ne peut pas y avoir un <br/> au entre une cellule et une ligne :

Code:

</td><br /></tr>
06/03/2014, 10h40
Taylor08

2 pièce(s) jointe(s)

Pour le premier point il n'y a pas de souci. Ca fonctionne.
Le problème est le suivant : lorsque je supprime une ou plusieurs données de mon tableau, mon tableau remonte vers l'en tête voir ci dessous en images :

Avant la suppression des deux premières stations :
Pièce jointe 139745

Après la suppression des deux premières stations :
Pièce jointe 139746

Pour l'utilisation du javascript dans mon bouton, je l'utilise pour appeler ma page.
06/03/2014, 10h52
sabotage

Tu n'as pas répondu aux questions.
- tu as une page formulaire qui liste les éléments ; cette page renvoit vers une autre page qui supprime et qui ne contient pas de tableau. Donc a quel moment le tableau bouge ?
- pourquoi utiliser du javascript ? le bouton submit du formulaire renvoit déjà naturellement vers la page.
06/03/2014, 11h20
Taylor08

Le tableau bouge quand je clique sur le bouton retour de ma page ResultatList.php, il m'affiche le reste de mes données depuis la page ListeStations.php.

Ok, j'ai pris note, j'ai retirer la partie javascript de mon code.
06/03/2014, 11h47
sabotage

Est-ce que quand tu rafraichis la page ou retourne dessus après le retour, l'affichage est toujours décalé ?
06/03/2014, 11h54
Taylor08

C'est toujours pareil.
06/03/2014, 11h59
sabotage

Tu peux nous montrer le code HTML obtenu lorsque l'affiche n'est pas bon ?
06/03/2014, 14h35
Taylor08

Je l'ai mis dans le message envoyé à 9h40
06/03/2014, 14h59
sabotage

Je ne vois pas de code HTML dans tout ça.
06/03/2014, 15h03
Bovino

Citation:

Je l'ai mis dans le message envoyé à 9h40

Ah... pour toi, le code HTML, c'est un format d'image ? :mouarf:

Voici le résultat de mon code html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html>
    <head>
		<!-- En-tête de la page -->
        <meta charset="utf-8" />
		<link rel="stylesheet" href="style.css" />
        <title>Liste des stations</title>
    </head>
    <body>
		<!-- Corps de la page -->
		<h1>Tableau des stations à supprimer</h1>
 
		 <p class="intro"><em>Veuillez sélectionner vos stations</em>:</p>
 
	 <form name="monform" method="post" action="ResultatList.php"> 
	 <table border="2" align ="center">
 
 
 
<tr><td>frep-aqlin86 </td><td><input type="checkbox" name="choix[]" value=frep-aqlin86></td><br /></tr><tr><td>frep-aqlin75 </td><td><input type="checkbox" name="choix[]" value=frep-aqlin75></td><br /></tr><tr><td>frep-yqlin85 </td><td><input type="checkbox" name="choix[]" value=frep-yqlin85></td><br /></tr><tr><td>frep-yqlin14 </td><td><input type="checkbox" name="choix[]" value=frep-yqlin14></td><br /></tr><tr><td>frep-aqlin87 </td><td><input type="checkbox" name="choix[]" value=frep-aqlin87></td><br /></tr><tr><td>frep-xqlin28 </td><td><input type="checkbox" name="choix[]" value=frep-xqlin28></td><br /></tr><tr><td>frep-xqlin40 </td><td><input type="checkbox" name="choix[]" value=frep-xqlin40></td><br /></tr><tr><td>frep-yqlin10 </td><td><input type="checkbox" name="choix[]" value=frep-yqlin10></td><br /></tr><tr><td>frep-aqlin100 </td><td><input type="checkbox" name="choix[]" value=frep-aqlin100></td><br /></tr><tr><td>frep-aqlin11 </td><td><input type="checkbox" name="choix[]" value=frep-aqlin11></td><br /></tr><tr><td>frep-aqlin12 </td><td><input type="checkbox" name="choix[]" value=frep-aqlin12></td><br /></tr><tr><td>frep-aqlin13 </td><td><input type="checkbox" name="choix[]" value=frep-aqlin13></td><br /></tr><tr><td>frep-aqlin14 </td><td><input type="checkbox" name="choix[]" value=frep-aqlin14></td><br /></tr><tr><td>frep-aqlin15 </td><td><input type="checkbox" name="choix[]" value=frep-aqlin15></td><br /></tr><tr><td>frep-aqlin16 </td><td><input type="checkbox" name="choix[]" value=frep-aqlin16></td><br /></tr><tr><td>frep-aqlin17 </td><td><input type="checkbox" name="choix[]" value=frep-aqlin17></td><br /></tr><tr><td>frep-aqlin17 </td><td><input type="checkbox" name="choix[]" value=frep-aqlin17></td><br /></tr><tr><td>frep-aqlin18 </td><td><input type="checkbox" name="choix[]" value=frep-aqlin18></td><br /></tr><tr><td>frep-aqlin19 </td><td><input type="checkbox" name="choix[]" value=frep-aqlin19></td><br /></tr><tr><td>frep-aqlin20 </td><td><input type="checkbox" name="choix[]" value=frep-aqlin20></td><br /></tr><tr><td>frep-aqlin21
 </td><td><input type="checkbox" name="choix[]" value=frep-aqlin21
></td><br /></tr>
		</table>
				<div class="bouton">
					<p>
						<input type="submit" name="go" value="Effacer">
							<input type="reset" name=" " value="Annuler">
					</p>	
				</div>
			</form>		
 
	</body>
</html>

Bovino t'as raison de te marrer :x

06/03/2014, 17h04
sabotage

Tu as essayé sans ton CSS ?
06/03/2014, 18h05
Taylor08

Oui en vain

J'ai repris une ligne et un peu remise en forme :
Code:

1 2 3 4 5 <tr> <td>frep-aqlin86 </td> <td><input type="checkbox" name="choix[]" value=frep-aqlin86></td> <br /> </tr>
Ne manquerait-il pas des quotes autour de la valeur dans les checkboxes ? et que diable vient faire ce br dans l'histoire ? Les br qui trainent à des endroits non prévus ont tendance à faire n'importe quoi...

Essaye comme ça :
Code:

1 2 3 4 5 function MEP($contenus){ for ($cpt = 0, $size = count($contenus); $cpt < $size; ++$cpt){ echo '<tr><td>'.$contenus[$cpt].' </td><td><input type="checkbox" name="choix[]" value="'.$contenus[$cpt].'" ></td></tr>'; } }

06/03/2014, 19h42
sabotage

Si c'est le <br/> je te tue, parce que je te l'ai dit depuis le début.
07/03/2014, 09h42
Taylor08

Effectivement, c'était le </br> je l'ai retiré et j'ai pu correctement fixer mon tableau grâce à une dernière modification sur mon css (margin-top: -450px; passé à "auto").

Merci pour tout, et sabotage je t'en pris tue moi, je le mérite lol 8O