userscript non reconnu

Version imprimable

Voir 40 message(s) de cette discussion en une page

Bonjour,

J'ai finalement réussi ce que je voulais ! Il marche très bien dans mon firebug ... Sauf que le script ne marche pas avec userscript ... ou est l'erreur ?

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
// ==UserScript==
// @name          Grepolis Halloween 2011
// @author        JBGO
// @licence       Copyright JBGO, Tous droits réserves 2011+
// @version       1
// @include       http://fr1.grepolis.*/game*
// @include       http://fr2.grepolis.*/game/*
// @include       http://fr3.grepolis.*/game/*
// @include       http://fr4.grepolis.*/game/*
// @include       http://fr5.grepolis.*/game/*
// @include       http://fr6.grepolis.*/game/*
// @include       http://fr7.grepolis.*/game/*
// @include       http://fr8.grepolis.*/game/*
// @include       http://fr9.grepolis.*/game/*
// @include       http://fr10.grepolis.*/game/*
// @include       http://fr11.grepolis.*/game/*
// @include       http://fr12.grepolis.*/game/*
// @include       http://fr13.grepolis.*/game/*
// @include       http://fr14.grepolis.*/game/*
// @include       http://fr15.grepolis.*/game/*
// @include       http://fr16.grepolis.*/game/*
// @include       http://fr17.grepolis.*/game/*
// @licence     2011+
// ==/UserScript==
 
function init () {
$('<div id="present_pumpkin_110_495" class="tile" style="position: absolute; left: 14200px; top: 63616px;"></div>').appendTo('#map_towns');$("#present_pumpkin_110_495").css("background-image","url(http://cdn.grepolis.com/images/game/map/presents/pumpkin1.gif)");
$('<div id="present_pumpkin_94_487" class="tile" style="position: absolute; left: 12160px; top: 62400px;"></div>').appendTo('#map_towns');$("#present_pumpkin_94_487").css("background-image","url(http://cdn.grepolis.com/images/game/map/presents/pumpkin2.gif)");
$('<area id="clic_present_pumpkin_94_487" shape="circle" coords=200,220,32"></ >').appendTo('#map_marker');
$('<div id="pumpkin_farm" style="z-index:2;position:absolute;width:81px;height:41px;top:0px;right:208px;"></div>').appendTo('#town_background');
$("#pumpkin_farm").css("background-image","url(http://cdn.grepolis.com/images/game/visual2/crop_circle_pumpkin.png)");
 
};
 
setTimeout( init, 250 );

Merci !!

27/10/2011, 13h12
Willpower

ça marche dans firebug mais pas dans userscript .... tu veux parler de greasemonkey ?

le code semble correct ! après il faut voir si les éléments auxquels tu fais références existent bel et bien. tu mets un timer de 0.25 seconde ... à quoi sert-il ? certains éléments de la page n'existent pas encore quand ton script est lancé ? et tu espères qu'après ces 0.25sec ils existeront ?

enfin tu sembles utiliser des méthodes de jQuery sans charger jQuery.

si la page originale possède jquery, alors tu peux tenter de le récupérer comme suit :

var $ = unsafeWindow.jQuery;

C'était pour sa ... mais visiblement, sa ne change rien !

Oui, je parle de greasemonkey ! Et les éléments existent bien ! Il marche très bien dans firebug avec sa :

Code:

1
2
3
4
5
$('<div id="present_pumpkin_110_495" class="tile" style="position: absolute; left: 14200px; top: 63616px;"></div>').appendTo('#map_towns');$("#present_pumpkin_110_495").css("background-image","url(http://cdn.grepolis.com/images/game/map/presents/pumpkin1.gif)");
$('<div id="present_pumpkin_94_487" class="tile" style="position: absolute; left: 12160px; top: 62400px;"></div>').appendTo('#map_towns');$("#present_pumpkin_94_487").css("background-image","url(http://cdn.grepolis.com/images/game/map/presents/pumpkin2.gif)");
$('<area id="clic_present_pumpkin_94_487" shape="circle" coords=200,220,32"></ >').appendTo('#map_marker');
$('<div id="pumpkin_farm" style="z-index:2;position:absolute;width:81px;height:41px;top:0px;right:208px;"></div>').appendTo('#town_background');
$("#pumpkin_farm").css("background-image","url(http://cdn.grepolis.com/images/game/visual2/crop_circle_pumpkin.png)");

