Interface web et Raspber
Fermé
Omarb1414a
Messages postés
7
Date d'inscription
vendredi 8 février 2019
Statut
Membre
Dernière intervention
16 juin 2019
-
22 mai 2019 à 17:16
jordane45 Messages postés 38241 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 septembre 2024 - 22 mai 2019 à 23:51
jordane45 Messages postés 38241 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 septembre 2024 - 22 mai 2019 à 23:51
A voir également:
- Interface web et Raspber
- Web office - Guide
- Traduire une page web - Guide
- Adresse web - Guide
- Instagram web - Guide
- Capture web - Guide
2 réponses
jordane45
Messages postés
38241
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 septembre 2024
4 689
22 mai 2019 à 17:51
22 mai 2019 à 17:51
Bonjour,
Et.. quel est le code de ton fichier ?
Dans quel langages as tu codé ton "interface" ?
As tu bien tout installé ce qui était nécéssaire sur ton rasp ? Le serveur web est bien démarré ?
Il fait appel à une BDD ?
La bdd, si il y en a une..., est-elle installée sur le raspbery ?
Et.. quel est le code de ton fichier ?
Dans quel langages as tu codé ton "interface" ?
As tu bien tout installé ce qui était nécéssaire sur ton rasp ? Le serveur web est bien démarré ?
Il fait appel à une BDD ?
La bdd, si il y en a une..., est-elle installée sur le raspbery ?
Omarb1414a
Messages postés
7
Date d'inscription
vendredi 8 février 2019
Statut
Membre
Dernière intervention
16 juin 2019
22 mai 2019 à 23:47
22 mai 2019 à 23:47
<?php
include_once '../includes/conn.inc.php';
include '../includes/temps.php';
include '../includes/temps1.php';
include '../includes/temps2.php';
include '../includes/temps3.php';
include '../includes/temps4.php';
session_start();
if(!isset($_SESSION['loggedin'])){
$_SESSION['redirectURL'] = $_SERVER['REQUEST_URI'] ;
header('location:../index.php');
}
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Temperature</title>
<meta name="description" content="Porta - Free Bootstrap4 Minimal Portfolio Template by CurlyArts">
<meta name="keywords" content="portfolio, minimal portfolio, free html template, business, responsive, corporate, clean, bootstrap4, free bootstrap4 template">
<meta name="author" content="CurlyArts">
<!-- Favicons -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/icon.png">
<!-- Google font (font-family: 'Roboto', sans-serif;) -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
<!-- Google font (font-family: 'Roboto Condensed', sans-serif;) -->
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700" rel="stylesheet">
<!-- Mega Menu Stylesheets -->
<link rel="stylesheet" href="cssmegamenu/bootstrap.min.css">
<link rel="stylesheet" href="cssmegamenu/plugins.css">
<link rel="stylesheet" href="cssmegamenu/style.css">
<!-- Modernizer js -->
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<style>
#aa {font-size: 21px;}
.navbar1 {
overflow: hidden;
background-color: rgb(4, 4, 4,0.2);
position: fixed;
top: 0;
width: 100%;
z-index: 50;
}
.navbar1 a {
text-transform: uppercase;
float: right;
display: block;
color: #fff;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.navbar1 a:hover {
background: #ddd;
color: black;
}
.lista {
height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.9);
}
.lista-content {
position: relative;
top: 25%;
width: 100%;
text-align: center;
margin-top: 30px;
}
.lista a {
padding: 8px;
text-decoration: none;
font-size: 36px;
color: #818181;
display: block;
transition: 0.3s;
}
.lista a:hover, .lista a:focus {
color: #f1f1f1;
}
.lista .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
}
@media screen and (max-height: 450px) {
.lista a {font-size: 20px}
.lista .closebtn {
font-size: 40px;
top: 15px;
right: 35px;
}
}
</style>
</head>
<body>
<video autoplay muted loop style="position: fixed;
right: 0;
bottom: 0;
min-width: 90%;
min-height: 90%;">
<source src="../img/bck.mp4" type="video/mp4">
<source src="../img/bck.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
<div class="navbar1" >
<div style="margin: auto;
width: 32%;">
<a href="temp.php" ><img src="../img/S1.png" alt="Smiley face" width="40" height="42"> Temperature</a>
<a href="../Camera/Camera.php"><img src="../img/Cam.png" alt="Smiley face" width="40" height="42"> Camera</a>
<a href="../Silots.php" data-section="welcome"><img src="../img/S2.png" alt="Smiley face" width="40" height="42"> Bienvenue</a>
</div>
</div>
<!-- Main wrapper -->
<div class="wrapper" id="wrapper">
<!-- Header -->
<header class="header header-style transparent-header sticky-header">
<div class="container d-none d-lg-block">
<div class="row">
<div class="col-lg-12">
<div class="header-inner" style="position: relative;top: 70%; left:22%;">
<nav class="menu" >
<ul>
<li class="cr-megamenu">
<a id="aa" onclick="stoprefresh()" href="javascript:;" style="color: white; ">Silo 1
<span id="spanclignote" style="background-color:white; min-height: 25px;min-width: 30px;position:fixed; " class="badge badge-danger ml-2"><img id="clignote" src="../img/close.png"></span></a>
<div id="bb" class="cr-megamenu-wrap" style="height: 550px; width: 1000px;">
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single">
<h6>Sonde 1</h6>
<ul>
<li>
<a href="#"><?php echo $cols[4];?></a>
</li>
<li>
<a href="#"><?php echo $cols[6];?></a>
</li>
<li>
<a href="#"><?php echo $cols[8];?></a>
</li>
<li>
<a href="#"><?php echo $cols[10];?></a>
</li>
<li>
<a href="#"><?php echo $cols[12];?></a>
</li>
<li>
<a href="#"><?php echo $cols[14];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single">
<h6>Sonde 2</h6>
<ul>
<li>
<a href="#"><?php echo $cols[17];?></a>
</li>
<li>
<a href="#"><?php echo $cols[19];?></a>
</li>
<li>
<a href="#"><?php echo $cols[21];?></a>
</li>
<li>
<a href="#"><?php echo $cols[23];?></a>
</li>
<li>
<a href="#"><?php echo $cols[25];?></a>
</li>
<li>
<a href="#"><?php echo $cols[27];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single">
<h6>Sonde 3</h6>
<ul>
<li>
<a href="#"><?php echo $cols[30];?></a>
</li>
<li>
<a href="#"><?php echo $cols[32];?></a>
</li>
<li>
<a href="#"><?php echo $cols[34];?></a>
</li>
<li>
<a href="#"><?php echo $cols[36];?></a>
</li>
<li>
<a href="#"><?php echo $cols[38];?></a>
</li>
<li>
<a href="#"><?php echo $cols[40];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single">
<h6>Sonde 4</h6>
<ul>
<li>
<a href="#"><?php echo $cols[43];?></a>
</li>
<li>
<a href="#"><?php echo $cols[45];?></a>
</li>
<li>
<a href="#"><?php echo $cols[47];?></a>
</li>
<li>
<a href="#"><?php echo $cols[49];?></a>
</li>
<li>
<a href="#"><?php echo $cols[51];?></a>
</li>
<li>
<a href="#"><?php echo $cols[53];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
<div id="myNav" class="lista">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<div class="lista-content">
<form class="login100-form validate-form p-b-33 p-t-5" method="post" action="../includes/Fan.php">
<div class="wrap-input100 validate-input" data-validate = "Enter username">
<input class="input100" type="text" name="username" placeholder="User name">
<span class="focus-input100" data-placeholder=""></span>
</div>
<div class="wrap-input100 validate-input" data-validate="Enter password">
<input class="input100" type="password" name="password" placeholder="Password">
<span class="focus-input100" data-placeholder=""></span>
</div>
<div id="login1" class="container-login100-form-btn m-t-32">
<button class="login100-form-btn" type="submit" name="btnsubmit1"> Login </button>
</div>
</form>
</div>
</div>
<span style="font-size:30px;cursor:pointer;position: absolute;left: 400px;top: 400px;" onclick="openNav()">
<img style="position:absolute; left:0;top: 0;" src="../img/FAN.png" height="300" width="400" alt="Static Image" data-alt="../img/FAN.gif">
</span>
</div>
</li>
<li class="cr-megamenu">
<a id="aa" href="javascript:;" style="color: white;">Silo 2 <span id="spanclignote" style="background-color:white; min-height: 25px;min-width: 30px;position:fixed; " class="badge badge-danger ml-2">
<img id="clignote" src="../img/close.png"></span></a>
<div class="cr-megamenu-wrap" style="height: 550px; width: 1000px;">
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single" >
<h6>Sonde 1</h6>
<ul>
<li>
<a href="#"><?php echo $cols1[4];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[6];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[8];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[10];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[12];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[14];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single">
<h6>Sonde 2</h6>
<ul>
<li>
<a href="#"><?php echo $cols1[17];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[19];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[21];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[23];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[25];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[27];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single">
<h6>Sonde 3</h6>
<ul>
<li>
<a href="#"><?php echo $cols1[30];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[32];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[34];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[36];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[38];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[40];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single">
<h6>Sonde 4</h6>
<ul>
<li>
<a href="#"><?php echo $cols1[43];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[45];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[47];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[49];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[51];?></a>
</li>
<li>
<a href="#"><?php echo $cols1[53];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
</div>
</li>
<li class="cr-megamenu">
<a id="aa" href="javascript:;" style="color: white;">Silo 3 <span id="spanclignote" style="background-color:white; min-height: 25px;min-width: 30px;position:fixed; " class="badge badge-danger ml-2">
<img id="clignote" src="../img/close.png"></span></a>
<div class="cr-megamenu-wrap" style="height: 550px; width: 1000px;">
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single" >
<h6>Sonde 1</h6>
<ul>
<li>
<a href="#"><?php echo $cols2[4];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[6];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[8];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[10];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[12];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[14];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single">
<h6>Sonde 2</h6>
<ul>
<li>
<a href="#"><?php echo $cols2[17];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[19];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[21];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[23];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[25];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[27];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single">
<h6>Sonde 3</h6>
<ul>
<li>
<a href="#"><?php echo $cols2[30];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[32];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[34];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[36];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[38];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[40];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single">
<h6>Sonde 4</h6>
<ul>
<li>
<a href="#"><?php echo $cols2[43];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[45];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[47];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[49];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[51];?></a>
</li>
<li>
<a href="#"><?php echo $cols2[53];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
</div>
</li>
<li class="cr-megamenu">
<a id="aa" href="javascript:;" style="color: white;">Silo 4 <span id="spanclignote" style="background-color:white; min-height: 25px;min-width: 30px;position:fixed; " class="badge badge-danger ml-2">
<img id="clignote" src="../img/close.png"></span></a>
<div class="cr-megamenu-wrap" style="height: 550px; width: 1000px;">
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single">
<h6>Sonde 1</h6>
<ul>
<li>
<a href="#"><?php echo $cols3[4];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[6];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[8];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[10];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[12];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[14];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single">
<h6>Sonde 2</h6>
<ul>
<li>
<a href="#"><?php echo $cols3[17];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[19];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[21];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[23];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[25];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[27];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single">
<h6>Sonde 3</h6>
<ul>
<li>
<a href="#"><?php echo $cols3[30];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[32];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[34];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[36];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[38];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[40];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single">
<h6>Sonde 4</h6>
<ul>
<li>
<a href="#"><?php echo $cols3[43];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[45];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[47];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[49];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[51];?></a>
</li>
<li>
<a href="#"><?php echo $cols3[53];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
</div>
</li>
<li class="cr-megamenu">
<a id="aa" href="javascript:;"style="color: white;">Silo 5 <span id="spanclignote" style="background-color:white; min-height: 25px;min-width: 30px;position:fixed; " class="badge badge-danger ml-2">
<img id="clignote" src="../img/close.png"></span></a>
<div class="cr-megamenu-wrap" style="height: 550px; width: 1000px;">
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single">
<h6>Sonde 1</h6>
<ul>
<li>
<a href="#"><?php echo $cols4[4];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[6];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[8];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[10];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[12];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[14];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single">
<h6>Sonde 2</h6>
<ul>
<li>
<a href="#"><?php echo $cols4[17];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[19];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[21];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[23];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[25];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[27];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single">
<h6>Sonde 3</h6>
<ul>
<li>
<a href="#"><?php echo $cols4[30];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[32];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[34];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[36];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[38];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[40];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
<!-- Megamenu Single Block -->
<div class="cr-megamenu-single">
<h6>Sonde 4</h6>
<ul>
<li>
<a href="#"><?php echo $cols4[43];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[45];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[47];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[49];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[51];?></a>
</li>
<li>
<a href="#"><?php echo $cols4[53];?></a>
</li>
</ul>
</div>
<!--// Megamenu Single Block -->
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</header>
<!-- //Header -->
</div>
<!-- JS Files -->
<script src="js/vendor/jquery-3.3.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/active.js"></script>
<script src="js/scripts.js"></script>
<script src="../js/js_fan/script-min.js"></script>
<script>
var refreshIntervalId=setInterval(load_menu,5000);
function load_menu(){
$(".menu").load(" .menu");
}
function openNav() {
document.getElementById("myNav").style.display = "block";
}
function stoprefresh(){
clearInterval(refreshIntervalId);
}
function closeNav() {
document.getElementById("myNav").style.display = "none";
load_menu().stop();
}
function FaireClignoterImage (){
$("#clignote").fadeOut(900).delay(300).fadeIn(800);
}
$(document).ready(function(){
setInterval('FaireClignoterImage()',2200);
});
</script>
</body>
</html>
jordane45
Messages postés
38241
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 septembre 2024
4 689
22 mai 2019 à 23:51
22 mai 2019 à 23:51
Déjà, le session_start est à mettre au tout début de ton code
Ensuite active l'affichage des erreurs php :
https://forums.commentcamarche.net/forum/affich-37584947-php-gestion-des-erreurs-debogage-et-ecriture-du-code
Vu que ta page contient également du JS... regarde dans la console du navigateur si rien ne s'affiche.
Penses aussi à vérifier tes différents 'includes".
Au passage, au lieu de faire des "include" je t'invite plutôt à faire des require_once
Ensuite active l'affichage des erreurs php :
https://forums.commentcamarche.net/forum/affich-37584947-php-gestion-des-erreurs-debogage-et-ecriture-du-code
Vu que ta page contient également du JS... regarde dans la console du navigateur si rien ne s'affiche.
Penses aussi à vérifier tes différents 'includes".
Au passage, au lieu de faire des "include" je t'invite plutôt à faire des require_once
22 mai 2019 à 23:23
22 mai 2019 à 23:34
Ensuite, merci de répondre à toutes les questions.... surtout sur celle concernant ton code.
Attention, Avant de nous poster ton code, merci de lire ceci : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
.