force a real click on an img?

littlemc

Junior Member

Sep 5, 2011

191

146

• Feb 22, 2013

• #1

hey guys
i am trying to force a click on an image which will later do some other function
now i tried to do it with click() BUT it won't work for me as it does not counts as user gesture and the function can only run if the trigger was a user gesture
i need the function to get running on a page visit, i can not edit the function itself
please help me
thanks

 

jazzc

Elite Member

Jan 27, 2009

2,964

14,717

• Feb 22, 2013

• #2

If the image is inside another frame, you can't programmatically issue a click event. If it 's on the same frame, here you go:

Code:

function clickElement(elementid)
 {
var target=document.getElementById(elementid);
if(document.dispatchEvent) { // W3C
    var oEvent = document.createEvent( "MouseEvents" );
    oEvent.initMouseEvent("click", true, true,window, 1, 1, 1, 1, 1, false, false, false, false, 0, target);
    target.dispatchEvent( oEvent );
    }
else if(document.fireEvent) { // IE
    target.fireEvent("onclick");
    }    
}

 

littlemc

Junior Member

Sep 5, 2011

191

146

• Feb 22, 2013
• Thread Starter Thread Starter

• #3

won't work for me :S

 

littlemc

Junior Member

Sep 5, 2011

191

146

• Feb 22, 2013
• Thread Starter Thread Starter

• #4

this would be my code after the code you gave me:

<img src="someimageURL" id="dlImage"/>
<script>
function clickElement(elementid)
{
var target=document.getElementById("#dlImage");
if(document.dispatchEvent) { // W3C
var oEvent = document.createEvent( "MouseEvents" );
oEvent.initMouseEvent("click", true, true,window, 1, 1, 1, 1, 1, false, false, false, false, 0, target);
target.dispatchEvent( oEvent );
}
else if(document.fireEvent) { // IE
target.fireEvent("onclick");
}
}
$(document).ready(function(){
$("#dlImage").click(function() {
here goes the function that needs user gesture
});
});

</script>

edit:
sorry for double post

 

0_00_0

Senior Member

Oct 7, 2010

1,027

494

• Feb 22, 2013

• #5

Why don't you just use an invisible iframe and have it follow the users mouse? Just get them to click anywhere on the page.

 

littlemc

Junior Member

Sep 5, 2011

191

146

• Feb 22, 2013
• Thread Starter Thread Starter

• #6

0_00_0 said:

Why don't you just use an invisible iframe and have it follow the users mouse? Just get them to click anywhere on the page.

Click to expand...

than i will just lose alot of users if no one will actually click, i am planning to just send traffic over the page or iframing the page to facebook fan page after i will make it really working

 

jazzc

Elite Member

Jan 27, 2009

2,964

14,717

• Feb 22, 2013

• #7

Put

Code:

clickElement('dlImage');

after this

Code:

$("#dlImage").click(function() { 
 here goes the function that needs user gesture
 });

 

littlemc

Junior Member

Sep 5, 2011

191

146

• Feb 23, 2013
• Thread Starter Thread Starter

• #8

thanks for the help
but
after adding this what i get is :cant call method 'dispatchonevent' of null

 

Last edited: Feb 23, 2013

jazzc

Elite Member

Jan 27, 2009

2,964

14,717

• Feb 23, 2013

• #9

Make a jsfiddle and share it here

 

O

Optimism

Newbie

Apr 20, 2013

34

3

• Apr 20, 2013

• #10

Google form auto submission. Its where javascript loads the form on page load.