B
bulldog8
I am working on a picture preview page ... some questions and
suggestions have been incorporated already, but the 'user' (i.e.
wife!) would like it to be more user friendly (if it isn't one thing,
its another!!)
The page is basic - a generic, blank page with navigation a picture
presentation area, and a frame showing different thumbnails.
Problem: Once the user has scrolled down the frame and selected a
picture, the frame resets to the top.
Question - How can I make the frames vertical scroll bar hold its
position, or reset to the position last managed by the user?
- I have tried modifying the coe in the parent that changes the
picture, using scrollTop an pageYOffset, but IE complained about both
(Although scrollTop did give me a value!) and scrollTo has no effect.
?? Should the vertical scroll code be placed on the pages being shown
in the iframe?
function ChgPic(ShowThis) {
//Change the picture in the parent that the user is viewing. Called
mainly by the clickable thumbnails
xw = 500;
window.document.getElementById("graphic").innerHTML = '<img
src="../pics/' + ShowThis + '" width="' + xw + '"border="0">';
}
function ChangeList(oSel) {
//Change frame source, showing different set of thumbnails
parent.I1.location = oSel;
}
HTML:
<p><div id="graphic">
<script>ChgPic("family.gif")</script>
</div></p>
....
.... table formatting stuff
....
<p>
<select size="1" name="D1"
onChange="ChangeList(this.options[ this.selectedIndex].value);" >
<option selected value="PlayList2.htm">September 2003</
option>
<option value="PlayList1.htm">Urban Bistro X-Mas
Dinner</option>
</select></p>
<p style="margin-top: 0; margin-bottom: 0">
<iframe name="I1" id="I1" width="549" height="189" scrolling="AUTO"
src="PlayList2.htm">
Your browser does not support or is currently
configured not to display inline frames.
</iframe>
Thanks!
Jon
suggestions have been incorporated already, but the 'user' (i.e.
wife!) would like it to be more user friendly (if it isn't one thing,
its another!!)
The page is basic - a generic, blank page with navigation a picture
presentation area, and a frame showing different thumbnails.
Problem: Once the user has scrolled down the frame and selected a
picture, the frame resets to the top.
Question - How can I make the frames vertical scroll bar hold its
position, or reset to the position last managed by the user?
- I have tried modifying the coe in the parent that changes the
picture, using scrollTop an pageYOffset, but IE complained about both
(Although scrollTop did give me a value!) and scrollTo has no effect.
?? Should the vertical scroll code be placed on the pages being shown
in the iframe?
function ChgPic(ShowThis) {
//Change the picture in the parent that the user is viewing. Called
mainly by the clickable thumbnails
xw = 500;
window.document.getElementById("graphic").innerHTML = '<img
src="../pics/' + ShowThis + '" width="' + xw + '"border="0">';
}
function ChangeList(oSel) {
//Change frame source, showing different set of thumbnails
parent.I1.location = oSel;
}
HTML:
<p><div id="graphic">
<script>ChgPic("family.gif")</script>
</div></p>
....
.... table formatting stuff
....
<p>
<select size="1" name="D1"
onChange="ChangeList(this.options[ this.selectedIndex].value);" >
<option selected value="PlayList2.htm">September 2003</
option>
<option value="PlayList1.htm">Urban Bistro X-Mas
Dinner</option>
</select></p>
<p style="margin-top: 0; margin-bottom: 0">
<iframe name="I1" id="I1" width="549" height="189" scrolling="AUTO"
src="PlayList2.htm">
Your browser does not support or is currently
configured not to display inline frames.
</iframe>
Thanks!
Jon