Error in tabbed form

Hi, i built a form using the tutorial provided by Bob at

https://www.chronoengine.com/faqs/58-cfv4/cfv4-elements-and-html/2660-how-can-i-build-a-tabbed-form.html

However, I'm having a small problem with the navigation. I used the buttons as described there but it shows me this error on the console:

Uncaught TypeError: Cannot call method 'retrieve' of undefined

.
I think the error is located in of this two following lines:

pane = $$('#cf_tabbed_form dl')[0].retrieve('JTabs');
  pane.display(this.getProperty('name'));

And i tried changing the name of the pane from cf_tabbed_form dl to cf_tabbed_form but then it shows me this error instead

Uncaught TypeError: Cannot call method 'display' of null 

in any case... I don't really know how to fix this.

thanks

Hi oneira,

The '#cf_tabbed_form dl' is looking for the IDs of the tabbed form elements - what are they set to in your form?

Bob

Well i followed your instructions and thus i left the names as in the example you provided. Here's the code:

<div class='to_tabs' >
Go to:

<input type='button' name='0' disabled='disabled' value='Nominating School' class='to_tab' /> 
<input type='button' name='1' value='Nominated Student' class='to_tab'/> 
<input type='button' name='2' value='Supporting Documents' class='to_tab' />
</div>

I have found this looking at the code of the form

<?php if(isset($pane)){echo $pane->startPanel("Nominated Student", "cf_container_18");} ?>

but i don't know if and how to change the value of the cf container. Thanks

Help, i still have the issue, and would like to deliver the product. Thanks