Voici une nouvel version de joueur en ligne:
Fonction:
-Quand le serveur est OFF un text indique qu'il y a aucun joueurs car el serveur est OFF
-Introduction d'un spoiler
-Donne le nom de joueur connecté et son level
-Barre de progression qui bah progresse
Codons !
Créez une page nommé : barre.php et introduisez ce code:
Code PHP :
<?php
/**
* @author deathart
* @copyright 2010
* @For: Zone-emu & World Of Metabollique
*/
require_once("kernel/config.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<link rel="stylesheet" href="css/barre.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/spoiler.js"></script>
</head>
<body>
<?php
if (! $sock = @fsockopen($host, $port, $num, $error, 5))
// Si il est hors ligne
echo 'Aucun joueur car le serveur est OFF';
else{
mysql_connect($host, $user, $pass);
mysql_select_db ($characters) or die (mysql_error());
$a = mysql_query("SELECT * FROM `characters` WHERE `online` = '1'");
$b = mysql_num_rows($a);
$total = 100;
$pourcent = ( 100 / $total ) * $b;
$width = ( $pourcent / 100 ) * 167;
echo "<div class='bg-barre'><div class='joueur' style='width: ";
echo $width;
echo "px;'> </div><div class='textbarre'><b>Joueur(s) co : ";
?>
<a href="#" onclick="spoiler('1')">
<?php
echo "".$b."</a>";
echo(' / ');
echo $total;
echo('</b></div></div>');
?>
<div id='1' style='display:none; border:0px solid #666'>
<?php
$result = mysql_query('SELECT count(online) FROM `characters` WHERE `online` = 1');
$row = mysql_fetch_array($result);
$retour = mysql_query("SELECT COUNT(*) AS nbre FROM characters WHERE online = 1");
$donnees = mysql_fetch_array($retour);
$nbreconnect = $donnees['nbre'];
if ($nbreconnect >=1) { ?>
<table border="1px">
<tr>
<td width="100"><div align="center"><span><b>Pseudo</b></span></div></td>
<td width="100"><div align="center"><span><b>Niveau</b></span></div></td>
</tr>
<?php
$reponse = mysql_query("SELECT * FROM characters WHERE online = 1");
while ($donnees = mysql_fetch_array($reponse) )
{
?>
<tr>
<td><div align="center"><span><?php echo $donnees['name']; ?></span></div></td>
<td><div align="center"><span><?php echo $donnees['level']; ?></span></div></td>
</tr>
<?php
}
}
?>
</table>
<?php
echo('</body></html> ');
fclose($sock);
}
?>
Créez un dossier css et créez une page nommé : barre.css et introduisez ce code:
Code :
.bg-barre {
z-index:0;
background-image:url(../images/barrefond.png);
width:205px;
height:20px;
font-size:11px;
margin-left:12px;
}
.joueur {
z-index:1;
position:absolute;
margin-left:3px;
margin-top:3px;
height:15px;
opacity:10;
filter : alpha(opacity=10) ;
background-image: url('../images/barrecolor.png') ;
background-repeat: repeat-x;
}
.textbarre {
color: 99F;
padding:2px 2px 2px 12px;
z-index:2;
font-size:11px;
position:absolute;
margin-left:20px;
}
Créez un dossier kernel et créez une page nommé : config.php et introduisez ce code:
Code PHP :
<?php
/**
* @author deathart
* @copyright 2010
* @For: Zone-emu & World Of Metabollique
*/
$host = "127.0.0.1";
$user = "login";
$pass = "motsdepass";
$characters = "characters";
$connect = TRUE; // Autoriser ou non la connexion
$port = "8085"; // Port du serveur
?>
Créez un dossier js et créez une page nommé : spoiler.js et introduisez ce code:
Code :
function spoiler(leId){
var MonElement = document.getElementById(leId)
if(MonElement.style.display == "none"){
MonElement.style.display = "block";
}
else{
MonElement.style.display = "none";
}
}
Et pour finir les images:
Creez un dossier images et mettez y 2 images:
Voili voilou ! n'oubliez pas de changez les identifiants !
Pour les fainéant comme moi
Voici un rar:
https://compile-deathar.svn.sourceforge..../barre.rar
Cordialement,
Deathart