[XSL-LIST Mailing List Archive Home] [By Thread] [By Date] [Recent Entries] [Reply To This Message]

Re: Problems with form tag in javascript in an xml/xsl

Subject: Re: Problems with form tag in javascript in an xml/xsl setup
From: "Thomas B. Passin" <tpassin@xxxxxxxxxxxx>
Date: Mon, 4 Mar 2002 15:54:11 -0500
form1.document
[Rochester, Dean]

> I have a situation where I have an xsl style sheet, that contains the the
> contents for an HTML table of many fields, some text boxes, some select
> boxes, etc.
> This xsl file also contains a javascript and a form tag.
> ...
> The problem is that the xsl that has the html for the form tag, is not
able
> to be seen in the javascript that is in the same xsl file.
>
> It is as if there is no form.

There are too many unknowns here.

1) Are you transforming the data in the browser, and is the browser Internet
Explorer?

2) I don't see anywhere that your javascript function is getting called.
Are you sure that it is?

3) You use document.write() in your function.  Normally, that replaces the
document with a new one containing whatever you document.write().  One
effect of this is to get rid of any javascript that had been defined in the
document.  The usual ways to avoid this are to  either open another window
and write to that, or to use frames, put the javascript into the head
element of the frameset document, and write to one of the frames.

If your function actually runs, how have you prevented it from destroying
itself in this manner?

4) Does the browser indicate any errors?

5) You can capture the xml by using an identity stylesheet.  This should
show what the xml would have looked like if it had been a real document.
Try to get the xml that way, save to a file (maybe by selecting the entire
window and copying to the clipboard), then transform it with your stylesheet
and see if the resulting html works the say you expect.

If you still have a problem after you have answered all these things, let us
know, being more precise about exactly what the nature of the problem is.

Tom P

