Scroll position in an iframe

Question

0.00/5 (No votes)

See more:

Hi All,

I am working with an E-learning website.Here we have two frames .In a page on left side there is loading all TOC(Title,chapter1,chapter2---Index,Biblography--) on right side the content will display according to the TOC.The function is working perfectly

Here I want to do is when we change the Toc(Eg. chapterI to ChapterV)the scroll position also change according to that.
we can pass the value both 'chapter I' and 'chapter V' also we don' want the function like the following one
document.getElementById("frame_left").src = Url + "#" + passingvalue

Here is our code for loding the content in left frame
----------------

JavaScript

var content = jsonCommon.GetTocHtml_Stream(sBookID, SessionID)//getting the content;
                   globalcontent = content;
                   var s = document.getElementById('frame_left');
                   s.contentDocument.write(_globalcontent );

-------------------------
Here I got some hint

JavaScript

myIframe.contentWindow.scrollTo(xcord, ycord)//chapter I to chapterV;

how can I get the xcord and ycord or any other method?

Pls help me how can I implement this?

Thanks & regards,
soumya

Posted 9-Jan-12 6:26am

soumyaraj

Updated 9-Jan-12 7:14am

Mehdi Gholam

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

soumyaraj · Answer 1 · 2012-01-10T00:32:00

Solution 2

Hi,
Thanks for your response
when I come to the following step it's showing one error
Point is not defined

var pt = new Point(0, 0);

pls help

VB

Thanks & regards,
soumya

Posted 10-Jan-12 0:32am

soumyaraj

Comments

Mehdi Gholam 10-Jan-12 6:34am

Please use the comments for further assistance, do not post solutions.

Jamal Seyedi · Answer 2 · 2012-01-09T21:54:00

there is a way to find x and y of a element

JavaScript

var thepoint  = myfunc_GetXY(myIframe.contentWindow.document.getElementById("some_Element"));
myIframe.contentWindow.scrollTo(thepoint.x, thepoint.y)//chapter I to chapterV;

or use : 
myIframe.contentWindow.document.getElementById("some_Element").scrollIntoWiew()

function myfunc_GetXY(aTag)
{
    var oTmp = aTag;
    var pt = new Point(0, 0);
    do
    {
        pt.x += oTmp.offsetLeft;
        pt.y += oTmp.offsetTop;
        oTmp = oTmp.offsetParent;
    } while (oTmp && oTmp.tagName != "HTML" && oTmp.tagName != "BODY");
    return pt;
}

Scroll position in an iframe

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us