scrolling framed pages

liunx · Jan 9, 2008

If i want to load someone elses page in my frame, but i want to scroll that page to the info i want to show, how would i do that? 
 
for instance if the content (of the other site) (that i want to show) is down at the bottom of their page, can i have JS scroll down to where i want the page to show? 
 
thanks dougYou can't do that with any client-side scripting unfortunately. I do believe that PHP can do it (or something like it) although I could'nt tell you how.In IE you can use the scrollIntoView() method. 
Create a textRange of the document body, and then invoke the findText() method to look for a string. 
 
var myRange = document.body.createTextRange(); 
if (myRange.findText("Motorcycle Maintenance")) 
myRange.scrollIntoView(); 
 
Or, in your framed case: 
 
var myRange = parent.frames.otherFrameName.document.body.createTextRange(); 
if (myRange.findText("Motorcycle Maintenance")) 
myRange.scrollIntoView(); 
 
 
This won't work for Netscape Navigator, Opera, NeoPlanet or other minority browsers.Don't bother. It can't be done, as far as I know, except for the previously stated way, which is not a good way to do something.except for the previously stated way, which is not a good way to do something. 
 
Ahem... And just why isn't it a good way? 
Please elaborate.Originally posted by jonhanlon 
 
Ahem... And just why isn't it a good way? 
Please elaborate. 
 
As previously stated, it doesn't work on Netscape, Opera, etc. You want a page to work for all audiences.i put the following, in the head of my frameset: 
 
 
var myRange = parent.frames.leftFrame.document.body.createTextRange(); 
if (myRange.findText("10 Day Forecast")) 
myRange.scrollIntoView(); 
 
i changed where you had <otherframename> to <leftFrame> (appropriate to my frameset) and change the find text to appropriate text, but no worky. 
 
here is my page: <a class="postlink" href="http://members.home.net/cassidy147/weatherframe2.htm">http://members.home.net/cassidy147/weatherframe2.htm</a> 
 
Thanks for your time, dougFrameIT should do it for you, but it uses CGI

Hope this helpsits probly beside the point (cuz of the cgi thing- although i may have access to cgi capability -dunno) - but what is this frameIT? 
 
anyway this scrollintoview thingy isnt working for me. 
 
does it go in the head? do i need some onload command or function call or something? 
 
dougThe last time I looked, Gartner reported that Internet Explorer 4+ had 86% of the browser market. It is no doubt higher now. Now I'll admit that a 100% solution is best, but if you can cover 5 out of 6 browsers then you're doing OK in my book. 
Anyway, back to the problem. Let's say the target frame concerns itself with Harley-Davidson motorcycles... What you have to do is examine the target document and pick out distinctive pieces of text that will be your 'anchors'. For Netscape, you need to estimate the offset distance from the top of the document to each 'anchor'. Now different screen sizes will result in different offsets (as will different fonts, frame widths, etc.) so do it in, say 800x600 and we'll scale the result. 
This is why the IE solution is better. The scrollIntoView method will always scroll the text into the visible screen, regardless of browser settings. For Netscape we have to guess and hope that their browsers are pretty much standard. 
Either way though, you'll have to check the target page regularly and re-code any changes. 
 
 
 
<a href=http://www.htmlforums.com/archive/index.php/"#" onclick="scrollAbout('FatBoy');return false">Fat Boy</a> 
<a href=http://www.htmlforums.com/archive/index.php/"#" onclick="scrollAbout('SoftTail');return false">Soft Tail</a> 
<a href=http://www.htmlforums.com/archive/index.php/"#" onclick="scrollAbout('Sportster');return false">Sportster</a> 
 
<script language="JavaScript"> 
function scrollAbout(inText) { 
var lookFor; // IE string we'll go to 
var textSpot; // NN offset we'll jump to 
var targetFrame = parent.frames.leftFrame; 
switch (inText) { 
case 'FatBoy' : lookFor = "The Fat Boy range"; 
textSpot = 200; // on 800 x 600 
break; 
case 'SoftTail' : lookFor = "Soft Tail cycles are for"; 
textSpot = 100; 
break; 
case 'Sportster' : lookFor = "Built for speed,"; 
textSpot = 460; 
break; 
default : return; 
} 
if (document.all) { // IE 
var myRange = targetFrame.document.body.createTextRange(); 
if (myRange.findText(lookFor)) 
myRange.scrollIntoView(); 
} else { // NN estimate 
var factor = Math.floor(800 / screen.availWidth) 
targetFrame.scrollTo(factor*textSpot,0) 
} 
} 
</script>

scrolling framed pages

liunx

Guest