Ask Question Forum:

Model Library:2025-02-08 Updated:A.I. model including DeepSeek is online for auto reply question page

Show

ASK RECENT

No scrolling in Frame in javascript in IE7

Asked by duncanb7

at 2024-10-23 02:44:00

Point:500 Replies:13 POST_ID:828530USER_ID:11059

Topic:

JavaScript;;Hypertext Markup Language (HTML)

I have two frame to navigate to different example website and I try to use
javascript code to set attribute control on the second frame scrolling to NO but
it fail no matter what the code I use.

I try to enable the following code by clicking hef="javascript:scrolltest() function"
Method-1 parent.mainFrame.setAttribute("scrolling", "no");
Method-2 parent.mainFrame.scrolling="NO";
Method-3 mainFrame.scrolling="NO";
Method-4 parent.document.getElementById("second").scrolling = "no";

All my try is no any response in IE7 broswer

Please advise
Duncan

Example.html file==============================================<DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3. org/TR/xhtml1/DTD/xhtml1-frameset.dtd"><html><head><title>Mainpage Javascript </title><style type="text/css"></style><script language="javascript">   /* document.getElementById("myFrame").noResize = true;*/</script></head><frameset rows="200,*" cols="*"   border="0"><frame  name="topFrame" id="first" noresize  frameborder="0" scrolling="NO" src="http://www.wiki.com" /><frame name="mainFrame"  id="second"  noresize frameborder="0" src="test.html?Load"    scrolling="yes" /></frameset>test.html file===========================================</html><html><body><head><script type="text/javascript" >function scrolltest(){//parent.mainFrame.setAttribute("scrolling", "no");//parent.mainFrame.location.href="http://www.w3school.com";parent.mainFrame.scrolling="NO";}</script ></head><p> Testing frame</p><a href="javascript:scrolltest();">Testing scrolling in frame click<a><div><IFRAME name="myIframe" id="third" SCROLLING=yes border=0 frameborder=0 width=100% height=100% src="http://www.yahoo.com"></IFRAME></div></body></html>

1:2:3:4:5:6:7:8:9:10:11:12:13:14:15:16:17:18:19:20:21:22:23:24:25:26:27:28:29:30:31:32:33:34:35:36:37:38:39:40:41:42:43:44:45:46:47:48:49:50:51:52:53:54:55:56:

Select All Code

Attachment:test.htmlexample.html

Author: duncanb7 replied at 2024-10-31 21:15:58

THanks for all of your reply
anyyway it solve some issue about scrolling bar
in this thread by iframe instead frame and
new question I may switch to new thread for scrollHeight

THanks

Duncan

Author: duncanb7 replied at 2024-10-31 14:42:13

I mean if the first one iframe src content is width*height=1024*800 and
scrollwidth and scrollHieght will be around 1024*800
and if you change iframe src for the page widht and content =800*400 and
the scrollwdith and scrollHeight is still to be the bigger one as 1024*800
and the display to the last one iframe scr will leave a lot blank or empty
space at your left or bottom in the broswer.

Please advise if you understand my question

Duncan

Author: duncanb7 replied at 2024-10-31 14:37:54

I mean if your first or next iframe html page 's scrollHieght and scroll width's
highest or widest content, the scrollHeight and scrollWidht value is fixed and no change
at all to the highest one even you change the the ifrmae scr to other page at the
same domain Why ?

I know scrollheight is read-only and could not be written , Is it Yes ?

Author: duncanb7 replied at 2024-10-31 14:32:31

Recent days, I have tried a lot of Iframe example , and I found iframe may
be better than frame.

But one question, in iframe,
When I try to adjust iframe width and height according to each source html page's
height and widht scrollHieght and scrollwidth. But the result the body content's
width and height is always the same as the most height or the most widest 's html
page. What I try all iframe content page or parent page is at the same domain at my
website(not cross-domain). it seems we can not able to reset the scrollHeight or scrollWidth with different html iframe content. Please review my following code
and checking the thread at http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_26513807.html

In the following code, for first time, you adust the iframe content it work by
typing "adjust button" and if you change the iframe src for short height content
by src button in input button , you will see the iframe cotent is well fit into the broswer
and leave a lot empty space at the bottom of the ifame because the first one is
long content height page.

How to solve this issue in Iframe, I try to
document.getElementById('d1').innerHTML="";
document.getElementById('d1').innerHTML="<IFRAME id='ifr' style='border:0;
margin:0; padding:0 ' name='ifr' noresize SCROLLING=noborder=0
frameborder=0 width=100% height=100% src="+link+" ></IFRAME>";

to replace document.getElementById('ifr').src=link;

It is same the scrollHeight is always as the first hit page of iframe's scrollHeight and width

Why ? Please advise

Duncan

