Location: PHPKode > scripts > imagination > imagination/index.php
<?php
include('acces.inc.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Votez pour les images qui vous plaisent :))</title>
<link rel="StyleSheet" type="text/css" href="index.css" />

<script type="text/javascript" src="imagination.js"></script>

<style type="text/css">
img.gal {width:60px}
td.gal {width:100px}
a {color:black}
a:hover {color:red}
td {border:solid 2px orange;text-align:center;vertical-align:bottom;background:rgb(100,100,100);font-weight:bold}
tr {text-align:center}
input {background:rgb(100,100,100);font-weight:bold;color:white}
</style>
</head>
<body>

<div class="topo">Evidemment, le contenu de cette 'galerie' n'a rien a voir avec ce qu'on trouve généralement dans ce genre d'endroits...<br />
D'ailleurs, vous verrez vous-même qu'aucune image agrandie n'est prévue.<br />
Mais bon, le graphisme c'est pas mon boulot après tout ^_^
</div>
<div>
<a name="menu"></a>
</div>
<?php
$ip=$_SERVER['REMOTE_ADDR'];
$id=$_GET['id'];
$vote=$_GET['vote'];
if((!empty($vote))&&((ereg('[^0-9]',$vote)!=false) || ($vote > 20)))die('perdu...');

if((!empty($id))&&(!empty($vote))){
$ip2=mysql_query("select id from ip  where ip like '%$ip%' and id='$id'");
$ip3=mysql_num_rows($ip2);
if($ip3==0){
$ip4=mysql_query("select ip from ip  where id='$id'");
$ip5=mysql_fetch_array($ip4);
$ip6=$ip5[0];
$ip7=$ip6.' '.$ip;
mysql_query("update ip set ip='$ip7' where id='$id'");
mysql_query("update image set nombre=nombre + 1,vote=vote + $vote where id='$id'");
$sel=mysql_query("select vote,nombre from image  where id='$id'");
$sel2=mysql_fetch_array($sel);
mysql_query("update image set moyenne='$sel2[0]' / '$sel2[1]' where id='$id'");}; 
};

$b=0;
$tot=0;
$fin=12;
$messi=mysql_query("select id from image")or die("échec de la requête");
$total=mysql_num_rows($messi);

if(empty($_GET['debut'])) {$debut = 0;}
else {$debut=$_GET['debut'];};

$apres="$debut"+"$fin";
$avant="$debut"-"$fin";

// les images sont affichées selon leur indice d'entrée (ce qui revient à les classer chronologiquement)
// on peut par exemple les afficher par nom: 'order by image'
$messb=mysql_query("select * from image order by id LIMIT $debut,$fin")or die("échec de la requête"); 
$mess3=mysql_num_rows($messb);
?>
<div style="text-align:center">
<hr class="corps" />

<table style="margin-left:auto;margin-right:auto;border:3px double yellow">
<?php
while ($mess2=mysql_fetch_array($messb)){
$pt=$vignettes.$mess2[1];
$gr=str_replace($vignettes,$grandes,$pt);
$tot++;
if(($tot - 1)% $lign == 0){
$ta='<tr>'."\n";}
else{
$ta='';};
if($tot % $lign == 0){
$ta2='</tr>'."\n";}
else{
$ta2='';};
// la largeur des cellules est réglée sur 100, la largeur des images sur 60, 
// dans la définition de style (haut de page)
// à paramétrer comme vous le souhaitez
echo $ta.'<td class="gal"><a href="#" onclick="win2=window.open(\''.$gr.'\',\'grande\');win2.focus()"> <img class="gal" src="'.$pt.'" alt="agrandir" /></a><p style="color:white">votes: '.$mess2[3].'<br />moyenne:  '.$mess2[4].'</p><a href="#inc" onclick="document.getElementById(\'id\').value='.$mess2[0].';document.getElementById(\'im\').src=\''.$pt.'\'">voter</a></td>'.$ta2."\n";
};
if($mess3 % $lign !=0){
echo '</tr>'."\n";};
?>
</table>
<hr />
<p>
<?php
// les liens vers les différentes pages s'affichent dès que le nombre d'images
// dépasse le total prévu par page.
if($debut>0){echo '<a href="'.$PHP_SELF.'?debut='.$avant.'">précédente</a> - ';};
if($total>$apres){echo '<a href="'.$PHP_SELF.'?debut='.$apres.'">suivante</a>';};
echo '<br />';
if($total>$fin)for($i=0;$i<$total;$i+=$fin){$b++;echo '<a href="'.$PHP_SELF.'?debut='.$i.'">'.$b.' - </a>';
};
?>
</p>
<hr />
<p><a name="inc" class="accueil"href="#menu">Vous votez pour cette image:</a></p>
<!-- image par défaut dans la zone de vote -->
<img id="im"src="inconnue.gif"width="80px" alt="" />
<form id="form" method="get"action="<?php print $PHP_SELF;?>">
<div>
<input type="hidden" name="id" id="id" />
<input type="hidden" name="debut" id="debut" value="<?php echo $debut;?>" />
<select name="vote"style="background:rgb(100,100,100);font-weight:bold;color:white">
<?
for($i=0;$i<21;$i++){
echo '<option value="'.$i.'">'.$i.'</option>'."\n";};
?>
</select>
<input type="submit"value="voter" />
</div>
</form>
<hr />
<br />
<table style="margin-left:auto;margin-right:auto;border:1px double yellow">
<caption style="margin-left:auto;margin-right:auto;color:yellow;font-weight:bold;font-size:18">Top 5</caption>
<tr align="center">
<td style="color:white;font-size:18;width:50%">images</td>
<td style="color:white;font-size:18;width:50%">note</td>
</tr>
<?php
$top=mysql_query("select id,image,moyenne from image order by moyenne desc limit 5 ");
while ($top2=mysql_fetch_array($top)){
$pt2='vignettes/'.$top2[1];
echo '<tr><td style="font-size:18"><a href="#inc" onclick="document.form.id.value='.$top2[0].';image.src=\''.$pt2.'\'"><img src="'.$pt2.'" alt="voter" /></a></td><td>'.$top2[2].'</td></tr>'."\n";}; 
?>
</table>
<br />
</div>
<script type="text/javascript">
//********************************
// gestionnaire d'événement
// à supprimer si vous ne vous servez pas du script en haut de page
for(i=0; i != document.images.length; i++){
// entrez adresse de l'image par défaut dans la zone de vote
if(document.images[i].src.search('inconnue.gif')==-1){
document.images[i].onmouseover=on;
document.images[i].onmouseout=off;
}}
//********************************
</script>

<p>
<input class="bouton" type="button" value="espace admin"onclick="location.href='admin.php'" />
<br />
<input class="bouton" type="button"value="imagination.zip" title="Téléchargez l'appli!" onclick="location.href='http://javatwist.imingo.net/imagination.zip'" />
</p>

<p style="margin-top:50px;color:white;clear:left">
<span style="color:black">© 2002 Freddy </span> - JavaTwisting people
</p>

<p>
<a href="http://validator.w3.org/check?uri=referer">
<img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" height="31px" width="88px" />
</a>
</p>

</body>
</html>
Return current item: imagination