message posté le 12 janv 2008 à 12h52
Il neige 200m. plus haut 
- When life gives you lemons ask for tequila and salt
- Endless traveller
- When life gives you lemons ask for tequila and salt
- Endless traveller
Découvrez l'univers PlayStation en cliquant ici.
- When life gives you lemons ask for tequila and salt
- Endless traveller
L'Homme n'est pas fait pour travailler, la preuve: c'est que cela le fatigue (Voltaire)
Je mange du canard à midi
- When life gives you lemons ask for tequila and salt
- Endless traveller
<head>
<title>Ville virtuelle - Construisez votre ville virtuelle ! Jeu de simulation gratuit</title>
<link rel="stylesheet" href="../villevirtuelle.css" type="text/css"/>
</head>
<body bgcolor=#C8E7FC>
<div class="centrageNav">
<table class="contPage">
<tr>
<td class="centrer">
<table class="pageNavigation" cellspacing="0" cellpadding="0">
<tr>
<td class="header">
<div class="urlVille"><a href="http://sauron620.ville-virtuelle.com" class="texteUrl" target="_blank">http://sauron620.ville-virtuelle.com</a></div>
</td>
</tr>
<tr>
<td class="fond">
<table class="navigation" cellspacing="0" cellpadding="0">
<tr>
<td class="nav">
<script language="Javascript">
var x;
var y;
function position(e) {
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
}
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = position;
function AffDivPourcentage(nom) {
ladiv = document.getElementById(nom);
ladiv.style.display='block';
ladiv.style.left=x+20;
ladiv.style.top=y+20;
}
function CacheDivPourcentage(nom) {
ladiv = document.getElementById(nom);
ladiv.style.display='none';
}
</script>
<div id=emploi class=texte style="text-align:center;background-color:#FFFFFF;display:none;position:absolute;border-style:solid;border-width:1px;border-color:#009933;"> % </div>
<div id=services class=texte style="text-align:center;background-color:#FFFFFF;display:none;position:absolute;border-style:solid;border-width:1px;border-color:#009933;"> % </div>
<div id=habitations class=texte style="text-align:center;background-color:#FFFFFF;display:none;position:absolute;border-style:solid;border-width:1px;border-color:#009933;"> % </div>
<div id=environnement class=texte style="text-align:center;background-color:#FFFFFF;display:none;position:absolute;border-style:solid;border-width:1px;border-color:#009933;"> % </div><table style="width:100%;" class=infoVille><tr><td align=center><b>sauron620</b><br><i>227 habitants - 627ème</i></td></tr></table><table class=texte>
<tr>
<td valign=top>
<br><br><br>
<p style="margin-left:15px;"><a href=?page=ville class=texte12><b>Ma ville</b></a><br><a href=?page=construire class=texte12>Construire</a><br><br><a href=?page=objectifs class=texte12>Objectifs</a><br><a href=?page=historique class=texte12>Historique</a><br><br><a href=?page=cases_decouvertes class=texte12>+ de cases découvertes ?</a><br><br><a href=?page=faq class=texte12>FAQ / Règles</a><br><a href=?page=moncompte class=texte12>Mon compte</a><br><a href=?page=classement class=texte12>Classement</a><br><br><br><a href=http://www.ville-virtuelle.com/index.php?action=deco class=texte12>Deconnexion</a><br></p>
</td>
</tr>
</table> </td>
<td class="contenuNav">
<div class="contenuTD5"><script type="text/javascript" language="javascript">
var _startX = 0;
var _startY = 0;
var _offsetX = 0;
var _offsetY = 0;
var _dragElement;
var _oldZIndex = 0;
var deltax = 0;
var deltay = 0;
var posx = -720;
var posy = -545;
var oldx;
var oldy;
var timeratt;
var timermov;
var imagefond;
// Positionne ou déplace la carte et la carte témoin
function bougemap()
{
if ((posx + deltax <= 0) && (posx + deltax >= (-1440)))
posx = posx + deltax;
if ((posy + deltay <= 0) && (posy + deltay >= (-1050)))
posy = posy + deltay;
document.getElementById('lamap').style.left = posx;
document.getElementById('lamap').style.top = posy;
document.getElementById('cadrerouge').style.left = posx/(-10);
document.getElementById('cadrerouge').style.top = posy/(-10);
}
// Lance une boucle pour déplacer la carte lorsque l'utilisateur survole une flèche
function lanceboucle(mx,my)
{
deltax = mx;
deltay = my;
timermov = window.setInterval('bougemap()', 10);
}
// Retourne un tableau contenant les coordonnées absolues de l'élément obj
function findPos(obj) {
var curleft = curtop = 0;
if (obj.offsetParent) {
curleft = obj.offsetLeft
curtop = obj.offsetTop
while (obj = obj.offsetParent) {
curleft += obj.offsetLeft;
curtop += obj.offsetTop;
}
}
return [curleft,curtop];
}
// Arrête la boucle de déplacement de la carte
function stopboucle()
{
window.clearInterval(timermov);
deltax = 0;
deltay = 0;
}
// Initialise le Glisser/Déposer
function InitDragDrop()
{
document.onmousedown = OnMouseDown;
document.onmouseup = OnMouseUp;
}
// L'utilisateur clique
function OnMouseDown(e)
{
if (e == null)
var e = window.event;
// On identifie l'élément cliqué
var target = e.target != null ? e.target : e.srcElement;
// Ce n'est pas un bouton et c'est un objet glissable, on va donc autoriser son déplacement
if ((e.button == 1 && window.event != null || e.button == 0) && target.className == 'drag')
{
_startX = e.clientX;
_startY = e.clientY;
_offsetX = ExtractNumber(target.style.left);
_offsetY = ExtractNumber(target.style.top);
_oldZIndex = target.style.zIndex;
target.style.zIndex = 10000;
_dragElement = target;
document.onmousemove = OnMouseMove;
document.body.focus();
document.onselectstart = function() { return false; };
return false;
}
}
// L'utilisateur bouge la souris ( cet évènement n'est capturé que si l'utilisateur a préalablement cliqué et pas encore relaché )
function OnMouseMove(e)
{
if (e == null)
var e = window.event;
if (_dragElement.id != 'lamap' && _dragElement.id != 'cadrerouge')
{
// On déplace un élément autre que la carte ou le cadre rouge de la carte témoin, on peut donc le déplacer sans aucune restriction
_dragElement.style.left = (_offsetX + e.clientX - _startX) + 'px';
_dragElement.style.top = (_offsetY + e.clientY - _startY) + 'px';
}
if (_dragElement.id == 'cadrerouge')
{
// On déplace le cadre rouge de la carte témoin, donc on va déplacer la carte en conséquence
if ((_offsetX + e.clientX - _startX) >=0 && (_offsetX + e.clientX - _startX)<=144)
posx = (_offsetX + e.clientX - _startX) * (-10);
if ((_offsetY + e.clientY - _startY) >=0 && (_offsetY + e.clientY - _startY)<=109)
posy = (_offsetY + e.clientY - _startY) * (-10);
bougemap();
}
if (_dragElement.id == 'lamap')
{
// On déplace la map
if ((_offsetX + e.clientX - _startX) >0)
posx = 0;
if ((_offsetY + e.clientY - _startY) >0)
posy = 0;
if ((_offsetX + e.clientX - _startX)<(-1440))
posx = -1440;
if ((_offsetY + e.clientY - _startY)<(-1090))
posy = -1050;
if ((_offsetX + e.clientX - _startX) <=0 && (_offsetX + e.clientX - _startX)>=(-1440))
posx = _offsetX + e.clientX - _startX;
if ((_offsetY + e.clientY - _startY) <=0 && (_offsetY + e.clientY - _startY)>=(-1090))
posy = _offsetY + e.clientY - _startY;
// On va donc actualiser la position du cadre rouge sur la carte témoin
bougemap();
}
if (_dragElement.id.substr(0,8) == 'batiment')
{
// On déplace un bâtiment
lebatiment = document.getElementById(_dragElement.id);
carte = document.getElementById('contmap');
positionbat = findPos(lebatiment);
positionmap = findPos(carte);
}
}
function ajoutbat(coordx,coordy,typebat) {
var httpRequest = false;
if (window.XMLHttpRequest) {
httpRequest = new XMLHttpRequest();
if (httpRequest.overrideMimeType) {
httpRequest.overrideMimeType('text/xml');
}
}
else if (window.ActiveXObject) {
try {
httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) {}
}
}
if (!httpRequest) {
alert('Abandon : Impossible de créer une instance XMLHTTP');
return false;
}
// On dessine le bâtiment là où il a été lâché ( tout du moins on essaie )
httpRequest.onreadystatechange = function() { majMap(httpRequest,typebat); };
httpRequest.open('GET', 'ajoutbat.php?x=' + coordx + '&y=' + coordy + '&type=' + typebat, true);
httpRequest.send(null);
}
// Fonction de traitement des retours de la requête Ajax
function majMap(httpRequest,typebat)
{
if (httpRequest.readyState == 4) {
if (httpRequest.status == 200) {
reponse = httpRequest.responseText;
identifiantbat = 'batiment' + typebat;
if (reponse=='1')
{
d = new Date();
document.getElementById('lamap').style.backgroundImage = 'url(images/cartes/13013.jpg?x='+d.getTime()+')';
document.getElementById('cartetemoin').style.backgroundImage = 'url(images/miniatures/13013.png?x='+d.getTime()+')';
document.getElementById('messageretour').innerHTML = 'Bâtiment ajouté !';
document.getElementById('messageretour').style.display = 'block';
document.getElementById('imgCharg').style.display = 'none';
document.getElementById('imgConstr').style.display = 'block';
document.getElementById('imgDestr').style.display = 'none';
affattente(d.getTime());
}
if (reponse=='2')
{
document.getElementById('messageretour').innerHTML = 'Au moins une des cases à cet endroit n\'est pas encore découverte !';
document.getElementById('messageretour').style.display = 'block';
document.getElementById(identifiantbat).style.left = _offsetX;
document.getElementById(identifiantbat).style.top = _offsetY;
document.getElementById(identifiantbat).style.display = 'block';
}
if (reponse=='3')
{
document.getElementById('messageretour').innerHTML = 'Le bâtiment doit toucher un bâtiment déjà existant !';
document.getElementById('messageretour').style.display = 'block';
document.getElementById(identifiantbat).style.left = _offsetX;
document.getElementById(identifiantbat).style.top = _offsetY;
document.getElementById(identifiantbat).style.display = 'block';
}
if (reponse=='4')
{
document.getElementById('messageretour').innerHTML = 'Aucun bâtiment à détruire à cet endroit !';
document.getElementById('messageretour').style.display = 'block';
document.getElementById(identifiantbat).style.left = _offsetX;
document.getElementById(identifiantbat).style.top = _offsetY;
document.getElementById(identifiantbat).style.display = 'block';
}
if (reponse=='5')
{
d = new Date();
document.getElementById('lamap').style.backgroundImage = 'url(images/cartes/13013.jpg?x='+d.getTime()+')';
document.getElementById('cartetemoin').style.backgroundImage = 'url(images/miniatures/13013.png?x='+d.getTime()+')';
document.getElementById('messageretour').innerHTML = 'Bâtiment détruit !';
document.getElementById('messageretour').style.display = 'block';
document.getElementById('imgCharg').style.display = 'none';
document.getElementById('imgConstr').style.display = 'none';
document.getElementById('imgDestr').style.display = 'block';
affattente(d.getTime());
}
}
}
}
// Activée lorsque l'utilisateur relache le clic ( Déposer )
function OnMouseUp(e)
{
if (e == null)
var e = window.event;
if (_dragElement!=null && _dragElement.id.substr(0,8) == 'batiment')
{
// C'est un batiment que l'on faisait glisser
lebatiment = document.getElementById(_dragElement.id);
carte = document.getElementById('contmap');
positionbat = findPos(lebatiment);
positionmap = findPos(carte);
// On vérifie que le bâtiment a été déposé sur la carte
if ((positionbat[0] >= positionmap[0]) && (ExtractNumber(lebatiment.style.width) + positionbat[0] <= 540 + positionmap[0]) && (positionbat[1] >= positionmap[1]) && (ExtractNumber(lebatiment.style.height) + positionbat[1] <= 450 + positionmap[1]))
{
coorddragx = positionbat[0] - positionmap[0];
coorddragy = positionbat[1] - positionmap[1];
abscisssebat = coorddragx - posx;
ordonneebat = coorddragy - posy;
idbat = _dragElement.id.substr(8,_dragElement.id.length);
ajoutbat(coorddragx - posx, coorddragy - posy, idbat);
document.getElementById(_dragElement.id).style.display = 'none';
oldx = _offsetX;
oldy = _offsetY;
}
else
{
// Sinon on replace le bâtiment à sa position d'origine
document.getElementById(_dragElement.id).style.left = _offsetX;
document.getElementById(_dragElement.id).style.top = _offsetY;
}
_dragElement.style.zIndex = _oldZIndex;
document.onmousemove = null;
document.onselectstart = null;
_dragElement = null;
}
if (_dragElement != null)
{
_dragElement.style.zIndex = _oldZIndex;
document.onmousemove = null;
document.onselectstart = null;
_dragElement = null;
}
}
function ExtractNumber(value)
{
var n = parseInt(value);
return n == null || isNaN(n) ? 0 : n;
}
// On affiche la div d'attente avec la barre défilante
function affattente(heure)
{
imagefond = new Image(1054,798);
imagefond.src = 'images/cartes/13013.jpg?x='+heure;
document.getElementById('divattente').style.display = 'block';
document.getElementById('contmap').style.display = 'none';
timeratt = window.setInterval("verifFondDiv()",500);
}
// On vérifie si l'image de la map est finie de charger
function verifFondDiv()
{
if (imagefond.complete==true) {
window.clearInterval(timeratt);
cachattente();
}
}
// On masque la div d'attente
function cachattente()
{
document.getElementById('contmap').style.display = 'block';
document.getElementById('divattente').style.display = 'none';
}
</script>
<div style="vertical-align:top;width:100%;height:100%;overflow:hidden;">
<div style="float:left;width:1000px;">
<div style="float:left;">
<table>
<tr>
<td align="center" valign="top">
<div style="position:relative;float:left;">
<div style="overflow:hidden;height:410px;width:540px;border:solid 1px #5DB0E4;" id="contmap">
<div class="drag" id="lamap" style="position:relative;left:-720px;top:-545px;width:1980px;height:1500px;cursor:pointer;background-image:url(images/cartes/13013.jpg?t=1200140471);">
</div>
<div style="zIndex:2;position:absolute;bottom:5px;right:5px;height:64px;width:77px;">
<map name="mapFleches">
<area shape="polygon" coords="8,13,30,31,8,49,1,38,1,23" onmouseover="javascript:lanceboucle(1,0)" onmouseout="javascript:stopboucle();" />
<area shape="polygon" coords="16,6,37,25,60,6,44,0,29,0" onmouseover="javascript:lanceboucle(0,1)" onmouseout="javascript:stopboucle();" />
<area shape="polygon" coords="46,30,67,13,75,23,75,38,68,48" onmouseover="javascript:lanceboucle(-1,0)" onmouseout="javascript:stopboucle();" />
<area shape="polygon" coords="37,37,61,57,45,62,30,62,16,57" onmouseover="javascript:lanceboucle(0,-1)" onmouseout="javascript:stopboucle();" />
</map>
<img border="0" src="images/divers/fleches.png" useMap="#mapFleches" />
</div>
</div>
<div id="divattente" style="display:none;width:540px;height:410px;position:relative;vertical-align:center;border:solid 1px #5DB0E4;">
<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle">
<img src="images/divers/Grue.png" id="imgCharg" style="display:block;" />
<img src="images/divers/Tractopelle.png" id="imgConstr" style="display:none;" />
<img src="images/divers/Dynamite.png" id="imgDestr" style="display:none;" />
<img src="images/divers/chargement.gif" />
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</div>
<div>
<div style="padding-top:3px;text-align:center;vertical-align:top;">
<div style="width:100%;height:152px;">
<div id="cartetemoin" style="margin-left:15px;float:left;width:198px;height:150px;overflow:hidden;background-color:#C0C0C0;background-image:url('images/miniatures/13013.png?t=1200140471');border:solid 1px #5DB0E4;">
<div class="drag" style="cursor:move;width:54px;height:41px;position:relative;border-width:1px;border-color:#FF0000;border-style:solid;left:3px;top:2px;" id="cadrerouge"></div>
</div>
</div><div class="drag" id="batiment69234" style="position:relative;background-image:url(images/emploi/Bureaux02_x4.png);width:240px;height:280px;float:left;top:10px;left:18px;"></div>
</div>
<script type="text/javascript" language="javascript">
InitDragDrop();
</script>
<script type="text/javascript" language="javascript">
affattente(1200140471);
bougemap();
</script>
</div>
<div id="messageretour" class=messageretour> </div>
</div>
</div></div> </td>
</tr>
</table>
</td>
</tr>
<tr height=45><td align=center>
<br>
<table width=780 border=0><tr><td class=texte>
Liens recommandés :<br><br>
<table align=center border=0>
<tr>
<td class=texte width=120><a href=http://www.megalopeople.com target=_blank>Megalopeople</a></td>
<td class=texte width=120><a href=http://www.jurassiclife.com target=_blank>Jurassiclife</a></td>
</tr>
<tr>
<td class=texte><a href=http://www.factoriz.net target=_blank>Factoriz</a></td>
<td class=texte><a href=http://www.thechien.com/part.php?id=10263 target=_blank>The Chien</a></td>
</tr>
</table>
</td><td align=center><iframe width="468" height="60" src="http://www.luditools.com/script/ban.aspx?id=1117&fo=1" frameborder="0" scrolling="no"></iframe></td></tr></table>
<div class=texte align=center style="text-align:center;">© 2007-2008 <a href=http://www.ville-virtuelle.com>www.ville-virtuelle.com</a> <a href=?page=contact>Contact</a> <a href="http://www.xiti.com/xiti.asp?s=343855" title="WebAnalytics">
<script type="text/javascript">
<!--
Xt_param = 's=343855&p=';
try {Xt_r = top.document.referrer;}
catch(e) {Xt_r = document.referrer; }
Xt_h = new Date();
Xt_i = '<img width="39" height="25" border="0" alt="" ';
Xt_i += 'src="http://logv145.xiti.com/hit.xiti?'+Xt_param;
Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
if(parseFloat(navigator.appVersion)>=4)
{Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Internet Audience">');
//-->
</script>
<noscript>
Mesure d'audience ROI statistique webanalytics par <img width="39" height="25" src="http://logv145.xiti.com/hit.xiti?s=343855&p=" alt="WebAnalytics" />
</noscript></a></div> </td></tr>
</table>
</td>
</tr>
</table>
</div>
</body>
Le clou qui dépasse attire le marteau.
L'Homme n'est pas fait pour travailler, la preuve: c'est que cela le fatigue (Voltaire)
La clé de la réussite n'entre pas forcement dans la serrure du savoir.
-Travaillera au Technicentre du Landy a la rentrée de Septembre =)
...Nicolas...
