Author Topic: Problème gauges ( Résolu )  (Read 7184 times)

Offline michel7784

  • New member
  • *
  • Posts: 6
    • Le gheer
Problème gauges ( Résolu )
« on: February 25, 2013, 03:14:50 PM »
Bonsoir Jacques,

pour ne pas polluer le reste du forum anglophone, je me permets de te poser une question hors sujet.
a to de voir s'il faut la basculer vers un autre endroit du formum .
J'ai un petit souci  avec une page dans le gabarit " Weather Blues v2" en php....
J'ai repris ma présentation comme testee sur le  "Blues Meteo", remis mes préféences couleurs etc..., mais au moment de créer une page complémentaire ou je voulais faire apparaître par include une ancenne version des jauges ( Steelgauges), je ne parviens plus, malgré les essais tous azimuts, à faire faire défiler les images du NivoSlider. :P
Bouteille à encre, je n'y vois plus clair....
Ici le lien pour accéder au code des pages si tu veux bien y jeter un oeil : https://www.dropbox.com/sh/htc2qi4rhvh1az3/RC3duy3hUH

La page incriminée est la page empty2.php ou une version un peu différente instruments.php.

Pour y accéder par le menu :http:legheer.be -  observations meteo - station locale ---
en direct : http://legheer.be/meteo3/empty2.php ou http://legheer.be/meteo3/instruments.php

Merci d'éclairer ma lanterne .

Michel
« Last Edit: February 26, 2013, 04:35:07 AM by michel7784 »

Offline Mr.Meteo

  • Administrator
  • Hero Member
  • *****
  • Posts: 1120
    • http://www.meteostours.ca
Re: Problème gauges
« Reply #1 on: February 25, 2013, 04:23:30 PM »
Bonjour Michel,

Ton problème est que tu "inclu" une page web complète
dans une page qui est déjà complète!

Tu dois nettoyer le fichier 'instru.php' et copier certaines lignes
dans le fichier 'empty2.php'.

Tu prends ton fichier 'instru.php' et tu effaces le début au complet,
jusqu'à la balise '<body>' (inclusivement)... et tu effaces les
2 dernières lignes '</body>' et '</html>'.

Dans le fichier 'empty2.php', juste avant '</head>', copie ces lignes:
  <link rel="stylesheet" href="/meteo2/css/gauges-ss.css">
  <link rel="stylesheet" href="/meteo2/css/ddimgtooltip.css">


.... et à la fin, juste avant '</body>', tu copies ces lignes:
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
  <script src="scripts/tween.min.js"></script>
  <script src="scripts/language.js"></script>
  <script src="scripts/steelseries.min.js"></script>
  <script src="scripts/gauges.js"></script>
  <script src="scripts/ddimgtooltip.min.js"></script>


Salutations francophone!
Jacques
Please, consider supporting this site 

Offline michel7784

  • New member
  • *
  • Posts: 6
    • Le gheer
Re: Problème gauges
« Reply #2 on: February 25, 2013, 05:01:30 PM »
Merci Jacques,
j'ai donc dégraissé et même intégré le code de mon fichier Instru.php en tant que code de la page empty2.php.
mais pas plus de succès avec le slider.
Les jauges fonctionnement comme attendu, mais pas le diaporama d'entete.  :(
Dommage.
Bonne journée, ici nous nous couchons il est minuit

Offline Mr.Meteo

  • Administrator
  • Hero Member
  • *****
  • Posts: 1120
    • http://www.meteostours.ca
Re: Problème gauges
« Reply #3 on: February 25, 2013, 05:56:19 PM »
Bonsoir Michel,

Pout ton 'slider', tu n'as pas le "déclencheur" (en rouge

<div id="wrapper">
   <div id="slider-wrapper">       
      <div id="slider" class="nivoSlider">
         <img src="style/header.jpg" alt="" />
         ...
      </div>
   </div>
</div>
<script type="text/javascript" src="lib/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="lib/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
   $(window).load(function() {
   $('#slider').nivoSlider();
   });
</script>


... et finalement par erreur, je t'ai fait dupliquer ces lignes:
  <link rel="stylesheet" href="/meteo2/css/gauges-ss.css">
  <link rel="stylesheet" href="/meteo2/css/ddimgtooltip.css">
(Garde juste 1 copie!)

Amicalement,
Jacques
Please, consider supporting this site 

Offline michel7784

  • New member
  • *
  • Posts: 6
    • Le gheer
Re: Problème gauges
« Reply #4 on: February 26, 2013, 02:16:25 AM »
Merci Jacques,

Grâce à tes explications j'ai pu corriger le tir.   :)
Je m'entêtais à placer le script de démarrage du slider à la suite de l’énumération des images.
Le placer en fin de code juste avant le </body> de fin de page l'a fait démarrer instantanément.
Me voilà un peu plus instruit   8)
On peut donc passer le sujet en (Résolu )
Avec toute ma gratitude

Michel