remplacement image sur carte

Version imprimable

25/10/2011, 15h43
MRJBGO

remplacement image sur carte

Bonjour,

Je suis joueur d'un jeu en ligne appelé Grepolis.fr. Je veux développer un script qui remplacerait une image appelé rock4 par une autre image appelé rock6 ... j'ai tout essayé, rien a faire, elle n'est pas dans le css et pourtant là :

Code:

<div id="tile_110_497" class="tile" style="position: absolute; left: 14080px; top: 63616px; background-image: url("http://cdn.grepolis.com/images/game/map/rock4.png")

De plus, j'aimerais que la rock6 n'apparaissent que sur le tile 110 - 497 ... pour ne pas en avoir partout !

Je ne comprends ^^ Je sais que sa marche si j'utilise un éditeur qui modifie en direct ... mais comment faire pour que sa soit automatique ?

Merci !
25/10/2011, 15h47
Bovino

Ben...

Code:

document.getElementById('tile_110_497').style.backgroundImage = ...

:koi:
25/10/2011, 17h04
MRJBGO

Merci pour la réponse !

C'est pourtant ce que j'ai fait ... rien

La chose marche très bien quand je change l'id en un autre objet ... mais rien avec les tiles ...

Code:

document.getElementById('tile_110_497').style.backgroundImage = 'url("http://dl.dropbox.com/u/42018124/rock6.png")';

Ou si c'est pas possible ... créer un autre id de façon à placer mon rock6 sur la carte
25/10/2011, 17h07
Bovino

Oui, mais comme on ne connait ni la page à laquelle ce code est sensé s'appliquer ni comment tu l'intègres, il est difficile de t'aider plus...

Le script s'applique sur cette page :

http://fr1.grepolis.com/game/index?town_id=*

voici une plus large vision du code que j'ai dans mon firebug

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<div id="content_box">
*¶*→*→*→*·*·*·*·*→
<div id="content">
*¶*→*→*→*→*→*→*¶*→*→*→*→*·*·*·*·*→
<script type="text/javascript">
*¶*¶
<script type="text/javascript">
*¶*¶
<div id="map_place">
*¶*→
<div id="map_wrapper">
*¶*→*→
<div id="map">
*¶*→*→*→*→*→
<div id="map_info_left">
*¶*→*→*→*→*→*→
<div id="map_info_right">
*¶*→*→*→*→*→*→*→
<div id="map_info_top">
*¶*→*→*→*→*→*→*→*→
<div id="map_info_bottom">
*¶*→*→*→*→*→*→*→*→*→
<div id="map_info_content">
*¶*→*→*→*→*→*→*→*→*→*→
<span id="sea_id">14</span>
*¶*→*→*→*→*→*→*→*→*→*→
<div id="map_coords">
*¶*→*→*→*→*→*→*→*→*→*→
<div id="map_duration">
*¶*→*→*→*→*→*→*→*→*→*→
<a id="toggle_color_table" class="color_table" onclick="WMap.toggleColorTable();" href="#"></a>
*¶*→*→*→*→*→*→*→*→*→*→
<a id="toggle_ship_selection" class="game_arrow_right" onclick="$('#map_duration_calculator_units').toggle();" href="#"></a>
*¶*→*→*→*→*→*→*→*→*→*→
<div id="map_duration_calculator_units" style="display:none">
*¶*→*→*→*→*→*→*→*→*→*→*¶*→*→*→*→*→*→*→*→*→
</div>
*¶*→*→*→*→*→*→*→*→
</div>
*¶*→*→*→*→*→*→*→
</div>
*→*→*¶*→*→*→*→*→*→
</div>
*→*¶*→*→*→*→*→
</div>
*→*→*→*→*¶*→*→*→*¶*→*→*→
<div id="mouse_coordinate_popup_fixed" class="e" style="left:118.5px;top:192px;">
*¶*→*→*→
<div id="map_move_container" style="position: absolute; top: -55502px; left: -22488px; z-index: 1;">
*¶*→*→*→*→
<div id="map_tiles" style="position:absolute; top:0px; left:0px; z-index:1;">
<div id="tile_174_432" class="tile" style="position: absolute; left: 22272px; top: 55296px; background-image: url("http://cdn.grepolis.com/images/game/map/watertiles.png"); background-position: -768px -384px;"></div>
<div id="tile_175_432" class="tile" style="position: absolute; left: 22400px; top: 55360px; background-image: url("http://cdn.grepolis.com/images/game/map/rock3.png"); background-position: 0px 0px;"></div>
<div id="tile_176_432" class="tile" style="position: absolute; left: 22528px; top: 55296px; background-image: url("http://cdn.grepolis.com/images/game/map/uninhabited1.png"); background-position: -384px -192px;"></div>
<div id="tile_177_432" class="tile" style="position: absolute; left: 22656px; top: 55360px; background-image: url("http://cdn.grepolis.com/images/game/map/watertiles.png"); background-position: -256px -384px;"></div>
<div id="tile_178_432" class="tile" style="position: absolute; left: 22784px; top: 55296px; background-image: url("http://cdn.grepolis.com/images/game/map/watertiles.png"); background-position: -256px -256px;"></div> (ect)
</div>
*¶*→*→*→*→
<div id="map_islands" style="position:absolute; top:0px; left:0px; z-index:2;">
*¶*→*→*→*→
<div id="map_towns" style="position:absolute; top:0px; left:0px; z-index:3;">
*¶*→*→*→*→
<div id="map_easter_eggs" style="position:absolute; top:0px; left:0px; z-index:2;"></div>
*¶*→*→*→
</div>
*¶*→*→*→
<img id="map_mover" usemap="#map_marker" onmousemove="return false;" onmousedown="return false;" alt="" src="http://cdn.grepolis.com/images/transparent.png" style="-moz-user-select: none;">
*¶*→*→*→
<map id="map_marker" name="map_marker">
*¶*→*→
</div>
*¶*→
</div>
*¶
</div>
*¶*¶
<div id="minimap_canvas">

Je sais ... de quoi aurais-tu besoin de plus ?

25/10/2011, 18h27
MRJBGO

Ceci peut aussi aider ^^

http://fr1.grepolis.com/cache/game/map.js?1316685215
25/10/2011, 19h08
NoSmoking

Bonjour,
je ne parle pas couramment le ??? mais j'ai observé

Code:

<div id="tile_174_432" class="tile" style="position: absolute; left: 22272px; top: 55296px; background-image: url("http://cdn.grepolis.com/images/game/map/watertiles.png"); background-position: -768px -384px;"></div>

qui présente une mauvaise alternance quote/guillemet.

as tu essayé de passer par un changement de class ?
26/10/2011, 10h36
MRJBGO

En fait, sa marche mais lorsque l'on clique sur la carte ou on la déplace, sa recharge la carte mais pas mon script !

Une idée comment faire répéter le script toutes les 1/2 secs ?!
27/10/2011, 08h18
MRJBGO

En fait, faudrait faire une boucle

if (plus image x plus sur la carte)
show image