Insertion des pages Highcharts

Ce forum est dédié aux discussions qui concernent les graphiques réalisés avec la librairie Highcharts, Une question, un bug ?

Modérateurs : jturlier, Météo Villarzel

Répondre
courtil
Messages : 54
Enregistré le : 25 mai 2014, 14:31
Localisation : Pas de Calais - France
Contact :

Insertion des pages Highcharts

Message par courtil » 11 août 2014, 15:57

Bonjour à tous ,

Petit problème d'insertion

Soit en utilisant "include" ou "Iframe" la page appelée s'affiche en haut de l'écran
du Navigateur , plus possible d'accéder au menu et affichage de base de la page


Peu importe l'endroit ou je fais l'appel sauf juste après le "body"

Aucune erreur détectée par le php ou Html5 ( ici en local) ??

Vos lumières si vous avez un peu de temps

Cordialement

Michel
OS : Windows 11
Station Météo : Vantage PRO2
Cumulus version 313.3 version 3148
http://meteo621.free.fr/

Avatar du membre
Météo Villarzel
Administrateur du site
Messages : 524
Enregistré le : 06 févr. 2014, 09:48
Contact :

Re: Insertion des pages Highcharts

Message par Météo Villarzel » 11 août 2014, 16:09

Salut Michel,
Peu importe l'endroit ou je fais l'appel sauf juste après le "body"
Pas très clair ton explication :roll: un Ifrane se met entre les balises "body" c'est le corps de ta page

Les balises <BODY>...</BODY> encadrent le corps du document HTML, c'est-à-dire le contenu proprement dit.
Tout ce qui sera inséré dans votre page ( textes, images, sons, hyperliens, listes, tableaux, Iframe etc... ) sera défini entre ces deux balises.

Autrement un exemple de ton problème serais le bienvenu.

A+
Station Vantage Pro2+ avec station agricole - Weatherlink - GraphWeather 3.0.15b - Cumulus 1.9.4 - Windows 7/64
Graphique dynamique à partir d'une bd MySql - VP2SQL

Image

courtil
Messages : 54
Enregistré le : 25 mai 2014, 14:31
Localisation : Pas de Calais - France
Contact :

Re: Insertion des pages Highcharts

Message par courtil » 11 août 2014, 17:16

Re Pierre Anfré,

je te donne copie de la page : temperature_48h.php qui accueille le script "48h_temperature_inc.php"

à l''endroit indiqué dans le corps du fichier : l' affichage du graph se fait en haut de page en écrasant le menu et toute la suite ....


**********************************************************************

<!DOCTYPE html>
<html LANG="fr">
<head>
<title>
Graphique des temp&#233;ratures sur 48H
</title>
<meta charset="utf-8">
<link rel="shortcut icon" href="logos/icone.ico">
<meta name="keywords" content="m&#233;t&#233;o du jour, accueil, &#233;ph&#233;m&#233;ride, m&#233;t&#233;o actuelle">
<meta name="description" content= "Donn&#233;es m&#233;t&#233;o les plus r&#233;centes pour la r&#233;gion du Ternois">
<meta name="author" content="Courtil-2014">
<meta name="keywords" content= "M&#233;t&#233;o,Temps,Temp&#233;rature,Ternois,Croisette,St Pol sur Ternoise,Qualit&#233; de l'air,Jardins,Pas de Calais">
<meta name="revisit-after" content="30">
<meta name="robots" content= "all,index,follow,noimageindex,freesurvey">
<link rel="stylesheet" href="style.css" TYPE="text/css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/highcharts.js"></script>
<script type="text/javascript" src="js/themes/grid.js"></script>
<script type="text/javascript" src="js/modules/exporting.js"></script>


<!-- important pour que les vieux navigateurs ne comprennent pas le CSS -->

<script TYPE="text/javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appname=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>

<body>

<div id="container">

<header>

<div style="text-align:center; color:#000000; font:italic 20px/32px Times New Roman, serif">
Graphique des temp&#233;ratures sur 48H

</div>
<nav>
<?php include 'menu.inc.php';?>

</nav>
</header>
<div id="contenu">

<table class="nav1">
<tr>
<td>

<?php include '48h_temperature_inc.php';?> <----------------------------------insertion du script

</td>
</tr>
</table>

<footer id="page_footer">
<?php include 'foot.inc.php';?>
</footer>
</div>

</div>

</body>
</html>

************************************************************************


Voila ce que je peux en dire ....

Cordialement

Michel
OS : Windows 11
Station Météo : Vantage PRO2
Cumulus version 313.3 version 3148
http://meteo621.free.fr/

Avatar du membre
Météo Villarzel
Administrateur du site
Messages : 524
Enregistré le : 06 févr. 2014, 09:48
Contact :

Re: Insertion des pages Highcharts

Message par Météo Villarzel » 12 août 2014, 08:50

Salut Michel,
ta page fonctionne très bien avec un Iframe

<iframe src="../meteo/graphiques_php/48h_pluie.php" width="910" height="530" scrolling="no" frameborder="0"></iframe>

J'ai juste modifier le nom des fichiers
http://www.boock.ch/meteo/michel.php

A+
Station Vantage Pro2+ avec station agricole - Weatherlink - GraphWeather 3.0.15b - Cumulus 1.9.4 - Windows 7/64
Graphique dynamique à partir d'une bd MySql - VP2SQL

Image

courtil
Messages : 54
Enregistré le : 25 mai 2014, 14:31
Localisation : Pas de Calais - France
Contact :

Re: Insertion des pages Highcharts

Message par courtil » 12 août 2014, 18:39

Bonsoir Pierre André,

Merci de tes infos.

Effectivement le "IFRAME " fonctionne mais j'essaye d'éviter ce tag sous HTML5 !!
je préfère "include" toléré par HTML5 ou alors il faut utiliser "embed" ou "object" ...

J'ai revu ma copie :
Il y avait problème car le tag "container" utilisé dans le script "Highcharts" était déjà utilisé dans ma page !!!
maintenant cela fonctionne
je m'en vais voir la paramétrage de "HIGHCHARTS" pour essayer de confectionner les scripts "maison" mais cela est
un autre problème...

Merci pour tout

Cordialement

Michel
OS : Windows 11
Station Météo : Vantage PRO2
Cumulus version 313.3 version 3148
http://meteo621.free.fr/

Répondre