Re^10: How do I click Javascript button with Win32::IE::Mechanize

rshrivaQ,

As I am sure you have noticed, you get notified when someone replies to your post. Since you replied to yourself here, I did not get informed. I have been busy with my day job so have no had a chance to get back to you, however it is considered polite to wait until someone replies in their own time.

You did not provide us with the JavaScript code in question. Please note the dummy JavaScript function I have written into the HTML you provided:

<HTML>
<HEAD>
<TITLE>Cygent: Error</TITLE>
<SCRIPT>
function subForm(){
    alert('Hello!');
}
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="ua/script/rollover.js"></SCRIPT>
<SCRIPT SRC="common/script/js_common.js" language="javascript"></SCRIP
+T>

</HEAD>

<BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" BG
+COLOR=#999999 LINK=#"0033CC" vlink="#0033CC" TEXT=#000000  onload="on
+Load()">
<FORM NAME="mainForm" METHOD="POST" ACTION="/go" target="_top" onsubmi
+t="return false;">



<INPUT TYPE=hidden NAME=from VALUE="UA_Error">
<INPUT TYPE=hidden NAME=to VALUE="">
<INPUT TYPE=hidden NAME=task VALUE="">

<!-- BEGIN Outer shell - sets minimum width for screen. Use 1004 for 1
+024 pixel screens and 780 for 800 pixel screens -->


<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH="100%" BGCOLOR="#FFF
+FFF">
<!-- END title bars -->
    <TR>
     <TD ALIGN=LEFT VALIGN=TOP CLASS="FormBodyBGColor" COLSPAN="2">
      <TABLE BORDER=0 CELLPADDING=10 CELLSPACING=0 WIDTH="100%"><TR><T
+D ALIGN=LEFT VALIGN=TOP>
       <TABLE BORDER=0 CELLPADDING=10 CELLSPACING=0 WIDTH=620>
  <TR>
    <TD VALIGN=TOP>
      <FONT FACE="Arial" size="2">The following error has occurred:</f
+ont>
    </TD>
  </TR>
  <TR>
    <TD VALIGN=TOP COLSPAN=2>
      <FONT FACE="Arial" size="2">
        The system has encountered an error while processing your requ
+est.  <BR>Please click the &quot;sign off&quot; button provided below
+, sign back into the system, and try your request again.
      </FONT>
    </TD>
  </TR>
  
  <TR>
    <TD COLSPAN=2>
      <FONT FACE="Arial" size="2">
        Please click 'Go Back' button to return to the previous screen
+, and continue from there. If you continue to encounter problems, ple
+ase use the 'Sign Off' button to exit the application.
      </FONT>
    </TD>
  </TR>
  
  <TR>
    <TD>
      <A HREF="javascript:history.back()">
      <IMG BORDER="0" SRC="ua/images/button_back.gif"></A></TD>
    
     <TD VALIGN=BOTTOM ALIGN=RIGHT><A HREF="javascript:subForm('UA_Sig
+nin','signOff')"><IMG BORDER="0" SRC="ua/images/button-signoff.gif" a
+lt=""></A></TD>

      

  </TR>
</TABLE>
      </TD></TR></TABLE>
     </TD>
    </TR>
    </TABLE>
<!-- END Outer shell -->

</FORM>
</BODY>
</HTML>
[download]

Now, when I run this code, I see the alert window as expected. Unless the JavaScript function subForm exists in the JavaScript file you include, nothing will happen when the link is followed, as there is no function in the HTML you have provided.

#!/usr/bin/perl

use strict;
use warnings;
use Win32::IE::Mechanize; 

my $ie = Win32::IE::Mechanize->new( visible => 1 );   
my $url ='file:///c:/test.html';
$ie->get($url); 
$ie->follow_link(url => "javascript:subForm('UA_Signin','signOff')");
[download]

Feel free to add the required error checking.

Hope this helps

Martin

Comment on Re^10: How do I click Javascript button with Win32::IE::Mechanize Select or Download Code