<html ><head><title></title><script type="text/javascript">document.domain="http://www.e-hftrade.com"; function loadpage(){ var ifra=document.getElementById('ifr').contentWindow;document.getElementById('ifr').height =ifra.document.body.scrollHeight + 5;document.getElementById('ifr').width =ifra.document.body.scrollWidth + 5;} function loadpagesrc(link){document.getElementById('ifr').src=link;//document.getElementById('d1').innerHTML="";//document.getElementById('d1').innerHTML="<IFRAME id='ifr' style='border:0;//margin:0; padding:0 ' name='ifr' noresize  SCROLLING=noborder=0//frameborder=0 width=100% height=100% src="+link+" ></IFRAME>";loadpage();}</script></head><body><div id="d1"><IFRAME id="ifr" style="border:0; margin:0; padding:0 " name='ifr' noresize    SCROLLING=no border=0 frameborder=0 width=100% height="100%" src='longcontent.html' ></IFRAME></div><input type="button" onclick="javascript:loadpage();" value="Ajust" /><input type="button" onclick="javascript:loadpagesrc('shortcontent.html');" value="src" /></body></html>

1:2:3:4:5:6:7:8:9:10:11:12:13:14:15:16:17:18:19:20:21:22:23:24:25:26:27:28:29:30:31:32:33:34:

Select All Code

Assisted Solution

Expert: Rob Jurd replied at 2024-10-30 17:48:00

125 points GOOD

http://www.mediacollege.com/internet/html/frames/pros-cons.html

Expert: Rob Jurd replied at 2024-10-30 17:47:10

You should still be able to achieve part of what you want to do using iframes and div tags. To use traditional frames means you need to update 2 parts to your site, the noframes version and the frames version.

Assisted Solution

Expert: Rob Jurd replied at 2024-10-27 19:42:37

125 points GOOD

frames are now deprecated meaning they will no longer be supported in future browsers... you still want to use them?

Author: duncanb7 replied at 2024-10-23 23:42:22

I am doing frame tutorial.

Expert: Rob Jurd replied at 2024-10-23 23:33:06

Why are you using frames?

Author: duncanb7 replied at 2024-10-23 22:23:36

frame and iframe is not a matter
And I just want to control frame scrolling in second html script, for exmple,
control frame in example.html by the javascript code in test.html
I have tried the following scrolltest() and monitor by alert() , the attribue scrolling is
changing from yes to no. But the browser is no response , it is still enable
scrolling on second frame.
function scrolltest()
{

alert(parent.document.getElementById('mainFrame').scrolling);
parent.document.getElementById('mainFrame').scrolling="NO"
alert(parent.document.getElementById('mainFrame').scrolling);
alert(parent.document.body.innerHTML);
}

Similar problem is at this thread at, but no any solution
http://forums.devarticles.com/javascript-development-22/lock-frame-scroll-42878.html

Assisted Solution

Expert: Rob Jurd replied at 2024-10-23 16:17:36

125 points GOOD

CKY092 is right however by wrapping the iframe in a div and controlling the scroll css attribute of the DIV you can get the same effect

Expert: CKY092 replied at 2024-10-23 16:14:38

Unfortunately, it doesn't look like you'll be able to use JS to manipulate the scroll attribute with IE.

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_iframe_scrolling

Accepted Solution

Expert: Rob Jurd replied at 2024-10-23 16:07:38

125 points GOOD

I'm not entirely sure of the effect you're after but is this is kind of layout you want? I've removed your frames and replaced with iframes. Was there a reason you wanted a frameset?

<DOCTYPE html><html lang='en'>	<title></title>	<style type='text/css'>		div {			overflow: none;		}		iframe {			width: 100%;		}		#first {			height: 250px;		}		#second {			height: 600px;		}	</style><head></head><body><div id='d1'>	<iframe		name="myiframe1"		id="first"		scrolling='no'		border='0'		frameborder='0'		src="http://www.wiki.com"	>Does not support iframe</iframe></div><p>Testing frame</p><a href="javascript:scrolltest();">Testing scrolling in frame click<a><div>	<iframe		name="myiframe2"		id="second"		scrolling='no'		border='0'		frameborder='0'		src="http://www.yahoo.com"	>Does not support iframe</iframe></div></body></html>

1:2:3:4:5:6:7:8:9:10:11:12:13:14:15:16:17:18:19:20:21:22:23:24:25:26:27:28:29:30:31:32:33:34:35:36:37:38:39:40:41:42:43:44:

Select All Code

&nbps;

About Us|Service|Pricing

即時新聞:↓

即時新聞:↑

On Balance Volume (OBV):

Ask Question Forum:

No scrolling in Frame in javascript in IE7

Video♬:↓

Your Information

Members/Profolio