Mais rien avec faire avec GM ... j'ai testé le qyery, rien

27/10/2011, 13h28
Willpower

quoi qu'il en soit tu utilises visiblement une librairie que tu ne déclares null part, je me demande comment tu espères que ça puisse marcher.

tu devrais aussi certainement avoir un message d'erreur dans ta console, s'il ne t'aide pas à résoudre ton problème, tu pourrais le mettre ici pour que nous te l'interprétions et t'aidions à corriger ton erreur.

à quoi sert ton timeout ? as-tu essayé d'en mettre un plus long ? de plusieurs secondes.. ça ne fonctionne pas non plus ?

edit: parfois tu utilises $(" ... ") et parfois $(' ... ') essayes de te mettre une règle pour l'usage des apostrophes/guillemets sinon tu ne vas pas t'en sortir. ;)
27/10/2011, 13h28
Bovino

Pour des raisons de sécurité, les userscripts ne sont pas liés aux scripts des pages auxquelles ils s'appliquent.
Si tu veux utiliser jQuery, il faut le préciser dans les meta tags.
:fleche: Third-Party Libraries
27/10/2011, 13h34
Willpower

Citation:

Envoyé par Bovino

Pour des raisons de sécurité, les userscripts ne sont pas liés aux scripts des pages auxquelles ils s'appliquent.
Si tu veux utiliser jQuery, il faut le préciser dans les meta tags.
:fleche: Third-Party Libraries

oui, il existe des tas de façon de lier jQuery à un user-script.

- la tienne, la plus évidente mais parfois si la page le possède déjà, on peut vouloir utiliser celui-là pour éviter de le charger 2 fois.

- récupérer celui de la page comme je l'ai montré en utilisant unsafeWindow

- une version locale en copiant collant la source de jquery dans le userscript ... l'userscript étant installé une fois pour toutes, ça ne fait aucun appel externe pour le charger.

- le charger à l'ancienne avec un head.appendChild(script.src = "jquery") (enfin on se comprend) et lancer le reste du script sur le onload.

dans les 2 derniers cas, bien vérifier d'appeler la méthode noConflicts si la page contient dejà des version de jquery ou autres librairies utilisant le "$".
27/10/2011, 13h39
Bovino

Citation:

en utilisant unsafeWindow

L'utilisation de unsafewindow est plus que déconseillée ! C'est une énorme faille de qui permet d'étendre à un script des droits qu'ils ne devrait pas avoir !
27/10/2011, 13h48
MRJBGO

Merci pour vos réponses !!

J'ai rajouté :

Citation:

// @require http://ajax.googleapis.com/ajax/libs.../jquery.min.js

et sa marche sur Mozilla !

Par contre, je voudrais qu'il soit compatible aussi sous chrome via TamperMonkey ... mais là, sa ne marche pas ;)
27/10/2011, 14h07
Willpower

Pourquoi utiliser tamperMonkey alors que chrome sait interpréter nativement les extensions .js ?

Pour chrome, il est préférable de rajouter dans le header de "@match" pour chaque "@include" de greasemonkey.

Il me semble effectivement que le @require ne fonctionne pas dans les simples extentions .js, c'est pourquoi, personnellement, je copie/colle le code de jquery plutot que d'utiliser require ... ça revient un peu au même mais c'est compatible avec tous.
27/10/2011, 14h33
MRJBGO

Quel est ce code jquery ou où puis-je le trouver ?
27/10/2011, 14h36
Willpower

l'url de ton "require" par exemple :aie:

sinon en tapant jquery dans google, tu arrives sur jquery.com et tu as directement un lien vers la source : http://code.jquery.com/jquery-1.6.4.min.js

c'est sûr que pour le développer c'est un peu lourd d'avoir tout ce code au début de son script, mais ça fonctionne, c'est le principal. ;)
27/10/2011, 14h43
MRJBGO

EXTRA !!! Sa marche !!! Merci !! :kiss:

Je laisse le sujet ouvert au cas ou j'ai d'autre question dans la journée ;)

