Différence d'affichage entre version locale et version en ligne PHP-JS

**smvezoo** · 05/02/2019, 16h59

Bonjour à tous,
je viens aujourd'hui de mettre en ligne un site. La quasi-totalité du site répond correctement à mes attentes et s'affiche comme la version locale réalisé sous Wamp. Une page ne répond pas à mes attentes du tout et s'affiche différemment...
La page s'affiche comme ceci :
Nom : Espace activite bug1.PNG
Affichages : 103
Taille : 17,4 Ko

Nom : Espace activite bug1.PNG
Affichages : 103
Taille : 17,4 Ko

Or sur la version locale elle s'affiche comme ça :
Nom : Espace activite bug.PNG
Affichages : 102
Taille : 25,3 Ko

De plus, lorsque l'on clique sur Ajouter une activité le js devrait faire apparaitre le formulaire mais ce n'est pas le cas :
Nom : Espace activite bug3.PNG
Affichages : 110
Taille : 30,8 Ko

Nom : Espace activite bug3.PNG
Affichages : 110
Taille : 30,8 Ko

On dirait que sur la version en ligne, le script s'arrête à un moment après le <hr> </hr>. Le problème est que trois pages du même style n'ont pas ce problème et fonctionne correctement (dans la version en ligne).

Je vous met le code de la page activite.php

Code php :

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
 
<?php
if(!isset($_SESSION)) 
{ 
    session_start(); 
}
if (isset($_SESSION['pseudo']) && isset($_SESSION['mdp']))
{	
?>
 
<html>
	<head>
        <meta charset="utf-8" />
        <title> Gestion des activités </title>
		<link rel="stylesheet" type="text/css" href="stylepage.css"> <!-- Lien vers le css -->  
    </head>
	<body>
	<div id="page">
	<?php include 'entete2.php'; ?>
	<div id="content">
	<div class="div_classic">
 
		<h1 class="titre_basic"> Espace activité : </h1> 
 
		<p> Les informations suivies d'un symbole * sont à compléter obligatoirement </p>
 
		<h3 id="Bouton_ajoutactivite">  Ajouter une activité ▽</h3>
		<hr> </hr>
		<div id="ajoutactivite"> <?php include 'ajoutactivite.php'; ?> </div> <!-- Ajout d'une activité -->		
 
		<script> // Script permettant d'afficher ou non le contenu d'un div lors d'un click (joue sur la propriété css display)
		document.querySelector("#Bouton_ajoutactivite").onclick = function() {
		if (window.getComputedStyle(document.querySelector('#ajoutactivite')).display=='none'){
		document.querySelector("#ajoutactivite").style.display="block";
		} else {
		document.querySelector("#ajoutactivite").style.display="none";
		}
		}
		</script>
 
		<h3 id="Bouton_modifactivite">  Modifier une activité ▽</h3>
		<hr> </hr>
		<div id="modifactivite"> <?php include 'modifactivite.php'; ?> </div> <!-- Modification d'une activité -->
 
		<script> // Script permettant d'afficher ou non le contenu d'un div lors d'un click (joue sur la propriété css display)
		document.querySelector("#Bouton_modifactivite").onclick = function() {
		if (window.getComputedStyle(document.querySelector('#modifactivite')).display=='none'){
		document.querySelector("#modifactivite").style.display="block";
		} else {
		document.querySelector("#modifactivite").style.display="none";
		}
		}
		</script>
 
		<h3 id="Bouton_supreactivite">  Supprimer une activité ▽</h3>
		<hr> </hr>
		<div id="supreactivite"> <?php include 'supreactivite.php'; ?> </div> <!-- Suppression d'une activité -->
 
		<script> // Script permettant d'afficher ou non le contenu d'un div lors d'un click (joue sur la propriété css display)
		document.querySelector("#Bouton_supreactivite").onclick = function() {
		if (window.getComputedStyle(document.querySelector('#supreactivite')).display=='none'){
		document.querySelector("#supreactivite").style.display="block";
		} else {
		document.querySelector("#supreactivite").style.display="none";
		}
		}
		</script>
 
	</div>
	</body>
	</div>
	<?php include 'footer.php'; ?>
	</div>
</html>
<?php
}
else
{
	echo 'Les variables ne sont pas déclarées';
	echo '<meta http-equiv="refresh" content="0;URL=connection.php">';
}
?>

Code CSS :

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

1
2
3
4
5
 
 #ajoutcontact,  #ajoutassociation, #ajoutrubrique, #ajoutactivite, #modifcontact,  #modifassociation, #modifrubrique, #modifactivite, #suprecontact,  #supreassociation, #suprerubrique, #supreactivite
{ /* Permet d'afficher ou non (avec le js) */
 display:none;
}

Si vous avez des solutions, je suis preneur

PS : Ce problème est peut-être placé dans la mauvaise catégorie ?

**badaze** · 05/02/2019, 20h21

Regarde le code source de la page générée pour voir s’il n’y a pas un warning ou une erreur php.

**smvezoo** · 06/02/2019, 10h24

Bonjour, merci de ton aide.
Aucune erreur ne s'est affiché lors de l'exécution du script. En regardant ce matin, j'ai trouvé l'erreur... Le nom de la table lors de ma requête a été écrit en majuscule c'est pour ça que la page s'arrêtait lors de son exécution....
J'ai cru que c'était une grosse erreur, j'ai cherché cherché pour qu'au final se soit un problème de majuscule ...
Fin bon problème résolu merci de l'aide apporté !

Différence d'affichage entre version locale et version en ligne PHP-JS

Langage PHP

Discussions similaires

Partager

Partager