remplacement image sur carte [Résolu]

[MRJBGO]

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 !

[Bovino]

Ben...

Code :

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

[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

[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...

[MRJBGO]

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">
*¶*&#8594;*&#8594;*&#8594;*·*·*·*·*&#8594;
<div id="content">
*¶*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*¶*&#8594;*&#8594;*&#8594;*&#8594;*·*·*·*·*&#8594;
<script type="text/javascript">
*¶*¶
<script type="text/javascript">
*¶*¶
<div id="map_place">
*¶*&#8594;
<div id="map_wrapper">
*¶*&#8594;*&#8594;
<div id="map">
*¶*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;
<div id="map_info_left">
*¶*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;
<div id="map_info_right">
*¶*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;
<div id="map_info_top">
*¶*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;
<div id="map_info_bottom">
*¶*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;
<div id="map_info_content">
*¶*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;
<span id="sea_id">14</span>
*¶*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;
<div id="map_coords">
*¶*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;
<div id="map_duration">
*¶*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;
<a id="toggle_color_table" class="color_table" onclick="WMap.toggleColorTable();" href="#"></a>
*¶*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;
<a id="toggle_ship_selection" class="game_arrow_right" onclick="$('#map_duration_calculator_units').toggle();" href="#"></a>
*¶*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;
<div id="map_duration_calculator_units" style="display:none">
*¶*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*¶*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;
</div>
*¶*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;
</div>
*¶*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;
</div>
*&#8594;*&#8594;*¶*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;
</div>
*&#8594;*¶*&#8594;*&#8594;*&#8594;*&#8594;*&#8594;
</div>
*&#8594;*&#8594;*&#8594;*&#8594;*¶*&#8594;*&#8594;*&#8594;*¶*&#8594;*&#8594;*&#8594;
<div id="mouse_coordinate_popup_fixed" class="e" style="left:118.5px;top:192px;">
*¶*&#8594;*&#8594;*&#8594;
<div id="map_move_container" style="position: absolute; top: -55502px; left: -22488px; z-index: 1;">
*¶*&#8594;*&#8594;*&#8594;*&#8594;
<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>
*¶*&#8594;*&#8594;*&#8594;*&#8594;
<div id="map_islands" style="position:absolute; top:0px; left:0px; z-index:2;">
*¶*&#8594;*&#8594;*&#8594;*&#8594;
<div id="map_towns" style="position:absolute; top:0px; left:0px; z-index:3;">
*¶*&#8594;*&#8594;*&#8594;*&#8594;
<div id="map_easter_eggs" style="position:absolute; top:0px; left:0px; z-index:2;"></div>
*¶*&#8594;*&#8594;*&#8594;
</div>
*¶*&#8594;*&#8594;*&#8594;
<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;">
*¶*&#8594;*&#8594;*&#8594;
<map id="map_marker" name="map_marker">
*¶*&#8594;*&#8594;
</div>
*¶*&#8594;
</div>
*¶
</div>
*¶*¶
<div id="minimap_canvas">

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

[MRJBGO]

Ceci peut aussi aider ^^

http://fr1.grepolis.com/cache/game/map.js?1316685215

[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 ?

[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 ?!

[MRJBGO]

En fait, faudrait faire une boucle

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