Auto Scroll iframe to end

I have an iframe that loads a .txt file on a page. The page is local and does not use any kind of server. The page automatically updates using

Expand|Select|Wrap|Line Numbers

<META HTTP-EQUIV='refresh' content=3>

The problem I face is that I want the iframe to scroll to the bottom automatically once the page has reloaded. An example of my current progress is shown below

Expand|Select|Wrap|Line Numbers

 
<HTML>

<HEAD>

<TITLE>DP LOG</TITLE>

<META HTTP-EQUIV='refresh' content=3>

<META Http-Equiv="Cache-Control" Content="no-cache">

<META Http-Equiv="Pragma" Content="no-cache">

<META Http-Equiv="Expires" Content="0">

</HEAD>

<BODY>
 
<p><iframe name="DP Log_frame" src="example.txt" width="100%" height="50%" align="middle" scrolling="yes" frameboarder="1"></iframe><p>
 
</BODY>

</HTML>

Any help would be greatly appreciated. I have only just started using iframes so am a relative nwebe. Thanks in advance

Feb 5 '08 #1

Subscribe Post Reply

28216

gits

5,390

Expert Mod 4TB

hi ...

here is an example:

first use a valid id for the frame and fix the frameborder-typo:

Expand|Select|Wrap|Line Numbers

 <iframe name="DP_Log_frame" src="example.txt" width="100%" height="50%" align="middle" scrolling="yes" frameborder="1"></iframe>
 

next we write a javascript function ... put that in the documents head:

Expand|Select|Wrap|Line Numbers

 <script type="text/javascript">

function scroll_to_end() {

    var frame = window.frames.DP_Log_frame;

    var doc   = frame.document;

    var node  = doc.getElementsByTagName('body')[0].lastChild;
 
    var y = parseInt(node.offsetTop, 10);
 
    frame.scrollTo(0, y);

}

</script>

last step: in your iframe tag use:

Expand|Select|Wrap|Line Numbers

onload="scroll_to_end();"

kind regards

Feb 5 '08 #2

Moeffe

The above solution works fine with Internet Explorer 8, but not with Firefox 3.6.

Sep 26 '10 #3

gits

5,390

Expert Mod 4TB

you should check the lastChild node - it might be that:

Expand|Select|Wrap|Line Numbers

var node = doc.getElementsByTagName('body')[0].lastChild;

just retrieves a node that wouldn't be valid, probably it will be a whitespace textnode or similar ... if it's not a textnode then the code will work ...

to get an elements position you might have a look here ... and adapt the code to your requirements

Sep 26 '10 #4

Similar topics

iFrame : suppress horizontal scroll bar

by: RJN | last post by:

Hi I'm using an iFrame to enclose another document. The iFrame width is sufficient to hold the enclosed document. When the enclosed document has more data and exceeds the height set for iFrame,...

ASP.NET

Set Parent Scroll Position - parent page and iframe on seperate domains

by: PD | last post by:

I have a parent .Net page (http://mywebsite/project.aspx) that has an iframe (http://iframe/iframe.aspx) which are on seperate domains. I need to adjust the scrolling on the parent window due the...

Javascript

Setting the scroll bar to a certain level?

by: Merlin | last post by:

Hi there, I do have a complex problem and wonder if this is possible to solve. Following situation. I do have a page, where you do have a frame inside that page. That frame holds different...

Javascript

Scroll-Down does not scroll-down

by: jadeite100 | last post by:

Hi: I have an pop-up window with an Iframe that has a text box with scrolldown. The scrolldown in the popup-window does not work but the scroll-down for the iFrame works. The strange thing is I...

HTML / CSS

Controlling an iframe scroll or anchor without affecting the parent window

by: LudwigWrules | last post by:

I have an iframe on my site. I need the frame to display its "child" page at a specific point. I can do this by setting an anchor, but it makes the parent window go there, too. I was thinking of just...

HTML / CSS

How can i auto scroll down a css iframe ? (overflow:auto;)

by: eddwinpaz | last post by:

Hi everyone..!! i have a chat and i want all the new messages to be seen but ecause i have a css iframe i would like to auto scroll down. so i can see the new message instead of click the scroller...

HTML / CSS

Auto height problem to outer div

by: pravinnweb | last post by:

can anyone tell me how to set auto height to outer div that is in green box id "gray-background" it should increase relatively to inner div "smbox" here is the css and html code it should work in...

HTML / CSS

Invoking scroll method for an IFRAME object in HTML javascript

by: John L. | last post by:

How do I invoke the scroll() method of a window object for a scrollable IFRAME element in an HTML document? I am using IE 7.0, and I thought the following would work: ...

Javascript

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++