Issue resetting ScrollTop to zero

[cawthor]

I've included some sample code below. If I scroll down a few items in a multi select box, then reset the ScrollTop to zero, the list resets to the first element correctly. However, if you then click the scroll down arrow, it will jump to the next value before the scrolltop reset. Eg. Scroll down 3 clicks to 'Test 4', click 'reset', click down arrow once. First value displayed is 'Test 5' instead of 'Test 2'.

<SELECT name="test" multiple size="4">
<option>Test 1
<option>Test 2
<option>Test 3
<option>Test 4
<option>Test 5
<option>Test 6
<option>Test 7
<option>Test 8
<option>Test 9
</SELECT>
<a href="javascript:void(0);" onclick="document.all['test'].scrollTop=0;">reset</a>

 

[BabyJeffy]

You might consider setting the selectedIndex as well...

<select [b]id="testSelect"[/b] multiple size="4">
<option>Test 1
<option>Test 2
<option>Test 3
<option>Test 4
<option>Test 5
<option>Test 6
<option>Test 7
<option>Test 8
<option>Test 9
</select>
[s]<a href="javascript:void(0);" onclick="document.all['test'].scrollTop=0;">reset</a>[/s]
<span style="text-decoration: underline;color:blue;" onclick="document.[b]getElementById('testSelect')[/b].selectedIndex = 0;">Reset</span>

It worked nicely for me in Fx 2 on MacOSX - but that's probably not your target browser

Cheers,
Jeff

[tt]Jeff's Blog [!]@[/!] CodeRambler

http://www.coderambler.com/

http://www.coedit.co.uk/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094

 

[cawthor]

That works great...thank you very much!