Bonjour,
J'ai un problème qui me rend fou dans mon code.
J'ai une page index qui contient la mise en page. A l'aide d'un .load() je charge une page php/jquery qui va s'occuper de verifier si l'utilisateur est loggé ainsi que lui renvoyer la page qu'il veut avec un .on('click').
J'ai défini donc que tous mes liens de la classe "links" doivent être intercepter. Le problème c'est que pour mon lien logout tout fonctionne mais par contre pour un autre liens sur une page lorsque je click dessus j'ai l'erreur:
Comme si mon .preventDefault(); ne fonctionnais pas pour ce lien...Not Found
The requested URL /OrderNow/store was not found on this server.
Index.html :
Mon page loader .php
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 <!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8" /> <!--meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> --> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <!--meta name="viewport" content="width=device-width, initial-scale=1.0" /> --> <title>OrderNow beta 1.0</title> <link rel="stylesheet" href="css/foundation.css" /> <link rel="stylesheet" href="css/styles.css" /> <link rel="stylesheet" href="css/foundation-icons.css" /> <link rel="stylesheet" href="css/foundation-icons.ttf" /> <script src="js/vendor/modernizr.js"></script> </head> <body> <div class="off-canvas-wrap" data-offcanvas> <div class="inner-wrap"> <nav class="tab-bar"> <section class="left-small"> <a class="left-off-canvas-toggle menu-icon" href="#"><span></span></a> </section> <section class="middle tab-bar-section"> <img src="img/logo1.png" alt="OrderNow" class="logo" /> <!-- LOGO __ --> <a class="link-panier" href="#"><div id="panier"></div></a> <!-- PANIER DANS TOP BAR ___ --> </section> </nav> <!-- MENU ____________________________________________________________________ --> <div id="main-menu"> </div> <!-- /MENU ___________________________________________________________________ --> <section class="main-section"> <!-- MAIN CONTAINER __________________________________________________________ --> <div class="page-container"> </div> <!-- /MAIN CONTAINER _________________________________________________________ --> </section> <a class="exit-off-canvas"></a> </div> </div> <script src="js/vendor/jquery.js"></script> <script src="js/foundation.min.js"></script> <script> $( document ).ready(function() { $(".page-script").load("../OrderNow/globals/page-loader2.php"); /* Script de gestion de page */ $("#main-menu").load("../OrderNow/modules/menu/menu.html"); /* INCLUDE MENU AJAX */ $("#panier").load("../OrderNow/modules/checkout/panier.html"); /* INCLUDE PANIER AJAX */ $(document).foundation(); }); </script> <script class="page-script"></script> </body> </html>
Ma page ou mon lien 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 <?php session_start(); $get_page =$_GET['page']; if (isset($_SESSION["Id"])) { //si il existe une session if ($_SESSION['is_localised'] != true) { //si l'utilisateur n'a pas encore été utilisé require_once $_SERVER['DOCUMENT_ROOT']."/OrderNow/globals/localise/localise.js"; // on localise l'utilisateur } $is_logged = true; } else { //sinon l'utilisateur n'est pas logué $is_logged = false; } if ($_GET['page'] == "logout") { $is_logged = false; session_destroy(); } ?> <script> var is_logged = "<?php echo $is_logged; ?>"; var get_page = "<?php echo $get_page; ?>"; var first_login = true; $(document).ready(function() { $('a.links').on('click', function(e) { e.preventDefault(); var first_login = false; var page_href = $(this).attr("href"); if (page_href == "store"){ $(".page-container").load("../OrderNow/modules/store/store.html"); } else if (page_href == "logout"){ $(".page-container").load("../OrderNow/globals/page-loader2.php?page=logout"); } }); if ((is_logged == true) && (first_login == true)){ $(".page-container").load("../OrderNow/modules/store/storelist.html"); } else if (is_logged == false){ $(".page-container").load("../OrderNow/modules/login/login.html"); } }); </script>
Ma page contenant les liens des menus dont le lien déconnecter qui fonctionne très bien.
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 <div class="form-box"> <h1>Magasins</h1> <div class="row collapse"> <div class="small-10 columns"> <input type="text" placeholder="Rechercher"> </div> <div class="small-2 columns"> <a href="#" class="button postfix"><i class="ico-big fi-magnifying-glass"></i></a> </div> </div> <h3>Proche de vous</h3> <hr> <div class="shop-list"> <?php session_start(); require_once $_SERVER['DOCUMENT_ROOT']."/OrderNow/globals/db-connect.php";//connection a la base de donnée //on recupère le nom et l'adresse de tous les shops disponibles $query = mysqli_query($link, "SELECT nom, ville, npa, adresse FROM Stores LIMIT 0,5"); //on recupère les 5 magasins les plus proches while ($data = mysqli_fetch_assoc($query)) { //!//FONCTION A REMPLACER PAR DU JSON POUR ETRE PROPRE! ?> <div class="row"> <div class="small-8 columns"><a class="links shop-links" href="store"><?php print $data["nom"]; ?></a> </div> <div class="small-4 columns"><a class="links city-links" href="#"><?php print $data["ville"]; ?></a> </div> <hr class="hr-list"> </div> <?php $nb++; } ?> </div><!-- liste des shops proches --> </div>
Merci d'avance pour votre aide.
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 <!-- MAIN MENU --> <aside class="left-off-canvas-menu"> <ul class="off-canvas-list"> <li class="li-menu"><label><a class="links lnk-menu" href="logout">Se déconnecter</a></label></li> <!-- titre au sommet --> <li class="li-menu"><a href="#"><i class="ico-menu fi-foundation"></i>Maps</a></li> <li class="li-menu"><a href="#"><i class="ico-menu fi-torso"></i>Mon compte</a></li> <li class="li-menu"><a href="#"><i class="ico-menu fi-clock"></i>Historiques</a></li> <li class="li-menu"><a href="#"><i class="ico-menu fi-star"></i>Promotions</a></li> <li class="li-menu"><a href="#"><i class="ico-menu fi-info"></i>A propos</a></li> </ul> </aside>
Salutations
Partager