>
> The xml data is dynamically built xml stack, not an xml file.
>
> In the xsl style sheet is a javascript that is to walk through the form
> looking for elements on the form that match a passed in className and then
> check the values of these fields.  If they are null it pops up an alert.
>
>
> I named the form  mainform.
>
> I have tried things like
>
> var form1 = document.forms[0];
>
> then print out the name of form1 and I get nothing.
>
> Is there a problem with the form not actually being in a regular html
file,
> that the javascript, since it is in the xsl file, it does not know how to
> handle the form?
>
> When the page displays, I can see the form just fine, but I can not get
the
> if null conditional stuff to work, because it does not think there is a
> form.
>
> I can not include the xml but I can include the xsl
>
> ------------------------------------------ xsl file
> -------------------------------------------------
>
> // this is the function where it walks through the forms elements
> // elClass is the passed in className that is being searched for
> function editTab(elClass)  {
>
>
>    var form1 = document.forms[0];
>
>    var elemClass = elClass;
>
>
>
>
>
>    var elements=new Array()
>    var form,element,f,e
>    for (f in document.forms){
>        form=document.forms[f]
>        document.writeln("<br>form name = " + form.name + "</br>");
>        document.writeln("<br>f = " + f + "</br>");
>        for (e in form.elements){
>            element=form.elements[e]
>            if (element.className == elClass){
>                elements.push(element.value)
>            }
>        }
>    }
>
>
>
>
>    if(elemClass == "demo") {
>      document.writeln("<br>elements.length = " + elements.length +
"</br>");
>      document.writeln("<br>elemClass = " + elemClass + "</br>");
>      document.writeln("<br>all.length = " + allTags.length + "</br>");
>
>    }
>
>   //get a list of all the tags in the form
>   for (var intLoop = 0; intLoop < elements.length; intLoop++) {
>       //document.writeln("<br>elemClass = " + elemClass + "</br>");
>       //198 sertw;
>       //if(form1.elements[intLoop].className){
>       //   if (form1.elements[intLoop].className == elemClass) {
>       if (elements[intLoop].className == elemClass) {
>         // save edit parameters
>         strEdit = elements[intLoop].getAttribute('edit');
>
>
>           // if edits, perform them
>           if (strEdit != null) {
>               //document.writeln("<br>strEdit = " + strEdit + "</br>");
>               //document.writeln("<br>intLoop = " + intLoop + "</br>");
>               strFldName = elements[intLoop].getAttribute('title') + " ("
+
> elements[intLoop].getAttribute('name') + ")";  // save field name
>               // parse edits
>               strResult =
> strEdit.match(/[a-zA-Z]+\([a-zA-Z0-9,\.\*\/\-]+\)/g);
>               // set required
>               var strReq = "0";
>               //turn off red box - then turn on if error below
>               //elements[intLoop].parentNode.borderColor="lightblue";
>               //elements[intLoop].parentNode.style.borderWidth="3px";
>
>               // Go through the edits for this field
>
> .....
> ------------------------------------------
>
> This is the form section of the xsl file....
>
> </script>
>
>       <xsl:call-template name="header">
>         <xsl:with-param name="ptitle"
>         select="'Enterprise Registration Data Entry'" />
>       </xsl:call-template>
>
>       <xsl:call-template name="script" />
>
> <!--<body OnLoad="placeFocus()">-->
> <body onload="init()">
>     <form name="mainform" METHOD="post"
>             onSubmit="return doSubmit()"
>
> ACTION="/promedica/servlet/promedica.AppDriver?opt=flow.GatherGuarInfo2">
>
>
>
>
>           <xsl:call-template name="banner" />
>
>           <div id="tabs">
>             <span id="tab1" class="tab">
>             <font color="red">(X)</font>
>
>             Demographics</span>
>
>             <span id="tab2" class="tab">
>             <font color="red">(X)</font>
>             Next of Kin</span>
>
>             <span id="tab3" class="tab">
>             <font color="red">(X)</font>
>
>             Visit</span>
>
>             <span id="tab4" class="tab">
>             <font color="red">(X)</font>
>
>             Guarantor</span>
>
>             <span id="tab5" class="tab">
>             <font color="red">(X)</font>
>
>             Insurance</span>
>
>             <input type="submit" name="save"
>             value="Complete Registration" />
>           </div>
>
>           <div id="content1" class="content">
>             <table width="100" border="0" cellspacing="0"
>             cellpadding="0">
>               <xsl:apply-templates
>               select="/Display/datamap/error" />
>
>
>               <xsl:apply-templates
>               select="/Display/Demographics" />
>
>             </table>
>           </div>
>
>           <div id="content2" class="content">
>             <table width="100" border="0" cellspacing="0"
>             cellpadding="0">
>               <xsl:apply-templates select="/Display/Next_of_kin" />
>             </table>
>           </div>
>
>           <div id="content3" class="content">
>             <table width="100" border="0" cellspacing="0"
>             cellpadding="0">
>               <xsl:apply-templates select="/Display/Visit" />
>             </table>
>           </div>
>
>           <div id="content4" class="content">
>             <table width="550" border="0" cellspacing="0"
>             cellpadding="0">
>               <xsl:variable name="gtype"
>               select="/Display/datamap/guarSelect" />
>
>               <xsl:choose>
>                 <xsl:when test="$gtype='1'">
>                   <xsl:apply-templates
>                   select="/Display/GuarantorSelf" />
>                 </xsl:when>
>
>                 <xsl:otherwise>
>                   <xsl:apply-templates
>                   select="/Display/Guarantor" />
>                 </xsl:otherwise>
>               </xsl:choose>
>             </table>
>           </div>
>
>           <div id="content5" class="content">
>             <table width="550" border="0" cellspacing="0"
>             cellpadding="0">
> <!-- Content -->
>               <xsl:variable name="itype"
>               select="/Display/datamap/InsuranceType" />
>
>               <xsl:choose>
>                 <xsl:when test="$itype='blue'">
>                   <xsl:apply-templates
>                   select="/Display/InsuranceBlue" />
>                 </xsl:when>
>
>                 <xsl:when test="$itype='comm'">
>                   <xsl:apply-templates
>                   select="/Display/InsuranceComm" />
>                 </xsl:when>
>
>                 <xsl:when test="$itype='care'">
>                   <xsl:apply-templates
>                   select="/Display/InsuranceCare" />
>                 </xsl:when>
>
>                 <xsl:when test="$itype='self'">
>                   <xsl:apply-templates
>                   select="/Display/InsuranceSelf" />
>                 </xsl:when>
>
>                 <xsl:otherwise>
>                   <xsl:apply-templates
>                   select="/Display/InsuranceHMO" />
>                 </xsl:otherwise>
>               </xsl:choose>
>             </table>
>           </div>
>         </form>
>



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


Current Thread

PURCHASE STYLUS STUDIO ONLINE TODAY!

Purchasing Stylus Studio from our online shop is Easy, Secure and Value Priced!

Buy Stylus Studio Now

Download The World's Best XML IDE!

Accelerate XML development with our award-winning XML IDE - Download a free trial today!

Don't miss another message! Subscribe to this list today.
Email
First Name
Last Name
Company
Subscribe in XML format
RSS 2.0
Atom 0.3
Site Map | Privacy Policy | Terms of Use | Trademarks
Free Stylus Studio XML Training:
W3C Member
Stylus Studio® and DataDirect XQuery ™are products from DataDirect Technologies, is a registered trademark of Progress Software Corporation, in the U.S. and other countries. © 2004-2013 All Rights Reserved.