Navigation ne fonctionne pas sur une page

**phil33470** · 07/08/2017, 20h29

Bonjour j'ai un problème que je n'arrive pas à comprendre.

J'ai fait une barre de navigation qui fonctionne très bien partout, sauf sur une page et je ne comprends pas pourquoi. Je précise que c'est le dropdown menu qui ne se déroule pas à cet endroit.

Les autres boutons fonctionnent.

Voici le code :

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
34
35
36
37
38
39
40
41
42
43
44
45
46
 <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.php"><?php echo WEBSITE_NAME ;?></a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
			<ul class="nav navbar-nav">
				<li><a href="list_users.php">Liste des utilisateurs</a></li>
			</ul>
			<ul class="nav navbar-nav navbar-right"><!--navbar-right : permet de mettre le menu à droite-->
                <!--Pour obtenir le menu déroulant, aller dans bootstrap/ getting started/examples/ Choisir un exemple avec menu déroulant/
				 ctrl u pour voir le code source/ copier le code concernant le menu déroulant puis le coller ci-dessous-->
 
				<?php if( is_logged_in() ):?>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
						<img src="<?php echo get_avatar_url(get_session('email')) ?>" alt="Image de profil de <?php echo get_session('pseudo')?>" class="img-circle"> 
						<span class="caret"></span>
						</a>
						<ul class="dropdown-menu" role="menu">
							<li class="<?php echo set_active('profile')?>">
								<a href="profile.php?id=<?php echo get_session('user_id') ?>"><?php echo $menu['mon_profil'][$_SESSION['locale']]?></a>
							</li>
							<li class="<?php echo set_active('edit_user')?>">
								<a href="edit_user.php?id=<?php echo get_session('user_id') ?>"><?php echo $menu['editer_profil'][$_SESSION['locale']]?></a>
							</li>
 
							<li class="<?php echo set_active('share_code')?>"><a href="share_code.php"><?php echo $menu['share_code'][$_SESSION['locale']]?></a></li>
							<li class="divider"></li><!--Permet de séparer déconnexion du reste. -->
							<li><a href="logout.php"><?php echo $menu['deconnexion'][$_SESSION['locale']]?></a></li>
						</ul>
					</li>
				<?php else: ?>
					<li class="<?php echo set_active('login')?>"><a href="login.php"><?php echo $menu['connexion'][$_SESSION['locale']]?></a></li>
					<li class="<?php echo set_active('register')?>"><a href="register.php"><?php echo $menu['inscription'][$_SESSION['locale']]?></a></li>
				<?php endif;?>
		  </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>

Le code de tout le programme est un peu long, mais je peux donner aussi celui de la page où cela ne fonctionne pas.

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
<?php
session_start();
 
require("bootstrap/locale.php");
include('filters/auth_filter.php');
require ('config/database.php');
require ('includes/functions.php');
require ('includes/constants.php');
 
if(!empty($_GET['id'])){
 
			$data = find_code_by_id($_GET['id']);
 
			if(!$data){
				$code = "" ;
			} else{
				$code = $data->code;
			} 
 
} else {
		$code = "";
		}
 
 if (isset($_POST['save'])) {
 
	 if(not_empty(['code'])){
 
		 extract($_POST);
 
		 $q = $db->prepare('INSERT INTO codes(code) VALUES(?)');
		 $success = $q->execute([$code]);
 
		 if($success){
			 $id = $db->lastInsertId();//On met le dernier identifiant qui a été enregistré dans la variable.
			 redirect('show_code.php?id=' .$id);
		 } else{
			 set_flash("Erreur lors de l'ajout du code source.Veuillez réessayer SVP.");
			 redirect("share_code.php");
		 }
	 }else{
		 redirect("share_code.php");
	 }
 
 }
 
require ('views/share_code.view.php'); ?>

Si quelqu'un peut m'aider ?

**sabotage** · 07/08/2017, 21h53

Est-ce que la source HTML de la page est correcte ?
Est-ce que tu as des erreurs Javascript dans la console du navigateur ?

**phil33470** · 08/08/2017, 08h07

