xsl-list
[Top] [All Lists]

RE: why can not acces form element in javascript function from xsl rendered html?

2003-03-07 10:16:59

Finally I figured out the way to get hold of form element [dropdown box in my 
case] from javascript fucntion:

I should have coded like this in the javascript function to manipulate/select 
the options of the dropdown box

function selectAll( listID, form) {
 //listID is an arrayList with list of IDs.
 for ( i = 0; i<listID.length; i++){
   dropdownID = 'currency_' + listID[i].value;  
   var selectBox = document.form.elements[dropdownID]; //i was referring 
form.dropdownID which was wrong
   slecteBox.options[1].selected = true;
 }
}

-gb
-----Original Message-----
From: Marty McKeever [mailto:marty(_dot_)mckeever(_at_)goingv(_dot_)com]
Sent: Friday, March 07, 2003 9:51 AM
To: xsl-list(_at_)lists(_dot_)mulberrytech(_dot_)com
Subject: RE: [xsl] why can not acces form element in javascript function
from xsl rendered html?


the only reason the form object would not be available is if you pass it in
oncorrectly.
either of these should work for you:

<input type="button" onclick="selectAll('someID',this.form)"/>

or, if the onclick is not part of a form element, retrieve the object
directly:

<a href="#" onclick="selectAll('someID',document.forms['formName'])">





-----Original Message-----
From: owner-xsl-list(_at_)lists(_dot_)mulberrytech(_dot_)com
[mailto:owner-xsl-list(_at_)lists(_dot_)mulberrytech(_dot_)com]On Behalf Of 
Bhattachan,
Ganesh
Sent: Friday, March 07, 2003 11:06 AM
To: XSL-List(_at_)lists(_dot_)mulberrytech(_dot_)com
Subject: [xsl] why can not acces form element in javascript function
from xsl rendered html?


I have been trying to create a button  [e g. select all] that
will select same value in select boxes/ radio buttons at a time
that are created by using xsl/xml. I call javascript function
selectAll on onClick() envent but can not access form element
from function, and throws null or not an object error. I assign
name to each select box dynamically
so as to have unique id for each select box in each row.

function selectAll( listID, form) {
      //listID is an arrayList with list of IDs.
      for ( i = 0; i<listID.length; i++)
        // since each row in a table has select box, I use
currency_uniqueRecordID(eid fetched from database)  as id for
select boxes when
        // rendering in html during xml-xsl transformation.
        var selectBox = 'currency_' + listID[i]; //name assigned
for select box when rendering html
       //---this is not working. I have two options in each
select box...US and EUR, and want to select US value in all dropdown.
        form.selectBox.options[1].selected = true;
      }
}
The problem here is that the form element is not recognizable
from javascript. Any help will be appreciated.
Thanks in advance.

GB




 XSL-List info and archive:  http://www.mulberrytech.com/xsl/xsl-list




 XSL-List info and archive:  http://www.mulberrytech.com/xsl/xsl-list


 XSL-List info and archive:  http://www.mulberrytech.com/xsl/xsl-list



<Prev in Thread] Current Thread [Next in Thread>