J'en ai déjà parlé dans les précédents posts, je suis en train de créer un système qui permet aux utilisateurs de mon site de reporter leurs observations météo actuelles.
Grâce à beaucoup d'aide (principalement sur ce forum
), j'arrive presque à mon but, il me reste un seul problème...J'ai publié pour que cela soit plus simple à comprendre : http://com41.fr/V7/observations.html
Donc voilà le problème :
J'ai réussi comme vous le voyez à afficher les données de la base de données dans un tableau, et à afficher les infos de la dernière ligne de la table sur la carte…
Par exemple ici, il y a une observation sur Chartres, mais c'est la seule ! J'aimerais pouvoir afficher les dernières observations de l'heure sur la carte, donc aussi celles de Sargé, Blois etc. ...
Voici le code qui affiche la carte :
<html>
<body>
<img src="http://com41.fr/V7/observations/carte2.png" height="740" width="600" >
<?php
//connexion au serveur:
$cnx = mysql_connect( "SERVEUR", "IDENTIFIANT", "MDP" );
//sélection de la base de données:
$db= mysql_select_db( "BDD" );
//création de la requête SQL:
$sql = "SELECT * FROM observations order by heure desc";
//supression au cas ou l'utilisateur ai spécifié un nom de ville vide
$sup = "DELETE FROM observations WHERE ville='' ";
$rq = mysql_query($sup) or die ('Erreur : '.mysql_error());
//exécution de notre requête SQL:
$requete = mysql_query( $sql, $cnx ) or die ( "ERREUR MYSQL numéro: ".mysql_errno()."<br>Type de cette erreur: ".mysql_error()."<br>\n" );
//récupération des données et association à des variables avec mysql_fetch_array() :
$result = mysql_fetch_array( $requete ) ;
$obscarte=( $result["obs"] );
$villecarte=( $result["ville"] );
$comcarte=( $result["commentaires"] );
$coordx=( $result["coordsx"] );
$coordy=( $result["coordsy"] );
$URLimg=( $result["url_img"] );
$heure=( $result["heure"] );
//fermer la connexion
mysql_close();
// Affichage de la carte :
if($coordx > 300){
echo'
<SPAN style="position: absolute; top: '.$coordy.' px; left: '.$coordx.' px;">
<style>a.info { position:relative; z-index:24; color:#FFFFFF0; text-decoration:none } a.info:hover { z-index:25; background-color:#FFFFFF0 } a.info span { display: none } a.info:hover span { display:block; position:absolute; top:-2em; left:-12em;
width:10em; border:1px solid #D3D3D3; background-color:#F9F9F9; color:#000000; font-weight:none; padding: 5px; border-radius: 3px; }</style>
<a href="#" style="text-decoration:none;" class="info">
<img src="'.$URLimg.'"/>
<span>
<center>
<b><u><font color="#62B2EF">'.$villecarte.'</font></u></b> <br>
<font color="#C0C0C0">'.$heure.'</font> <br>
</center>
</br>
<center>
<b>'.$obscarte.'</b> <br>
___________________ <br>
</br>
<EM>'.$comcarte.'</EMBED>
</center>
</span>
</a>
</span>
';
}
elseif($coordx < 300){
echo'
<SPAN style="position: absolute; top: '.$coordy.' px; left: '.$coordx.' px;">
<style>a.info { position:relative; z-index:24; color:#FFFFFF0; text-decoration:none } a.info:hover { z-index:25; background-color:#FFFFFF0 } a.info span { display: none } a.info:hover span { display:block; position:absolute; top:-2em; left:2em;
width:10em; border:1px solid #D3D3D3; background-color:#F9F9F9; color:#000000; font-weight:none; padding: 5px; border-radius: 3px; }</style>
<a href="#" style="text-decoration:none;" class="info">
<img src="'.$URLimg.'"/>
<span>
<center>
<b><u><font color="#62B2EF">'.$villecarte.'</font></u></b> <br>
<font color="#C0C0C0">'.$heure.'</font> <br>
</center>
</br>
<center>
<b>'.$obscarte.'</b> <br>
___________________ <br>
</br>
<EM>'.$comcarte.'</EMBED>
</center>
</span>
</a>
</span>
';
}
else {
echo'
<SPAN style="position: absolute; top: '.$coordy.' px; left: '.$coordx.' px;">
<style>a.info { position:relative; z-index:24; color:#FFFFFF0; text-decoration:none } a.info:hover { z-index:25; background-color:#FFFFFF0 } a.info span { display: none } a.info:hover span { display:block; position:absolute; top:-2em; left:2em;
width:10em; border:1px solid #D3D3D3; background-color:#F9F9F9; color:#000000; font-weight:none; padding: 5px; border-radius: 3px; }</style>
<a href="#" style="text-decoration:none;" class="info">
<img src="'.$URLimg.'"/>
<span>
<center>
<b><u><font color="#62B2EF">'.$villecarte.'</font></u></b> <br>
<font color="#C0C0C0">'.$heure.'</font> <br>
</center>
</br>
<center>
<b>'.$obscarte.'</b> <br>
___________________ <br>
</br>
<EM>'.$comcarte.'</EMBED>
</center>
</span>
</a>
</span>
';
}
?>
</body>
</html>
Merci si vous avez une solution
Thib
