1) Auto scrolling to target area. Display specific name position.
2) By clicking the name (link). scrolling to target area.
Googling for any solutions did not help me so far.
Any one may help to complete this on how to auto scrolling?
Example: http://www.iwdn.net/showthread.php?t=6376
Modified the code but still not working well.
i.e. Question
On start - Auto scroll to "WEATHER AROUND THE WORLD"
On Click - Scroll to "WEATHER MAPS"
or manually scroll use mouse/keyboard
Expand|Select|Wrap|Line Numbers
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <html>
- <head>
- <title>iframe scroll test</title>
- <style type="text/css">
- <!--
- #theiframe{
- width:800px;
- height:330px;
- border:0px solid #000;
- overflow:hidden;
- margin-left:0px;
- margin-top:0px;
- }
- #theiframe iframe {
- width:1280px;
- height:1280px;
- margin-left:-253px;
- margin-top:-200px;
- border:0 solid;
- }
- -->
- </style>
- </head>
- <body>
- <p>Sample<br>text<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br></p>
- <p>Sample<br>text<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br></p>
- <p>Sample<br>text<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br></p>
- <p><a href="javascript:void(0)" onclick="iframescroll()">iframescroll(World)</a></p>
- <p><a href="javascript:void(0)" onclick="iframescroll(Map)">iframescroll(Map)</a></p>
- <div id="container">
- <iframe name="theiframe" id="theiframe" src="http://weather.yahoo.com/?w=2459115" scrolling="yes"></iframe>
- </div>
- <script>
- function getScrollPos() {
- var r={x: 0, y: 0};
- if(typeof(window.pageYOffset)=='number'){r.y=window.pageYOffset;r.x=window.pageXOffset}
- else if(document.body.scrollLeft || document.body.scrollTop){r.y=document.body.scrollTop;r.x=document.body.scrollLeft}
- else if(document.documentElement&&document.documentElement.scrollLeft!==undefined){r.y=document.documentElement.scrollTop;r.x=document.documentElement.scrollLeft}
- return r;
- }
- function iframescroll(){
- var sp=getScrollPos();
- var i=document.getElementById('theiframe');
- i.contentWindow.location.hash='Weather around the world';
- scrollTo(sp.x,sp.y);
- }
- </script>
- <p>Sample<br>text<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br></p>
- <p>Sample<br>text<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br></p>
- <p>Sample<br>text<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br></p>
- </body>
- </html>