Greasemonkey/JavaScript: How to get the source code after AJAX change?

RiV- · Jul 12th 2011, 1:52am

For example, when I'm at the resources page and click on Metal Mine, I get the costs and stuff but these are not displayed in the initial source code. So how do I "refresh" the source code in order to get these information?

I'm not sure if that's the right place I'm posted in. If not, please move

Anyway thanks in advance.

//edit: Alright I did some research and think I have to work with addEventListener. So I tried this one on the resorces page:

Source Code

function insertText() {
document.getElementById('costswrapper').innerHTML += 'Hello World';
}
document.getElementById('inhalt').addEventListener('DOMNodeInserted', insertText, false);

But when I click on let's say Metal Mine the text gets inserted a million (or so) times. I guess that's because by clicking on Metal Mine there are lots of nodes inserted and thus the function insertText is called lots of times.

What can I do against that?

vulca · Jul 12th 2011, 10:30am

You can do it with something like that :

Source Code

var First = true;
function insertText()
{
if(document.getElementById('costswrapper') && First)
{
document.getElementById('costswrapper').innerHTML += 'Hello World';
First = false;
}
}
setInterval( insertText,500); // run the function every 500ms
document.getElementById('inhalt').addEventListener("click", function(event)
{
First = true;
},true) ;

Display All

I don't think it's the best solution, but ...

benneb · Jul 12th 2011, 11:32am

Source Code

document.getElementById('planet').addEventListener
(
'DOMNodeInserted',
function(e){
setTimeout
(
function()
{
if (e.target.id != 'content') return;
// do nothing
var res = document.getElementById('costs');
}, 0
)
},
false
);

Display All

RiV- · Jul 12th 2011, 12:53pm

Would you mind explaining that a bit benneb? It's just that I started to learn JavaScript 2 days ago by looking through scripts like Antigame and trying to write some easy scripts.

So why is it working when you set a time out of 0 ms?

//edit: I tried it without the setTimeOut but only with "if (e.target.id != 'content') return;" and it works. So what exactly is the time out for?

RiV- · Jul 12th 2011, 2:23pm

Also another question: How do I realize onClick functions in userscripts? For example I have a link and when you click on it a function HelloWorld() gets called?

I know I can do this with addEventListener again, but I think there's another solution since Antigame for example doesn't use addEventListener for its calculator on the fleet page as far as I could see.

Francolino · Jul 12th 2011, 2:23pm

RiV- wrote:

So what exactly is the time out for?

This "senseless" makes the included function independent from the eventhandler itself.

Add a html attribute to this object, like <a onclick="functionname(); return false;"

"return false" avoid the default action ( for <a : follow the href link)

RiV- · Jul 12th 2011, 2:28pm

But that doesn't work since the function is defined in the userscript itself. Or I do something wrong.

Francolino · Jul 12th 2011, 2:30pm

RiV- wrote:

But that doesn't work since the function is defined in the userscript itself. Or I do something wrong.

Depends on the event bubbling settings. Usually you can add more events to one object.

RiV- · Jul 12th 2011, 2:35pm

I have this:

Source Code

function hallowelt() {
alert('hallo welt');
}
function insertText(e) {
if(e.target.id != 'content') return;
document.getElementById('costs').innerHTML += '<br><a href="#" onclick="hallowelt(); return false;">test</a>';
}
document.getElementById('planet').addEventListener('DOMNodeInserted', insertText, false);

Display All

But that doesn't work for me. The log says that hallowelt is not defined

Tarja · Jul 12th 2011, 2:47pm

don't hesitate googling

You can't use onclick="..." syntax here due to the different execution context. Your handler "hallowelt(); return false;" is resolved in the main page context, which doesn't know about the hallowelt() function defined in the userscript in the Greasemonkey sandbox.

Use addEventListener instead.
In general try avoid things like 'onclick = "some handler"' as it has a few restrictions in comparison with 'addEventListener' model.

RiV- · Jul 12th 2011, 2:56pm

I googled already but only found solutions with addEventListener. I thought there should be another solution.

Anyway thanks all for your help and sorry for my noob questions, but I'm learning JavaScript from scratch

Black Cat · Jul 12th 2011, 8:40pm

another solution is using jQuery: api.jquery.com/ajaxSuccess/

RiV- · Jul 13th 2011, 12:26am

A OGame specific question: Is there a way to differentiate whether you are on a planet or on a moon?

Black Cat · Jul 13th 2011, 7:20pm

Source Code

alert(unsafeWindow.resourceTickerMetal.production > 0);

true for a planet
false for a moon

RiV- · Jul 13th 2011, 10:44pm

Well that isn't a reliable method is it? If your storages are full, you have 0 production on the planet as well.

Omar Hawk · Jul 14th 2011, 3:13pm

No, it is reliable.

The production (it is the JS variable defined in OGame, which is used here) is always greater than 0 on a planet, no matter if storages are full or not or if you are in vaction mode or not.

Source Code

Source Code

Source Code

Source Code

Source Code

Share