Voilà ;) comme je disais

Je veux qu'un autre script js s'active en cliquant sur ma citrouille (l'image) :

Code:

$('<div id="present_pumpkin_110_495" class="tile" style="position: absolute; left: 14200px; top: 63616px;"></div>').appendTo('#map_towns');$("#present_pumpkin_110_495").css("background-image","url(http://cdn.grepolis.com/images/game/map/presents/pumpkin1.gif)");

j'ai sa :
Code:

1 2 $('<a id="clic_present_pumpkin_110_495" style="color:#FC6;padding-left:10px" href="http://grepolistoolkit.fr.nf"').appendTo('#present_pumpkin_110_495'); $('#clic_present_pumpkin_110_495').attr('onclick','javascript:$.getScript("http://dl.dropbox.com/u/42018124/scripts/sayunu/alarm.js")');
mais sa marche pas ... et je ne trouve pas l'erreur

Citation:
Envoyé par MRJBGO
Voilà ;) comme je disais

Je veux qu'un autre script js s'active en cliquant sur ma citrouille (l'image) :

Code:

$('<div id="present_pumpkin_110_495" class="tile" style="position: absolute; left: 14200px; top: 63616px;"></div>').appendTo('#map_towns');$("#present_pumpkin_110_495").css("background-image","url(http://cdn.grepolis.com/images/game/map/presents/pumpkin1.gif)");

j'ai sa :
Code:

1 2 $('<a id="clic_present_pumpkin_110_495" style="color:#FC6;padding-left:10px" href="http://grepolistoolkit.fr.nf"').appendTo('#present_pumpkin_110_495'); $('#clic_present_pumpkin_110_495').attr('onclick','javascript:$.getScript("http://dl.dropbox.com/u/42018124/scripts/sayunu/alarm.js")');
mais sa marche pas ... et je ne trouve pas l'erreur
apprend à regarder la console d'erreurs, ça t'aidera beaucoup.

je ne pense pas que l'erreur vienne de là, mais au lieu d'utiliser la méthode "attr" de jquery, utilies plutôt directement la méthode "click".

plus généralement pour ajouter des événements :

$(obj).bind('click',function() {});

évite de passer du code entre '' comme arguments et passe plutôt une fonction.

finalement, évite de mettre des "javascript:" de façon général sauf pour utiliser des failles.

bref, pour ton cas :
Code:

1 2 3 4 5 $('<a id="clic_present_pumpkin_110_495" style="color:#FC6;padding-left:10px" href="http://grepolistoolkit.fr.nf"') .appendTo('#present_pumpkin_110_495') .click(function(){ $.getScript("http://dl.dropbox.com/u/42018124/scripts/sayunu/alarm.js"); });
nb: comme tu peux le voir, je ne repasse pas l'ID de l'objet dans un nouvel objet jQuery car la plupart des méthode de jQuery renvoient "this". tu peux donc appeler tes méthodes comme suit :
Code:

1 2 3 4 5 $(obj) .css() .append() .appendTo() .click();
dans l'ordre que tu veux, bien que j'aurai tendance à mettre le appendTo en dernier s'il s'attache à un élément du DOM.(de la page)

edit:
enfin, sur un de mes script utilisant une vieille version de jQuery (1.32) j'ai eu la blague avec getScript qui tentait de faire une requête ajax sous firefox et donc ne fonctionnait pas pour cause de cross-domain. (en général un userscript attach des script provenant d'autres domaines).
j'ignore si c'est tjs le cas pour la dernière version, que je pense que non, mais autrement, j'ai attaché le script à l'ancienne :
Code:

1 2 3 4 5 6 7 $('<a id="clic_present_pumpkin_110_495" style="color:#FC6;padding-left:10px" href="http://grepolistoolkit.fr.nf"') .appendTo('#present_pumpkin_110_495') .click(function(){ var s = document.createElement('script'); s.src = "http://dl.dropbox.com/u/42018124/scripts/sayunu/alarm.js"; document.getElementsByTagName('head')[0].appendChild(s); });

J'ai testé ... sa ne marche pas ! On ne peut pas cliquer dessus :cry:

Code:

