userscript non reconnu

**MRJBGO** · 27/10/2011, 13h02

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Willpower** · 27/10/2011, 13h12

ç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;

**MRJBGO** · 27/10/2011, 13h16

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Willpower** · 27/10/2011, 13h28

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.

**Bovino** · 27/10/2011, 13h28

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.

Third-Party Libraries

**Willpower** · 27/10/2011, 13h34

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.

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 "$".

**Bovino** · 27/10/2011, 13h39

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 !

**MRJBGO** · 27/10/2011, 13h48

Merci pour vos réponses !!

J'ai rajouté :

// @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

**Willpower** · 27/10/2011, 14h07

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.

**MRJBGO** · 27/10/2011, 14h33

Quel est ce code jquery ou où puis-je le trouver ?

**Willpower** · 27/10/2011, 14h36

l'url de ton "require" par exemple

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.

**MRJBGO** · 27/10/2011, 14h43

EXTRA !!! Sa marche !!! Merci !!

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

**MRJBGO** · 27/10/2011, 15h26

Voilà

comme je disais

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Willpower** · 27/10/2011, 15h53

Envoyé par MRJBGO

Voilà

comme je disais

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
	});

**MRJBGO** · 27/10/2011, 16h01

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ^^

**Willpower** · 27/10/2011, 16h05

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

$('<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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');

**MRJBGO** · 27/10/2011, 16h11

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Willpower** · 27/10/2011, 16h19

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. :-)

**Bovino** · 27/10/2011, 16h22

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**MRJBGO** · 27/10/2011, 16h23

Alors,

Avec sa :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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');