Marvel/resultados.html at master · danielafhe/Marvel · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/myStyle.css">
    <title>Resultados de votacion</title>
</head>

<body onload="cargar()">
    <!-- Navbar -->
    <div class="container">
            <nav aria-label="Página web de votaciones." class="navbar navbar-expand-lg navbar-light bg-light">
                <a aria-labelledby="logo" class="navbar-brand" href="index.html">
                    <img id="logo" aria-label="Link para volver al índice." src="recursos/logos/marvel.svg" alt="Logo de la empresa" width="70"
                        height="50">
                </a>

                <button tabindex="-1" aria-hidden="true" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div tabindex="-1" class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul aria-hidden="true" class="navbar-nav mr-auto">
                        <li aria-label="Comics" class="nav-item">
                            <a tabindex="0" class="nav-link" href="index.html">Votacion
                            </a>
                        </li>
                        <li aria-label="Resultados" class="nav-item active">
                            <a class="nav-link" href="resultados.html">Resultados</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>

    <!-- Contenedor graficos -->
    <div class="container" style="margin-top: 30px;">
        <div id="cuerpo" class="d-flex flex-wrap justify-content-around">
            <h1 tabindex="0" >Elige el tipo de gráfico que deseas: </h1>
            <div class="btn-group" role="group" aria-label="Botones de seleción de gráficos.">
                <button aria-label="Seleccionar tarta." type="button" ident="0" onclick="makeChartComics(0), makeChartCharacters(0)" class="btn btn-secondary">
                    <i class="fa fa-pie-chart" aria-hidden="true"></i>Tarta</button>
                <button aria-label="Seleccionar barras." type="button" ident="1" onclick="makeChartComics(1), makeChartCharacters(1)" class="btn btn-secondary">
                    <i class="fa fa-bar-chart" aria-hidden="true"></i>Gráfica </button>
                <button aria-label="Seleccionar dónut." type="button" ident="2" onclick="makeChartComics(2), makeChartCharacters(2)" class="btn btn-secondary">
                    <i class="fa fa-pie-chart" aria-hidden="true"></i>Dónut</button>
            </div>
        </div>
        <div style=" height: 600px;" class="d-flex flex-wrap justify-content-around">
            <div tabindex="0" aria-live="polite" class="col-12" id="graficaComics" style="height: 100%;"></div>
        </div>
        <div style=" height: 600px;" class="d-flex flex-wrap justify-content-around">
            <div tabindex="0" aria-live="polite" class="col-12" id="graficaCharacters" style="height: 100%;"></div>
        </div>
        <!-- Todo el código generado -->

    </div>

    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>

    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script src="lib/jquery-3.3.1.min.js"></script>

    <script src="js/utiles.js"></script>
    <script src="js/results.js"></script>
</body>

</html>