Oui tout ça m'a l'air correcte.

Petite précision j'utilise bootstrap.

**sabotage** · 08/08/2017, 11h34

Tu peux nous montrer la source HTML ?

**phil33470** · 09/08/2017, 11h19

Désolé pour cette réponse un peu tardive.

Voilà le code source de la page en question.

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
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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="Réseau social pour développeur">
    <meta name="author" content="Drouet Philippe">
 
 
    <title>
		Partage de codes sources - Boom Social Network	</title>
 
    <!-- STYLESHHEETS (fichiers css) -->
 
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/readable/bootstrap.min.css" rel="stylesheet" integrity="sha384-Li5uVfY2bSkD3WQyiHX8tJd0aMF91rMrQP5aAewFkHkVSTT2TmD2PehZeMmm7aiL" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/js/google-code-prettify/prettify.css"><!--Lien pour pretify.-->
 
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
 
  <body>
 
 
 
 
 
 <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.php">Boom Social Network</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
			<ul class="nav navbar-nav">
				<li><a href="list_users.php">Liste des utilisateurs</a></li>
			</ul>
			<ul class="nav navbar-nav navbar-right"><!--navbar-right : permet de mettre le menu à droite-->
                <!--Pour obtenir le menu déroulant, aller dans bootstrap/ getting started/examples/ Choisir un exemple avec menu déroulant/
				 ctrl u pour voir le code source/ copier le code concernant le menu déroulant puis le coller ci-dessous-->
 
									<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
						<img src="http://gravatar.com/avatar/6b1abe8c1b4162e8ec34619fcd7d061f?s=25" alt="Image de profil de phil1" class="img-circle"> 
						<span class="caret"></span>
						</a>
						<ul class="dropdown-menu" role="menu">
							<li class="">
								<a href="profile.php?id=11">Mon profil</a>
							</li>
							<li class="">
								<a href="edit_user.php?id=11">Editer mon profil</a>
							</li>
 
							<li class="active"><a href="share_code.php">Partager</a></li>
							<li class="divider"></li><!--Permet de séparer déconnexion du reste. -->
							<li><a href="logout.php">Deconnexion</a></li>
						</ul>
					</li>
						  </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>   	
<div id="main-content">
	<div id="main-content-share-code">
		<form action="" autocomplete="off" method="post">
			<!--Permet d'avoir le grand bloc où écrire. -->
			<textarea name="code" id="code" placeholder="Entrer votre code ici..."></textarea>
 
			<div class="btn-group nav-code"><!--Permet de décoller les deux boutons-->
				<a href="share_code.php" class="btn btn-danger">Tout effacer ! </a><!--On aurait pu utiliser également un champ input de type reset. On redirige ici l'utilisateur vers la même page pour actualiser.-->
				<input type="submit" name="save" class="btn btn-success" value="Enregistrer"/><!--Permet d'avoir le bouton pour enregistrer.-->
			</div>
		</form>
	</div>
</div><!-- /.main-content -->
 
	<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script src="assets/js/tabby.min.js"></script>
	<script><!--Script pour tabby.-->/
                $("#code").tabby();
                $("#code").height( $(window).height() - 50 );
        </script>
 
    <!-- SCRIPTS -->
 
   <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	-->
	<!-- appel de JQUERY -->
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="libraries/parsley/parsley.min.js"></script>
    <script src="libraries/parsley/i18n/fr.js"></script>
	<script type="text/javascript">
                // window.ParsleyValidator.setlocale('fr'); 
    Parsley.setLocale('fr'); 
        </script>
 
 
   </body>
   </html>

**Loralina** · 10/08/2017, 12h13

Bonjour,
J'ai fait un copier-coller de votre code : quand on clique sur l'image en haut à droite, un menu devrait apparaître, c'est bien ça ?
Avec une petite modification, le menu apparaît, mais avec votre dernier message, je ne sais pas si le code m'est destiné et si je suis autorisée à répondre...

Navigation ne fonctionne pas sur une page

Vue hybride

Discussions similaires

Partager

Partager