Discussion :

[Julien Lems]

Bonjour à tous et une bonne année.

Je m'excuse d'avance si mon post se trouve dans la mauvaise section, je suis pas très doué avec les forums.

Je me permets de vous solliciter car j'ai un petit peu de mal sur un sujet.


L'idée :

Je voudrais récupérer à l'aide un onclick, via une URL (par exemple : http://www.prevision-meteo.ch/servic...6.259lng=5.235), des informations afin de les intégrées dans une div sur une page de mon site web.
Et pour finir, lui donner un affichage correct, à la manière de JSON PARSER online


Si vous avez une idée, je suis preneur, car je ne trouve pas grand chose sur le net.


Je vous remercie pour votre attention, et vous souhaite une bonne journée.

[Vil'Coyote]

tu peux expliquer un poil mieux ?

tu souhaite faire quoi? cliquer n'importe où et récupérer des données à endroit bien spécifique via une url ? ou autre chose?

[Julien Lems]

Bonjour Vil'coyote,

Merci de prendre le temps de répondre, c'est sympa.


Je vais tenter d'être plus clair :

1- J'appuie sur un bouton
2- Le fait d'appuyer sur ce bouton appel une url (celle donnée plus haut : pour les prévisions météos)
3- Je voudrais que les infos qui me sont retournées par le lien (Format JSON) soit affichés dans une <div>

C'est un peu mieux ou pas ?


Cette étape passée, je m'attaquerais à la mise en forme du contenu.


Merci et bonne journée.

[Vil'Coyote]

oui en effet c'est mieux ^^
donc tu peux utiliser jquery, pour appeler ton url et recevoir ainsi que traiter le contenu retourner en json.

[Julien Lems]

Merci de ta patience :-)

As tu une ou deux piste à tout hasard ?

[autran]

Tu peux aussi requeter sur ton site météo en ajax : tu passes en second paramètre de ta méthode xhr.open() l'url de meteo-france.
et dans la fonction de callback tu parse le contenu JSON que te retourne le site

Qu'en penses tu ?

[Julien Lems]

Merci à vous deux,

J'ai réussi à trouver un bout de code sur le net :-)
Merci encore.
A placer dans le head :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
 
            $("#meteo").click(function(event){
               $.getJSON('http://www.prevision-meteo.ch/services/json/lat=48.858lng=2.292.json', function(jd) {
                  $('#stage').html('<p>Date : ' + jd.current_condition.date + ' Heure : ' + jd.current_condition.hour + '</p>');
                  $('#stage').append('<p>Heure : ' + jd.current_condition.hour + '</p>');
                  $('#stage').append('<p>Température Actuelle : ' + jd.current_condition.tmp + ' °C</p>');
                  $('#stage').append('<p>Vitesse du vent : ' + jd.current_condition.wnd_spd + ' km/h</p>');
                  $('#stage').append('<p> Rafale de vent : ' + jd.current_condition.wnd_gust + ' km/h</p>');
                  $('#stage').append('<p>Direction du vent : ' + jd.current_condition.wnd_dir + '</p>');
                  $('#stage').append('<p> Préssion Atmosphérique : ' + jd.current_condition.pressure + ' mBar</p>');
                  $('#stage').append('<p>Taux d\'humidité : ' + jd.current_condition.humidity + ' %</p>');
                  $('#stage').append('<p> Condions météo du jour : ' + jd.current_condition.condition + '</p>');
               });
            });
 
         });
</script>