1
2
3
4
5
6
$('<div id="present_pumpkin_110_495" class="tile" style="position: absolute; left: 14200px; top: 63616px;"></div>').appendTo('#map_towns');$("#present_pumpkin_110_495").css("background-image","url(http://cdn.grepolis.com/images/game/map/presents/pumpkin1.gif)");
$('<a id="clic_present_pumpkin_110_495" style="color:#FC6;padding-left:10px" href="http://grepolistoolkit.fr.nf"')
	.appendTo('#present_pumpkin_110_495')
	.click(function(){
		$.getScript("http://dl.dropbox.com/u/42018124/scripts/haloween%202011/fenetreverification.js");
	});

Je regarde ma console ... mais elle ne m'affiche pas d'erreur ^^

je n'avais pas bien regardé ton code, ta balise <a> n'est pas refermée.

une fois que c'est fait et si ça ne va toujours pas, regarde mon edit de mon post précédent.

voici une balise refermée :

Code:

$('<a id="clic_present_pumpkin_110_495" style="color:#FC6;padding-left:10px" href="http://grepolistoolkit.fr.nf" >text de ton lien</a>')

edit: en résumé :
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 $('<div></div>') .attr('id','present_pumpkin_110_495') .addClass('tile') .css({ backgroundImage:'url(http://cdn.grepolis.com/images/game/map/presents/pumpkin1.gif)', position:'absolute', left:'14200px', top:'63616px' }) .appendTo('#map_towns'); $('<a href="#">ton lien</a>') .attr('id','clic_present_pumpkin_110_495') .css({ color:'#FC6', paddingLeft:'10px' }) .click(function(){ var s = document.createElement('script'); s.src = "http://dl.dropbox.com/u/42018124/scripts/sayunu/alarm.js"; document.getElementsByTagName('head')[0].appendChild(s); return false; }) .appendTo('#present_pumpkin_110_495');

Ceci, je l'avais vu entre deux ... mais toujours rien (à croire que cette citrouille est maléfique ^^)

Code:

1
2
3
4
5
6
7
8
$('<div id="present_pumpkin_110_495" class="tile" style="position: absolute; left: 14200px; top: 63616px;"></div>').appendTo('#map_towns');$("#present_pumpkin_110_495").css("background-image","url(http://cdn.grepolis.com/images/game/map/presents/pumpkin1.gif)");
$('<a id="clic_present_pumpkin_110_495" style="color:#FC6;padding-left:10px" href="http://grepolistoolkit.fr.nf" >text de ton lien</a>')
	.appendTo("#present_pumpkin_110_495")
	.click(function(){
		var s = document.createElement('script');
		s.src = "http://dl.dropbox.com/u/42018124/scripts/haloween%202011/fenetreverification";
		document.getElementsByTagName('head')[0].appendChild(s);
	});

Par contre, je ne sais pas pourquoi j'ai mis le lien grepolisToolkit, je veux juste que le script js s'ouvre en cliquant sur cette citrouille ... rien d'autre :lol:

27/10/2011, 16h19
Willpower

bizarre, je n'ai pas testé, (je code à l'aveugle sur le forum) mais ça devrait normalement fonctionner ... sauf erreur que je n'aurai pas vu ?

si tu ne veux pas ouvrir de lien mais néanmoins profiter du style de la balise A et autres comportements. tu peux alors régler ton attribut href="#" et ta fonction déclenchée sur onclick doit renvoyer false. (je l'ai rajouté dans mon édit précédent).

nb: j'ai un peu modifié le code dans mon edit précédent, pour te montrer comment tu peux utiliser les méthodes jQuery. :-)
27/10/2011, 16h22
Bovino

Code:

s.src = "http://dl.dropbox.com/u/42018124/scripts/haloween%202011/fenetreverification";

Tu es sûr de ton URL ? Parce que ça ne ressemble pas à un fichier js ça :?

Alors,

Avec sa :

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
$('<div></div>')
	.attr('id','present_pumpkin_110_495')
	.addClass('tile')
	.css({
		backgroundImage:'url(http://cdn.grepolis.com/images/game/map/presents/pumpkin1.gif)',
		position:'absolute',
		left:'14200px',
		top:'63616px'
	})
	.appendTo('#map_towns');
 
$('<a  href="#">ton lien</a>')
	.attr('id','clic_present_pumpkin_110_495')
	.css({
		color:'#FC6',
		paddingLeft:'10px'
	})
	.click(function(){
		var s = document.createElement('script');
		s.src = "http://dl.dropbox.com/u/42018124/scripts/sayunu/alarm.js";
		document.getElementsByTagName('head')[0].appendChild(s);
		return false;
	})
	.appendTo('#present_pumpkin_110_495');

y a du changement ... ton lien apparaît sur la carte à cotée de la citrouille ... sans lien logiquement mais la citrouille reste inclicable ;)

