[SOLVED] How to inject some Javascript into a loaded HTML page?

[MonsieurOUXX]

Hi,

I'm trying to do something I believe is simple.

1. There is this HTML page, let's call it "page.html". It's on a distant server, I don't own it.

2. Once it's loaded, I want to calculate the pixel position of an element on it

3. To do so, I think the best solution would be to use such Javascript functions like document.getElementById("ElementName").style.left

4. So, I believe I need to insert that function into the page's body after it's loaded.

I don't know how to do this with AutoIt.

I've seen function _IEHeadInsertEventScript, but I'm not sure that's what I need, as it only works with events.

Here, I don't think I have an event to intercept, except maybe "onload", but since it happens before I can call IEHeadInsertEventScript, then it's of no use...

Any suggestions?

Edited October 26, 2011 by MonsieurOUXX

[Bert]

GreaseMonkey perhaps?

[Blue_Drache]

Greasemonkey's fine and good, but I don't think there's an IE version.

Edit:

There is not, but there is iMacros (http://en.wikipedia.org/wiki/IMacros) ... Unfortunately, you have to pay for it to get greasemonkey style scraping and injecting. ... oh wait .. I.E. right ... forgot about that.

Edited October 24, 2011 by Blue_Drache

[JohnOne]

Does an IE element object not already have an x and y property, as well as a width and height property?

I think they do, so I doubt you would need any injection.

[Bert]

Using the IE.au3 you could do the same as greasemonkey does. It would require some work on your part.

Do some simple experiments to see it will work for you. Also, do a search in the forum for code that gives examples of what you have in mind

Edited October 24, 2011 by MPH

[DaleHohm]

I have something called gm4ie, but it's homepage has disappared. There is als Trixie: http://www.bhelpuri.net/Trixie/

This can also bedone with AutoIT with IE.au3 and there are examples in the forum -- depending how you are wanting to use the functionality.

Dale

[Robjong]

Hey,

you can just access the document directly to get this done, something like this:

#include <IE.au3>
$oIE = _IECreate("http://autoitscript.com", 0, 0)
$oElem = $oIE.document.getElementById('nextlink')
If IsObj($oElem) Then MsgBox(262208, "Get element offset", "Element offset: " & $oElem.offsetTop & ", " & $oElem.offsetLeft & @CRLF)

hope that helps

Edit: Changed element id string to from 'featured-slider' to 'nextlink' to avoid offset being '0, 0'

Edited October 25, 2011 by Robjong

[MonsieurOUXX]

Haha, all of you guys didn't seem to realize that Javascript and DOM are jibberish to me. When you write "there are examples all over the place"... I wouldn't even know how to find them (I have searched before posting)

However Robjong's post makes it clearer for me. I didn't actually know that one can access to properties of a document directly, just like that.

Thanks also to all of you for your suggestions of external tools, I'll try them out to get better acquainted with the world of Web Pages manipulation.

I'll tag this thread as "SOLVED" as soon as I have time to test.

[MonsieurOUXX]

UPDATE: I've produced the little function below to display

Func DumpCollection($oIE) $formName = "the_form_Im_Interested_in" $oForm = _IEFormGetObjByName($oIE, $formName) ;get the form from the page $oObjects = _IEFormElementGetCollection($oForm) Log("There are " & @extended & " objects in form '"&$formName&"'") For $oObject In $oObjects Log($oObject.name & ": "&$oObject.offsetTop&","&$oObject.offsetLeft&"") Next EndFunc

The ids of the objects are dumped correctly.

But offsetTop and offsetLeft return completely unlikely coordinates.

For example, on a big form, the so-called "top" coordinates of the objects are all smaller than 10 -- even though they are much farther way from the top of the document than 10 pixels! It should be hundreds of pixels.

I'm not sure if the issue is that I'm misusing offsetTop and offsetLeft, or simply that they don't make any sense in a "modern" form that is then reprocessed by the browser's renderer (e.g. because of font size)

EDIT: It's simply because according to the specs, offsetTop gives a value relative to the parent. I'll sort it out.

EDIT: I made this thread go off-topic since my very first post. I'll create a different thread for the pixel-position of objects. I'll be coming back to the original topic (how to add a javascript function to a page) in my latest post, below.

Edited October 25, 2011 by MonsieurOUXX

[JohnOne]

Try what I mentioned above which might give you what you need.

Log($oObject.name & ": "&$oObject.x&","&$oObject.y&"")

[MonsieurOUXX]

Thanks John.

=> I'll create a different thread for the question about pixel position. Please do not answer here (please note, though, tat the "x" and "y" properties don't exist. I'll detail my answer in the new thread)

Back to the original topic: "Is it possible to insert a Javascript function into a page after it's loaded?"

What do you AutoIt people think of function _IEDocInsertText ?

See the last example at http://www.autoitscript.com/autoit3/docs/libfunctions/_IEDocInsertText.htm

Wouldn't that do the trick?

[Robjong]

Guess not because as the name says it inserts text, and _IEDocInsertHTML function seems to remove the script tag even if defer is set but I don't know why. (I guess Dale knows).

But it can be done a little different by adapting some of the _IE* functions, this just does not allow positioning of the script tags with bofereend etc.

Edit: Couldn't sleep again so wrote the functions _IEHeadInsertJS and _IEDocInsertJS which also support positioning of the tag with AfterBegin/BeforeBegin/AfterEnd/BeforeEnd.

They (are supposed to) work just like _IEDocInsertHTML with the exception of the $s_where parameter for IEHeadInsertJS which only accepts AfterBegin and BeforeEnd, for obvious reasons.

....

Edited February 15, 2012 by Robjong

[MonsieurOUXX]

Couldn't sleep again so wrote the functions _IEHeadInsertJS and _IEDocInsertJS which also support positioning of the tag with AfterBegin/BeforeBegin/AfterEnd/BeforeEnd.

They (are supposed to) work just like _IEDocInsertHTML with the exception of the $s_where parameter for IEHeadInsertJS which only accepts AfterBegin and BeforeEnd, for obvious reasons.

OH. MY. GOD.

thanks! I'm pretty sure I won't be the only one who will use this!!!!

This should be insterted into the _IE UDF!

Edited October 26, 2011 by MonsieurOUXX

[garbb]

I am interested in the _IEHeadInsertJS and _IEDocInsertJS functions that you wrote. Is there a udf file that you made somewhere with them in it?

[EKY32]

I am interested in the _IEHeadInsertJS and _IEDocInsertJS functions that you wrote. Is there a udf file that you made somewhere with them in it?

 

Hey grabb,

please try reviewing _IEHeadInsertEventScript in the help file.