Help required – Create nodelist collection.

@Dr_GoodvibesauthorOct 06.2010 — #Thank you for your reply,

What I'm doing is, returning an xhr.responseXML from server side XSLT as a fragment. This is then parsed. Inside the returned fragment is non-HTML code which can be parsed in the same way as any other DOM node/element, but it's used to construct the buttons at the bottom of the pop-up window.

ie.

[CODE]<badrabbit button="button">
 <popbutton name="submit" value="Submit" onclick="etc">
 <popbutton name="cancel" value="Cancel" onclick="etc">
 </badrabbit>[/CODE]

This is done so that the server side XSL code and the client side Javascript don't become to inter-dependent, client side presentation only, server side code structure.

This all works fine and now all I'm doing is placing the button structure into an object to then display at the bottom of the pop-up window appended to the document.

An example of my old approach but same structure can be seen at concreteresurfacing dot co dot nz and then click on the pictures at the right or the about at the bottom of the page, you will create an XSLT pop-up window.

The following test snippet of code may help you see where I going wrong and maybe my un-educated approach.

You're right, I'm confused, I've done tons of work with XSL and used to the DOM building approach.

For some reason I was looking at attempting to create a JavaScript object.

Hadn't thought about just using the DOM construct.

So would it be best to just start from document.createElement( myButton ) and just build a DOM 'fragment'?

The Javascript (sans DOM) approach would not be an array, but a set of methods that just make it sort of look like one.

[CODE]
 <!DOCTYPE html>
 <html  xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
 <meta charset="utf-8" />
 <title>Test Object Class</title>
 
 <script type="text/javascript">
 
 var BADRABBIT = function() {
 return {
 
   testLoop: function( obj ){
 
   for ( i = 0; i < 2; i++ ) {
   obj.oButt.item(i).name = 'Test' + i;
   } 
   return obj; 
   },
 
   testInit: function(){
 
   this.oButt = new BADRABBIT.button();
   /*Initilize to verify that name can be overwritten with a new value later on*/
   this.oButt.item(0).name = 'test9'; 
   return this;
 
   },
 
   button: function(){
   this.requested = false;
   this.length = 0;
   /* This where I'm stuck */
   /* ???????????????????? */
   this.item = function(){}
   /*????????????????????? */
   },
 
   testStart: function(){
   var obj = BADRABBIT.testInit();
   obj = BADRABBIT.testLoop( obj );
   alert( 'Name: ' + obj.oButt.item(1).name );
   return obj.oButt.item(1).name
   }
  }
 
 }() 
 
 </script>
 
 </head>
 <body>
 <script type="text/javascript">
 document.write( 'Name: ' + BADRABBIT.testStart() );
 </script>
 </body>
 </html>[/CODE]

Thanks again for taking pity on this fool. ?

Help required – Create nodelist collection.

2 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Help required – Create nodelist collection.

2 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #JavaScript _↴