Replies are listed 'Best First'.
Re^11: How do I click Javascript button with Win32::IE::Mechanize by rshrivaQ (Initiate) on Dec 27, 2007 at 13:34 UTC
Thanks for encouraging me.I am copying the different code with java script function <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=windows-1252 +"> <META content="MSHTML 6.00.2900.3243" name=GENERATOR></HEAD> <BODY><PRE><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitiona +l//EN"> <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset +=iso-8859-1"> <TITLE>Consulting Plus - Single Sign-On</TITLE> <link rel="stylesheet" href="../style/MenuBar.css"> <script language="JavaScript" type="text/script"> function doSubmit() { document.ctlogonform.method="post"; document.ctlogonform.action="cp_logon_ct.html"; document.ctlogonform.submit(); } </script> </HEAD> <BODY bgcolor="#999999" class="linkColor" vlink="FFFFFF"> <table width="1004" border="0" cellspacing="0" cellpadding= +"0"> <tr> <td bgcolor="#FFFFFF" width="4">&nbsp;</td&gt +; <td rowspan="2" bgcolor="#FFFFFF" width="222"><im +g src="../images/qwest_blu_wht1.gif" alt=""></td> <td width="381" bgcolor="#FFFFFF">&nbsp;</td& +gt; <td colspan="2" bgcolor="#FFFFFF"> <div align="right"> </div> </td> <td width="4" class="qwestBlueBGColor" height="16">& +amp;nbsp;</td> </tr> <tr> <td bgcolor="#FFFFFF" width="4">&nbsp;</td&gt +; <td colspan="3" bgcolor="#FFFFFF" height="77"> <font color="006699" size="2"><b>Consulting Pl +us - Single Sign-On</b></font> </td> <td width="4" class="qwestBlueBGColor">&nbsp;&lt +;/td> </tr> <tr> <td width="4" class="qwestBlueBGColor">&nbsp;&lt +;/td> <td width="222" class="qwestBlueBGColor">&nbsp;& +lt;/td> <td width="381" class="qwestBlueBGColor">&nbsp;& +lt;/td> <td width="222" class="qwestBlueBGColor">&nbsp;& +lt;/td> <td width="184" class="qwestBlueBGColor">&nbsp;& +lt;/td> <td width="4" class="qwestBlueBGColor">&nbsp;&lt +;/td> </tr> <tr> <td width="4" class="formBodyBGColor" height="21">&a +mp;nbsp;</td> <td width="222" class="pagename" height="21">SIGN O +N</td> <td colspan="3" class="message" height="21" >&n +bsp;&nbsp;To access Consulting Plus, Please enter your CUID and P +assword then click the SIGN ON button.</td> <td width="4" class="qwestBlueBGColor" height="21">& +amp;nbsp;</td> </tr> <tr> <td width="4" class="formBodyBGColor">&nbsp;</td& +gt; <td colspan="4" class="formBodyBGColor"> <FORM name="ctlogonform" ACTION="cp_logon_ct.html" METHOD=P +OST ACCEPT-CHARSET="UTF-8"> <INPUT TYPE="hidden" NAME="auth_mode" VALUE="basic"> <table border=0 cellpadding=10 cellspacing=0 width="100 +%"> <tr> <td valign=top> <table border=0 cellpadding=0 cellspacing=0 wid +th="100%"> <tr> <td width="50%"><img src="../imag +es/spacer.gif" alt="" width=1 height=1 border=0></td> <td width="50%"><img src="../imag +es/spacer.gif" alt="" width=1 height=1 border=0></td> </tr> <tr> <td valign=top><FONT COLOR="#FF00 +00" FACE="Arial" SIZE="2"></FONT></td> </tr> <tr> <td colspan="2"><img src="../i +mages/spacer.gif" alt="" width=1 height=10 border=0></td> </tr> <tr> <td valign=top> <font face="Arial" size=2><b>C +UID:</b></font> <br> <input type="text" name="user" value="" + maxlength="26" size="22" > </td> <td valign=top> <font face="Arial" size=2>&lt +;b>Password:</b></font> <br> <INPUT TYPE="password" NAME="p +assword" VALUE="" SIZE="22" MAXLENGTH="20"> </td> </tr> </table> </td> </tr> </table> </FORM> </td> <td width="4" class="qwestBlueBGColor">&nbsp;</td +> </tr> <tr> <td colspan="6" class="qwestBlueBGColor" height="16"&gt +; <table border="0" cellpadding="0" width="100%" bgcolor= +"#000000"> <tr> <td valign=TOP width="2%"></td> <td valign=TOP width="32%">&nbsp;</td +> <td align=CENTER valign=TOP width="32%"> <div align="CENTER" ><a class="navBar +Bottom2" href="javascript:document.forms[0].reset();" >RESET</a +></div> <td> <td align=RIGHT valign=TOP width="32%"> <div align="RIGHT"><a href="javascrip +t:document.forms[0].submit();" class="navBarBottom2">SIGN ON</a +></div> </td> <td valign=TOP width="2%"></td> </tr> </table> </td> </tr> <tr> <td colspan="6" class="qwestBlueBGColor"> <div align="right"><img src="../images/qwest_ +cygent_basea.gif" alt="" width="1000" height="3"></div> </td> </tr> <tr> <td width="4" bgcolor="ffffff" height="24">&nbsp +;</td> <td colspan="3" bgcolor="ffffff" height="24"> </td> <td colspan="2" bgcolor="ffffff" height="24"> <div align="right"><img src="../images/qwest_ +RSA_gray.gif" alt="" width="187" height="39"></div> </td> </tr> <tr> <td colspan="6" bgcolor="#3E6679"> <div align="right"><img src="../images/qwest_ +cygent_baseb_gray.gif" alt="" width="1000" height="3"></div> </td> </tr> </table> </BODY> </HTML> </PRE></BODY></HTML> [download] and my script is `#!/usr/bin/perl #use strict; #use warnings; use Win32::IE::Mechanize; my $ie = Win32::IE::Mechanize->new( visible => 1); my $url ='http://test.html'; #dummy url $ie->get( $url ); $ie->set_visible($username,$password ); # $ie->follow_link("javascript:document.forms[0].submit();"); $ie->find_link(url => "javascript:document.forms[0].submit();")\|\| die + "can't call $!";` [download] script is able to load the page and passing the inputs but its not hitting the SIGN ON button. Thanks	[reply] [d/l] [select]
Re^12: How do I click Javascript button with Win32::IE::Mechanize by marto (Cardinal) on Dec 27, 2007 at 13:50 UTC
I have told you a couple of times to note the differences between the `$ie->find_link()` method, which for some reason you insist on using, and the `$ie->follow_link()` method. In your previous examples where you failed to show us any of the JavaScript clicking an image ran a JavaScript function. Now for some reason this seems to have changed and you just want to submit a form? Regardless... First off, please read and understand the Win32::IE::Mechanize documentation, I appreciate that this may not be easy if English is not your native language. Once again you are using `$ie->find_link();` which does not click a link, it returns an object describing the link. If you read the Win32::IE::Mechanize documentation you will see that there is an entire section of form methods, and examples for populating fields and submitting forms using the `$ie->submit_form()` method. I suggest you go read up on how to use this to populate these fields, and submit the form. There is an example in the synopsis showing exactly how to do this. Update: typo s/not to note/to note/ Hope this helps Martin	[reply] [d/l] [select]