Cherche plugging d'intégration des informations de balise metéo

#21

y a pas de soucis , comme je dis souvent , on est des bénévoles , faut pas nous mettre la pression sauf celle du bar :dent:

je te mets un modèle du site
http://idata.over-blog.com/2/98/55/21/pierrot/exemple-site.jpg

et ce que j avais trouvé sympa avec parapark.fr , c’est le modèle à intégrer
http://idata.over-blog.com/2/98/55/21/pierrot/balise.jpg
mais surtout qu’il se dimensionnait automatiquement et que l’on pouvait aussi cliquer dessus pour l’avoir plus grand et plus d’info.

Voila , y a pas le feu , rien d’urgent , rien d’obligatoire mais souvent les visiteurs du site me disait , put’1 , c’est cool tes balises ( moi j’y étais pour rien ) mais depuis qu’elles y sont plus , put’1 , c’est le borde… , y a rien qui marche , non j’plaisante .

#22

C’était plus simple que je croyais, mais je sais toujours pas ce que tu cherches…

Voilà les 3 formes de widget. Le dernier est le widget type balisemeteo.fr .
Ils ont les mêmes fonctionnalités :

  • Si tu passes la souris dessus sans cliquer, ils t’affichent les détails du relevé,
  • Si tu cliques dessus, ils t’ouvrent une nouvelle fenêtre avec la page balisemeteo de ta balise.

La page de démo est là :
http://www.parapente-guyane.com/widgetbalise/
avec 2 tailles différentes pour le widget fédéral (juste pour montrer qu’on peut lui donner la taille qu’on veut).

Côté technique, c’est toujours 4 à 6 lignes à renseigner (id balise, nom de la balise, type de widget, largeur widget, rafraichissement auto et fuseau horaire, Guyanais oblige…) et insérer dans le code de vos pages. Le fichier widget et le répertoire des pictos et css sont à déposer sur votre site (un peu moins de 100 Ko, pictos compris).

#23

perso , c’est le widget fédéral le plus petit qui m’irait bien donc suis intéressé par le code :dent:

merci pour la rapidité

#24

Euh, c’est les mêmes fichiers pour tous les widgets. C’est toi qui configures comme tu veux. Je fais un fichier avec les instructions, je pose une archive zip sur le site et je te tiens au courant.

#25

Les fichiers sont là :
http://www.parapente-guyane.com/widgetbalise/widgetbalise.zip

Mettez un petit mot ici si vous l’installez sur votre site.

#26

Bon, je vois que personne n’a utilisé le widget.

Donc, je suis allé voir vos pages et je m’aperçois qu’elles sont en html. Or, pour que le widget fonctionne, il faut que les pages soient en php. C’est à peu près la même chose, mais pas tout à fait.
Dans une page “meteo.html”, le code html sera interprété mais pas le code php.
Dans une page “meteo.php”, les codes html et php seront interprétés (vous pouvez mixer les 2 codes)

J’ai un peu modifié les choses pour que vous puissiez vous en sortir.
Allez voir sur http://www.parapente-guyane.com/widgetbalise/instructions.php au chapitre des questions/réponses pour voir si vous trouvez une solution acceptable.

#27

merci pour les explications mais pour moi , je dois foiré qq part et ça me saoule , autant j’peux passer des heures à monter des images vidéos etc etc , là j ai pas de patience , mais en tout cas , merci à toi de prendre le temps de t’être pencher sur le pb et d’essayer de nous trouver des soluces :+1:

#28

Allez, un dernier essai, y’a pas plus simple que du copier-coller.

Tu copies-colles ça dans ta page sous “Un super site de meteo Rasp” à la place de tes balises :

Balise Ste victoire

Balise Oraison

Balise Signes

Balise de Rustrel

Ça te donnera des images des 4 balises, qui renverront vers balisemeteo.com sur une nouvelle page si tu cliques dessus. La différence avec le widget, c’est que ça n’affiche pas les infos détaillées quand tu passes dessus avec la souris. un exemple de ce que tu retrouveras dans ta colonne de droite : http://www.parapente-guyane.com/widgetbalise/wb2.php

Si c’est trop étroit ou trop large, tu changes width=“200” et tu mets ta valeur préférée en pixels.

Pour ajouter d’autres balises, tu suis le modèle :

Nom de la balise

Avec
XXX : numéro de balise selon balisemeteo.com
YYY : largeur de l’image en pixels
Nom de la balise : Nom de la balise… mouarf

#29

le top ;exactement ce que je cherchais :dent:
t’es un champion , alors je te suis mega redevable avec tous ceux qui viennent checker les balises sur notre site
donc :trinq: et :bravo: sans oublier karma+

