DHTML and 'back' button ?

[Sol Mayer-Orn]

Hi,

I'm using DHTML, but my page gets meesed up when clicking the "Back" button on the browser...

Example: say I have a 'select' control with a list of countries.
Whenever the selected country changes, I use DHTML to display the capitol of the selected country ( in some < span > in the page).

Full code:

< head >
   < script language="javascript" >
      function showCapitol(){
         // check which country is selected, and display its capitol
         // in 'capitolSpan' :
         var index=document.form1.country.selectedIndex;
         var capitol = (index==0 ? "London" : "Washington DC");
         document.getElementById('capitolSpan').innerHTML=capitol;
      }
    < / script >
< / head >
 
< body >
   < ! -- Country selection: -- >
   Country:
   < form name='form1' >
      < select name='country' onChange='showCapitol()' >
         < option > UK < /option >
         < option > USA < /option >
      < /select >
   < / form >
 
   < !-- Span for displaying capitol name : -- >
   Capitol: < span id='capitolSpan' > London < /span >
< /body >

This works fine, untill I navigate to another page, and then use "Back" to return to my page... when using 'back', the displayed capitol will always be 'London' regardless of the selected country...

Help would be appriciated.
Thanks

[Eric Pascarello]

You would probably have to use cookies and fire an event of window.onload

Eric