473,473 Members | 1,825 Online

Sign in
Join

Home Posts Topics Members FAQ

Auto Scroll iframe to end

1 New Member

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 Reply

3

28251

5,390

Recognized Expert Moderator Expert

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

1

New Member

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

Sep 26 '10 #3

5,390

Recognized Expert Moderator Expert

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

Sign in to post your reply or Sign up for a free account.

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,...

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...

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...

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...

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...

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...

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...

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: ...

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,...

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

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,...

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...

php

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.

BYTES.COM © 2024
About Bytes
Terms Of Use
Privacy Policy
Sitemap

Advertise on Bytes
How to Post and Respond on Bytes
How to Promote and Link on Bytes
How to increase your Ranking on Bytes
Become a Recognized Expert on Bytes
Feedback Welcomed! Contact Us