Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Chrome: click()

Posted on 2010-08-26
12
Medium Priority
?
1,023 Views
Last Modified: 2013-12-07
Hi,

I have a site that works with IE.
Now I am trying to make it work with Chrome and FireFox.

I see that the element.click()  (in JavaScript)  doesn't work in chrome.
Is there another way to do it?


0
Comment
Question by:VapiSoft
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 7
  • 5
12 Comments
 
LVL 4

Expert Comment

by:flexiwebsw
ID: 33536503
Ive just tried it in chrome, firefox, opera and ie and it works fine in all browsers, whats the piece of code that your using? maybe theres an error that chrome picks up.
0
 
LVL 4

Expert Comment

by:flexiwebsw
ID: 33536508
ive tried this axample and it works fine.
<input type="checkbox" onClick="document.getElementById('theSubmitButton').click();">Check the box to simulate a button click
<br>
<input type="button" name="theSubmitButton" id="theSubmitButton" value="Button" onClick="alert('The button was clicked.');">

Open in new window

0
 

Author Comment

by:VapiSoft
ID: 33536583
I think you misunderstood the question.

onclick event works fine.

the method element.click() that you can execute a click on an element (in JavaScript)  doesn't work.
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 4

Expert Comment

by:flexiwebsw
ID: 33536786
yes i completely understood your question, in the example i posted if you click on the checkbox then it simulates a click on the button which runs the alert coded on the button onclick parameter.
0
 

Author Comment

by:VapiSoft
ID: 33537032
You are right.
It does work when I click on a button (as in your example).
But it doesn't work when I click on the expand (+) icon in a 'tree-table'.

+ ...
+....
I added an alert before the click and after the click.
It shows only the first alert.
0
 
LVL 4

Expert Comment

by:flexiwebsw
ID: 33537071
if you post your source code for that area, i will have a look and fix it for you.
0
 

Author Comment

by:VapiSoft
ID: 33537251
the site is:
http://www.vapisoft.com/MyTree/main.php

click on the 'Comments' at the bottom.
Then click on 'Maximize'.
The click on 'Open All' (at the top).
It works in IE but not in Chrome.
It activates the attached function.

function openAll(checked,table)
{
 var do_again=true;
 var name="minus";
 if (checked) name="plus";
 
 while (do_again)
 {
  do_again=false;
  var allPageTags=document.getElementsByTagName("*");
  for (var i=0; i<allPageTags.length; i++) 
  {  
   if (allPageTags[i].className== 'expandimg') 
   { 
    var src=allPageTags[i].src;
    if (src.indexOf(name) > 0)
    {
     if (allPageTags[i].id.match('^'+table))
     {
	  var obj=allPageTags[i];
	  obj.click();
	  do_again=true;
     }
    }
   }
  } 
 }
}

Open in new window

0
 
LVL 4

Expert Comment

by:flexiwebsw
ID: 33537506
you get the error

'allPageTags[i].click is not a function'

othher browsers dont detect the image.clicl(); as a function
0
 
LVL 4

Accepted Solution

by:
flexiwebsw earned 1500 total points
ID: 33537570
i think other browsers dont like the fact thats its an image, it thinks you cant click it.
0
 

Author Comment

by:VapiSoft
ID: 33537813
so what can I do?
0
 

Author Closing Comment

by:VapiSoft
ID: 33537841
I don't have a solution, but thanks for the help.
0
 
LVL 4

Expert Comment

by:flexiwebsw
ID: 33537866
try this, it works fine

you willl have to replace your image with an input tag, but set the type to image, it works fine in all browsers.
<input type="checkbox" onClick="document.getElementById('theSubmitButton').click();">Check the box to simulate a button click
<br>
<input type="image" src="http://www.vlerickalumni.com/images/icons/plusIcon.gif" name="theSubmitButton" id="theSubmitButton" onClick="alert('The button was clicked.'); return false;">

Open in new window

0

Featured Post

Ask an Anonymous Question!

Don't feel intimidated by what you don't know. Ask your question anonymously. It's easy! Learn more and upgrade.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Ever visit a website where you spotted a really cool looking Font, yet couldn't figure out which font family it belonged to, or how to get a copy of it for your own use? This article explains the process of doing exactly that, as well as showing how…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

618 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question