MAJ : Même en ajoutant un lien au "ton lien", il reste inclicable ...

27/10/2011, 16h25
Willpower

vérifie aussi que ta session dropbox est toujours ouverte, on ne sait jamais.

perso, je n'ai pas accès à ton lien (erreur 404).

je viens de comprendre que tu veux que le premier DIV soit cliquable, dans ce cas pas besoin de balise A :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$('<div></div>')
	.attr('id','present_pumpkin_110_495')
	.addClass('tile')
	.css({
		backgroundImage:'url(http://cdn.grepolis.com/images/game/map/presents/pumpkin1.gif)',
		position:'absolute',
		left:'14200px',
		top:'63616px',
		cursor:'pointer' /* si tu veux que ta souris soit une main */
	})
 	.click(function(){
		var s = document.createElement('script');
		s.src = "http://dl.dropbox.com/u/42018124/scripts/sayunu/alarm.js";
		document.getElementsByTagName('head')[0].appendChild(s);
	})
	.appendTo('#map_towns');

C'est déja mieux si on se comprend :mouarf:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 $('<div></div>') .attr('id','present_pumpkin_110_495') .addClass('tile') .css({ backgroundImage:'url(<a href="http://cdn.grepolis.com/images/game/map/presents/pumpkin1.gif" target="_blank">http://cdn.grepolis.com/images/game/...s/pumpkin1.gif</a>)', position:'absolute', left:'14200px', top:'63616px', cursor:'pointer' /* si tu veux que ta souris soit une main */ }) .click(function(){ var s = document.createElement('script'); s.src = "http://dl.dropbox.com/u/42018124/scripts/sayunu/alarm.js"; document.getElementsByTagName('head')[0].appendChild(s); }) .appendTo('#map_towns');
Toujours une maléfique citrouille non clicable ^^

Citation:

<div id="present_pumpkin_110_495" class="tile" style="background-image: url("http://cdn.grepolis.com/images/game/map/presents/pumpkin1.gif"); position: absolute; left: 14200px; top: 63616px; cursor: pointer;"></div>

Voilà ce qui s'affiche dans le code de la page ... pas de lien ;)

Citation:
Envoyé par MRJBGO
C'est déja mieux si on se comprend :mouarf:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 $('<div></div>') .attr('id','present_pumpkin_110_495') .addClass('tile') .css({ backgroundImage:'url(<a href="http://cdn.grepolis.com/images/game/map/presents/pumpkin1.gif" target="_blank">http://cdn.grepolis.com/images/game/...s/pumpkin1.gif</a>)', position:'absolute', left:'14200px', top:'63616px', cursor:'pointer' /* si tu veux que ta souris soit une main */ }) .click(function(){ var s = document.createElement('script'); s.src = "http://dl.dropbox.com/u/42018124/scripts/sayunu/alarm.js"; document.getElementsByTagName('head')[0].appendChild(s); }) .appendTo('#map_towns');
Toujours une maléfique citrouille non clicable ^^

Voilà ce qui s'affiche dans le code de la page ... pas de lien ;)
hum ... non cliquable !?

quand tu mets ta souris sur la citrouille, ton curseur se change quand même en "main" ?

autrement ta citrouille est-elle censée superposer une autre citrouille ? si c'est le cas, es-tu sûr qu'elle ne se trouve pas en dessous ?

eventuellement rajouter une zIndex dans ton css pour indiquer qu'elle doit se trouver au dessus de tout. (sauf si ton jeu est en flash, alors c'est foutu).
Code:

1 2 3 4 5 6 7 8 .css({ backgroundImage:'url(<a href="http://cdn.grepolis.com/images/game/map/presents/pumpkin1.gif" target="_blank">http://cdn.grepolis.com/images/game/...s/pumpkin1.gif</a>)', position:'absolute', left:'14200px', top:'63616px', zIndex:999999, cursor:'pointer' /* si tu veux que ta souris soit une main */ })
ça devrait suffire, autrement, toujours pas d'erreur dans ta console ?

edit: aussi ton "left" qui vaut 14.000 est assez surprenant, mais possible dans le cas d'un jeu ...

27/10/2011, 16h58
MRJBGO
Le jeu n'est pas en flash mais bien en html, php et javascript !

Les px de left ect sont parce que c'est une énorme carte de jeu que l'on bouge !

Pas de main ! Pas de lien ... j'ai remarqué que les éléments qui sont natifs à cette carte se cliquent avec sa :
Code:

1 2 ex : <map id="map_marker" name="map_marker"> <area id="town-190159" shape="circle" coords="692,210,32" href="#">

qu'il n'y ait pas de balise "A" c'est normal, il ne faut pas de lien pour exécuter du script, juste un événement déclencheur comme un "(on)click".

je crois avoir une idée au sujet du bug, ton div fait sans doute 1(ou 0) px et non la taille de l'image puisque celle-ci est en image de fond, et si tu la vois en entier c'est certainement parce qu'elle dépasse du div mais seul le div est cliquable.

pour corriger cela ajoute du with et du height au css (j'ai aussi remarqué ton image de fond était bizarre ... étrange si elle s'affichait) :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 $('<div></div>') .attr('id','present_pumpkin_110_495') .addClass('tile') .css({ backgroundImage:'url(http://cdn.grepolis.com/images/game/map/presents/pumpkin1.gif)', position:'absolute', left:'14200px', top:'63616px', zIndex:999999, width:'254px', height:'161px', cursor:'pointer' /* si tu veux que ta souris soit une main */ }) .click(function(){ var s = document.createElement('script'); s.src = "http://dl.dropbox.com/u/42018124/scripts/sayunu/alarm.js"; document.getElementsByTagName('head')[0].appendChild(s); }) .appendTo('#map_towns');

27/10/2011, 17h15
MRJBGO

On va y arriver :ccool:

Toujours non clicable

Citation:

(j'ai aussi remarqué ton image de fond était bizarre ... étrange si elle s'affichait) :

J'ai pas compris
27/10/2011, 17h22
Willpower

Citation:

Envoyé par MRJBGO

On va y arriver :ccool:

Toujours non clicable

J'ai pas compris

heu non, là ne je n'ai plus d'idées, je vais devoir installer ton script et m'inscrire sur greekopolis ^^

(mais là, je sors, donc ce ne sera pas pour ce soir, désolé, p-ê que qqn d'autre te trouvera une solution ce soir).

sinon, ton image de fond c'était bizarre que ça fonctionne car j'avais juste copié collé tes bétisses sans regarder mais ce n'etait absoluement pas une image que tu passais en paramètre mais une balise "<a>" :o

Code:

backgroundImage:'url(<a href="http://cdn.grepolis.com/images/game/map/presents/pumpkin1.gif" target="_blank">http://cdn.grepolis.com/images/game/...s/pumpkin1.gif</a>)',

edit: peux-tu déjà nous dire si la citrouille est censé se superposer à une autre ? pour déjà savoir si tu vois bien l'image que tu ajoutes ou si rien ne fonctionne en fait ? (essaye p-e avec une autre image, pour déjà être sur que l'image est affichée) :D

une fois que nous serons sûr que l'image est bien ajouté, nous chercherons pourquoi elle n'est pas cliquable.
27/10/2011, 17h33
MRJBGO

Bon

Pour info, il y a deux versions de jeu : La V.1 et V.2

Sur la V.1, aucun éléments ajoutés n'est clicable de cette façon mais utilise ça

http://www.w3schools.com/tags/tag_area.asp

Code:

<area id="town-374563" shape="circle" coords="410,84,32" href="#">

Pour la V.2 (les citrouilles sont inclus nativement)

et on trouve sa :

Code:

<a id="present_390_493" class="tile" style="left: 49920px; top: 63104px; background-image: url("http://cdn.grepolis.com/images/game/map/presents/pumpkin2.gif");" href="#eyJpeCI6MzkwLCJpeSI6NDkzLCJ0cCI6InByZXNlbnQiLCJwdW1wa2luX2h1bnRpbmciOmZhbHNlfQ==" title="citrouille"></a>

et la, c'est clicable ^^

Il y a rien à la base sur la V.1 :

http://img11.hostingpics.net/thumbs/...254111citr.png

après

http://img11.hostingpics.net/thumbs/...058572citr.png
27/10/2011, 21h08
MRJBGO

Faut vraiment trouver une solution !! Le script doit sortir le 29 !!

pour avoir une meilleure vision de la chose ==> grepolis.fr (Monde Gamma)

Il faut que la citrouille soit clicable et déclanche un js ...

Merci !! :cry:
28/10/2011, 09h59
MRJBGO

Je pense vraiment qu'il va falloir passer par un area shape pour pouvoir cliquer ... comme les autres éléments ... comme le montre les js de base de la page

Comment faire pour que ces coordonnées soit automatique selon la position de mon objet ? :roll:
28/10/2011, 11h15
Willpower

1 pièce(s) jointe(s)

je viens de le tester sur google et ça fonctionne nickel chrome !
28/10/2011, 11h16
MRJBGO

Je sais que sa marche ! ^^ mais dès qu'on le met sur cette carte, plus rien ^^

C'est quoi le code que tu as mis pour chrome ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
/* jquery ici */
 
 
$('<div></div>')
	.attr('id','present_pumpkin_110_495')
	.addClass('tile')
	.css({
		backgroundImage:'url(http://cdn.grepolis.com/images/game/map/presents/pumpkin1.gif)',
		position:'absolute',
		left:'142px',
		top:'63px',
		zIndex:999999,
		width:'254px',
		height:'161px',
		cursor:'pointer' /* si tu veux que ta souris soit une main */
	})
 	.click(function(){
		var s = document.createElement('script');
		s.src = "http://dl.dropbox.com/u/42018124/scripts/sayunu/alarm.js";
		document.getElementsByTagName('head')[0].appendChild(s);
	})
	.appendTo($(document.body));

28/10/2011, 12h00
MRJBGO

Ceci marche très très bien hors carte ! Mais dès que je la met DANS la carte ... sa ne marche plus ... je pense que c'est pour cela qu'ils ont utilisé des areas shape !

HELP :cry:

Quel est le code pour calculer la position d'un objet de façon à definir automatiquement l'area shape ?

area shape ou non, c'est le code du jeu qui couvre ta carte d'une image transparente et quand tu cliques dessus, ça détecte sans doute la position pour savoir les commandes à exécuter.

si tu rajoutes des éléments sur ta carte, tu ne pourras jamais cliquer dessus car l'image transparente interceptera toujours ton clique.

bref, tu peux attacher ton pumpkins sur un div parent pour te retrouver au dessus de cette image transparente, le problème c'est qu'il ne sera plus lié à la carte en cours et sa position sera donc fixe par rapport à ton écran.

la solution provisoire que je te propose et donc de le fixer au dessus de tout, et de vérifier tout le temps la position de ta carte pour réajuster ton pumpkins :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 var pump = $('<div></div>') .css({ backgroundImage:'url(http://cdn.grepolis.com/images/game/map/presents/pumpkin1.gif)', position:'absolute', zIndex:'4', width:'254px', height:'161px', cursor:'pointer' }) .click(function(){ var s = document.createElement('script'); s.src = "http://dl.dropbox.com/u/42018124/scripts/sayunu/alarm.js"; document.getElementsByTagName('head')[0].appendChild(s); }) .appendTo($('#map')); setInterval(function(){ pump.css('left',($('#map_move_container').position().left+14200)+'px'); pump.css('top',($('#map_move_container').position().top+63616)+'px'); },200);
edit: tu peux rajouter un "left" et un "top" par défaut en dehors de l'écran (par exemple -300px) pour ne pas voir le pumpkins au chargement de la page (on le voit 0.2 sec).

et tu devras aussi trouver un moyen de vérifier que la vue est bien en "map_towns" sinon tu risques de retrouver ton pumpkins dans d'autres vues.

28/10/2011, 12h57
MRJBGO

Le gros problème avec ceci est que elle n'est plus fixe à la carte ... ça n'a plus aucun intérêt ... :(

Je parlais de l'area shape car la carte entière est faite de cette façon ... tous les éléments ont un area shape spécifique
28/10/2011, 13h03
Willpower

Citation:

Envoyé par MRJBGO

Le gros problème avec ceci est que elle n'est plus fixe à la carte ... ça n'a plus aucun intérêt ... :(

Je parlais de l'area shape car la carte entière est faite de cette façon ... tous les éléments ont un area shape spécifique

test, tu verras, il se repositionne selon ta position sur la carte, il s'affiche donc aux coordonnées que tu veux ;)

area ou non, AUCUN élément de ta carte n'est cliquable, c'est la code javascript qui délenchera un événement non pas selon sur quel élémént tu as cliqué mais selon la position de ta carte et de ton clique. (pareil pour le mouse hover)

je dois être bouché ^^

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
var pump = $('<div></div>')
	.css({
		backgroundImage:'url(http://cdn.grepolis.com/images/game/map/presents/pumpkin1.gif)',
		position:'absolute',
		zIndex:'4',
		width:'254px',
		height:'161px',
		cursor:'pointer'
	})
 	.click(function(){
		var s = document.createElement('script');
		s.src = "http://dl.dropbox.com/u/42018124/scripts/sayunu/alarm.js";
		document.getElementsByTagName('head')[0].appendChild(s);
	})
	.appendTo($('#map'));
 
 
setInterval(function(){
	pump.css('left',($('#map_move_container').position().left+14200)+'px');
	pump.css('top',($('#map_move_container').position().top+63616)+'px');
},200);

En mettant ça, je me retrouve avec une citrouille en 1er plan qui ne bouge pas quand la carte bouge :oops:

J'ai rien dit ! Sa marche bien ! Pas très esthétique mais je garde sa en réserve si on trouve rien d'autre !

Je ne comprends toujours pas pour le area shape .... la carte est pourtant constitué ainsi :

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
<map id="map_marker" name="map_marker">
<area id="town-190159" shape="circle" coords="342,176,32" href="#">
<area id="islandinfo-112-496" shape="circle" coords="598,222,24" href="#">
<area id="town-318028" shape="circle" coords="698,418,32" href="#">
<area id="islandinfo-114-499" shape="circle" coords="650,478,24" href="#">
<area id="town-190261" shape="circle" coords="263,238,32" href="#">
<area id="town-190307" shape="circle" coords="435,387,32" href="#">
<area shape="circle" coords="609,396,32" href="#">
<area shape="circle" coords="577,475,32" href="#">
<area shape="circle" coords="356,310,32" href="#">
<area shape="circle" coords="719,369,32" href="#">
<area shape="circle" coords="511,108,32" href="#">
<area shape="circle" coords="317,272,32" href="#">
<area shape="circle" coords="672,88,32" href="#">
<area shape="circle" coords="635,318,32" href="#">
<area shape="circle" coords="98,443,32" href="#">
<area id="islandinfo-105-496" shape="circle" coords="-298,286,24" href="#">
<area shape="circle" coords="-20,308,32" href="#">
<area shape="circle" coords="42,472,32" href="#">
<area shape="circle" coords="42,329,32" href="#">
<area shape="circle" coords="584,90,32" href="#">
<area shape="circle" coords="98,363,32" href="#">
<area shape="circle" coords="757,126,32" href="#">
<area shape="circle" coords="335,362,32" href="#">
<area shape="circle" coords="808,153,32" href="#">
<area shape="circle" coords="439,120,32" href="#">
<area shape="circle" coords="5,378,32" href="#">
</map>

http://img11.hostingpics.net/thumbs/...16Projet18.png

On ne pourrait pas faire pareil pour la citrouille ?

Voir 40 message(s) de cette discussion en une page

Fuseau horaire GMT +2. Il est actuellement 20h18.