Interface web et Raspber
Omarb1414a
Messages postés
8
Statut
Membre
-
jordane45 Messages postés 40050 Statut Modérateur -
jordane45 Messages postés 40050 Statut Modérateur -
Bonsoir,
Quand je mets mon interface web sur le serveur locale Lamp dans une Raspberry et je clique pour ouvrer une page de l'interface elle se charge en boucle (
Par contre sur mon pc elle s'ouvre sans problème
Quand je mets mon interface web sur le serveur locale Lamp dans une Raspberry et je clique pour ouvrer une page de l'interface elle se charge en boucle (
Par contre sur mon pc elle s'ouvre sans problème
A voir également:
- Interface web et Raspber
- Web office - Guide
- Navigateur web - Guide
- Création site web - Guide
- K9 web protection - Télécharger - Contrôle parental
- Adresse web exemple - Guide
2 réponses
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 ?
<?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>
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
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
.