Hierarchy.php 2.36 KB
Newer Older
ALGLAVE Ivan's avatar
ALGLAVE Ivan committed
1
2
3
4
5
<!DOCTYPE html>
<html>
<head>
    <title>Drinkpedia</title>
    <meta charset="UTF-8">
ALGLAVE Ivan's avatar
ALGLAVE Ivan committed
6
    <link rel="stylesheet" type="text/css" href="css/Hierarchy.css">
ALGLAVE Ivan's avatar
ALGLAVE Ivan committed
7
8
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script type="text/javascript" src="scripts/DataQuery.js"></script>
ALGLAVE Ivan's avatar
ALGLAVE Ivan committed
9
10
11
12
</head>

<body id="body">

13
    <!-- PHP -->
14

15
    <?php
16

17
        // DEBUT DES ACTIONS SUR LA PAGE :
18
        include "scripts/Functions.php";
ALGLAVE Ivan's avatar
debug_1    
ALGLAVE Ivan committed
19

20
        if(!isset($_GET['element'])) {
21
22
            // Si on ouvre la Hiérachie pour la première fois, on part de 'Vin effervescent'
            $aliment = 'Aliment';
23
24
25
        } else {
            // Sinon on récupère l'aliment en cours 
            $aliment = $_GET['element'];
26
            $aliment = trim($aliment, '"');
27
28
29
30
31
32
        }

        $sup_cat = get_super_categories($aliment);
        $sous_cat = get_sous_categories($aliment);
        
        // Crée la disposition de la hiérarchie 
33
        
34
35
36
37
38
39
        echo '<div class="hierarchy_view">';
            // On affiche les Super-Catégories, s'il y'en a :
            if($sup_cat != null) { 
                echo '<div class="category-view">';
                echo '<h1> Super-catégories de '.$aliment.' </h1>';
                foreach($sup_cat as $cat) { 
ALGLAVE Ivan's avatar
debug_1    
ALGLAVE Ivan committed
40
                    echo '<li><button onclick="notifyParent('."'".$cat."'".');">'.$cat.'</button></li>';
41
42
43
44
45
46
47
48
49
                } 
                echo '</div>';
             } 
             // On affiche les sous-catégories, s'il y'en a : 
             if($sous_cat != null) { 
                echo '<div class="category-view">';
                echo '<h1> Sous-catégories de '.$aliment.' </h1>';
                foreach($sous_cat as $cat) { 
                    //echo '<li><button onclick="notifyParent('.$cat.');">'.$cat.'</button></li>';
ALGLAVE Ivan's avatar
debug_1    
ALGLAVE Ivan committed
50
                    echo '<li><button onclick="notifyParent('."'".$cat."'".');">'.$cat.'</button></li>';
51
52
53
54
55
                } 
                echo '</div>';
             } 
        echo '</div>';
    ?>
ALGLAVE Ivan's avatar
ALGLAVE Ivan committed
56

57
    <!-- JAVASCRIPT -->
ALGLAVE Ivan's avatar
ALGLAVE Ivan committed
58

59
60
61
    <script>
        
        function notifyParent($aliment) // Send a message to the parent window, asking to change to page $aliment
ALGLAVE Ivan's avatar
ALGLAVE Ivan committed
62
        {
63
            var data = {
64
65
                event: 'hierarchyDisplay',
                value: $aliment
66
67
            };
            window.top.postMessage(data, [data.event, data.value]);
ALGLAVE Ivan's avatar
ALGLAVE Ivan committed
68
69
70
71
72
        }

    </script>
</body>
</html>