le resultat mi colonne de droite
http://www.provencedelta.com/

un merci de la part des bâches à tube :mdr:

#30

Ravi que ça te plaise.

J’avais oublié qu’il n’y avait pas non plus de rafraichissement automatique en utilisant ce code. Si tu veux que les balises se mettent à jour automatiquement, repère la balise qui doit être tout en haut de ta page html. Et entre cette balise et , tu colles :

Le chiffre de 1200 est un temps en secondes. Ta page se rafraichira ainsi toute seule toutes les 1200/60=20 minutes, mais tu peux réduire ou augmenter ce chiffre comme tu veux. En phase de test, je le mets sur 10 secondes !!!

#31

ça suffit amplement , si le lecteur veut plus d’info et de lisibilité , il suffit qu’il clique dessus
la fonction était de donner ou confirmer une tendance rapidement et c’est fait exactement comme on voulait :dent:

encore merci pour le boulot car je sais que le résultat demande bcp de test, d’essai etc etc :trinq:
Si tu passes vers le coin de Salon de Provence , fais moi signe , on te doit une :trinq: meme une mega :trinq:
et crois moi , on a des ressources

http://idata.over-blog.com/2/98/55/21/pierrot/IMAGE-DIVERS1/2013-01-12-09.11.58.jpg

Encore un grand merci :+1:

#32

Salut Gilou, peux tu me dire comment les aligner au lieu de les avoir les un par dessus les autres ??

http://marseille-parapente.fr/meteo/

Bises

Jc

#33

Au dessus de chaque balise tu ajoutes :

<div align="center" style="float:left; position:relative">

et à la fin de chaque balise

</div>
#34

Ce qui donne au final pour chaque balise :

Nom de la balise

Avec
XXX : numéro de balise selon balisemeteo.com
YYY : largeur de l’image en pixels
Nom de la balise : Nom de la balise… mouarf

Et si tu veux le nom de la balise au-dessus du graphique, tu mets la ligne 4 entre la ligne 1 & 2.

#35

Donc…

http://marseille-parapente.fr/meteo/

Super !!

et si je veux centrer le tout dans la page ??

Bises

#36

Pour obtenir ça ? http://www.parapente-guyane.com/widgetbalise/mp.html

Tu as juste une ligne à ajouter au dessus et en dessous des lignes qui commandent les balises. Et ça donne ça :

Balise Signes

<img alt="" src="http://www.balisemeteo.com/graphs/graph_vent.php?idBalise=106" width="400" /></a></p>
</div>
<div style="float: left; position: relative; margin: 5px;" align="center">
<h2><span style="color: #888888;">Balise Ste Victoire</span></h2>
<p><a href="http://www.balisemeteo.com/balise.php?idBalise=134" target="_blank">

<img alt="" src="http://www.balisemeteo.com/graphs/graph_vent.php?idBalise=134" width="400" /></a></p>
</div>

#37

Et si tu veux mettre les images en 350 pixels (c’est la taille originale de balisemeteo.com)

Balise Signes

<img alt="" src="http://www.balisemeteo.com/graphs/graph_vent.php?idBalise=106" width="350" /></a></p>
</div>
<div style="float: left; position: relative; margin: 5px;" align="center">
<h2><span style="color: #888888;">Balise Ste Victoire</span></h2>
<p><a href="http://www.balisemeteo.com/balise.php?idBalise=134" target="_blank">

<img alt="" src="http://www.balisemeteo.com/graphs/graph_vent.php?idBalise=134" width="350" /></a></p>
</div>

#38

Trop fort…

VOLEUR !!!

Nan je déconne.

En revanche, j’ai ça qui n’apparait plus sur la page alors que c’est toujours présent dans l’éditeur :

Tu vois la faute ??

#39

Non, pas vraiment, mais si tu fais tout bien comme sur le site windguru, tu remplaces ce que tu as écrit par :

 

Et miracle, ça fonctionne… http://www.parapente-guyane.com/widgetbalise/mp.html

#40

Bonjour Gilles !

Je souhaiterais pouvoir utiliser tes widgets balises dans mon site. Celui-ci est sur base Wordpress…

J’ai trouvé un plugin me permettant d’insérer un bout de code PHP, cependant cela ne semble pas fonctionner en copiant juste le code. I
il faut que les fichiers soient présents dans le dossier de la page comme expliqué, je suppose. Cependant, wordpress fonctionnant avec SQL, je n’ai pas de page html pour chaque contenu…

Saurai tu comment je peux m’en sortir dans ce cas ?

Sachant que je suis loin d’être programmeur. Juste bidouilleur averti avec Wordpress…

Merci d’avance !