Fixation de mon tableau

**Taylor08** · 05/03/2014, 22h13

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 :

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

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 :

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
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 :

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
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,

**sabotage** · 05/03/2014, 23h49

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 :

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

</td><br /></tr>

**Taylor08** · 06/03/2014, 10h40

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 :
Nom : Capture.PNG
Affichages : 65
Taille : 105,2 Ko

Nom : Capture.PNG
Affichages : 65
Taille : 105,2 Ko

Après la suppression des deux premières stations :
Nom : Capture1.PNG
Affichages : 54
Taille : 73,6 Ko

Pour l'utilisation du javascript dans mon bouton, je l'utilise pour appeler ma page.

**sabotage** · 06/03/2014, 10h52

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.

**Taylor08** · 06/03/2014, 11h20

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.

**sabotage** · 06/03/2014, 11h47

Est-ce que quand tu rafraichis la page ou retourne dessus après le retour, l'affichage est toujours décalé ?

**Taylor08** · 06/03/2014, 11h54

C'est toujours pareil.

**sabotage** · 06/03/2014, 11h59

Tu peux nous montrer le code HTML obtenu lorsque l'affiche n'est pas bon ?

**Taylor08** · 06/03/2014, 14h35

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

**sabotage** · 06/03/2014, 14h59

Je ne vois pas de code HTML dans tout ça.

**Bovino** · 06/03/2014, 15h03

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

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

**Taylor08** · 06/03/2014, 16h41

Voici le résultat de mon code html

Code html :

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
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

**sabotage** · 06/03/2014, 17h04

Tu as essayé sans ton CSS ?

**Taylor08** · 06/03/2014, 18h05

Oui en vain

**Celira** · 06/03/2014, 19h01

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

Code html :

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

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 :

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

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>';
    }
}

**sabotage** · 06/03/2014, 19h42

Si c'est le <br/> je te tue, parce que je te l'ai dit depuis le début.

**Taylor08** · 07/03/2014, 09h42

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

Fixation de mon tableau

Langage PHP

Discussions similaires

Partager

Partager