3 pièce(s) jointe(s)
Différence d'affichage entre version locale et version en ligne PHP-JS
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 :
Pièce jointe 447601
Or sur la version locale elle s'affiche comme ça :
Pièce jointe 447603
De plus, lorsque l'on clique sur Ajouter une activité le js devrait faire apparaitre le formulaire mais ce n'est pas le cas :
Pièce jointe 447613
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:
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:
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 :aie:
PS : Ce problème est peut-être placé dans la mauvaise catégorie ?
