how to veiw specifed webpage area in Frame with javascript or html

Ask Question Forum:

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

Show

ASK RECENT

how to veiw specifed webpage area in Frame with javascript or html

Asked by duncanb7

at 2024-11-14 06:13:35

Point:500 Replies:5 POST_ID:828424USER_ID:11059

Topic:

JavaScript;;

I would like to view the www.yahoo.com webpage at specified interesting webpage area to me in one frame
of my three frames. I try to set style="margin-top:-100px; margin-left:-100px;" in <frame> tag to offset the position to my interest area in yahoo.com webpage without need to use scroll bar to search area everytime when access the yahoo.com link
but it failed, Please advise whether the problem is related to style="marginl-eft=100px; margin-top=-100px;" at frame tag
in my index.html is already excuted before yahoo link is ready and the final style is overrided finally by www.yahoo.com's margin setting if it exisits.

Please advise

Duncan

<html><frameset   cols="50, *, 15%"  frameborder=1  framespacing="50" ><frame name="left" src="left.html"    ><frame name="center" src="http://www.yahoo.com"  style="margin-top:-100px; margin-left=-100px;" scrolling="no" ><frame name="right" src="right.html" frameborder=1  framespacing="50"></frameset></html>

1:2:3:4:5:6:7:8:

Select All Code

Author: duncanb7 replied at 2024-03-07 08:17:42

Thanks for your reply

Author: duncanb7 replied at 2024-11-15 15:57:32

I read the site, So what I need to do next ?

Accepted Solution

Expert: printnix63 replied at 2024-11-15 15:45:59

500 points GOOD

Actually no. I do not think the margin will do anything to the yahoo window.
My intention here was more that you pick something of the page that you can use to move the document content of the yahoo page to the position you wanted it to be.

Basically you can either use
top.frames["name"].getElementById(...)
parent.frames["name"].getElementById(...)

You can look at http://de.selfhtml.org/javascript/objekte/window.htm
to get the references for window, document and frame objects.

Author: duncanb7 replied at 2024-11-14 09:50:50

You mean set margin in mysetting() ?

<html><script type="text/javascript">function mysettings() {	alert("Frames loaded");	var d = document.getElementById("center");	// do something with itdocument.getElementById("center").style.marginTop="100"dcoument.getElementById("center").style.marginLeft="100"}</script><frameset cols="50,*,15%">  <frame src="left.html" name="left" scrolling="no">  <frame src="http://www.yahoo.com" id="center" name="center"  scrolling="no" frameborder=0  onload="mysettings()">  <frame src="right.html" name="right" frameborder=0></frameset><body><noframes><p>get a browser that supports frames!</p></noframes></body></html>

1:2:3:4:5:6:7:8:9:10:11:12:13:14:15:16:17:18:

Select All Code

Expert: printnix63 replied at 2024-11-14 09:25:03

Hi,

your margin setting will most likely not work as you found out. you can try something like this .. still I haven't got the actual movement, but to work on the frame:

<html><script type="text/javascript">function mysettings() {	alert("Frames loaded");	var d = document.getElementById("center");	// do something with it}</script><frameset cols="50,*,15%">  <frame src="left.html" name="left" scrolling="no">  <frame src="http://www.yahoo.com" id="center" name="center"  scrolling="no" frameborder=0  onload="mysettings()">  <frame src="right.html" name="right" frameborder=0></frameset><body><noframes><p>get a browser that supports frames!</p></noframes></body></html>

1:2:3:4:5:6:7:8:9:10:11:12:13:14:15:16:

Select All Code

新聞財經娛樂♬資訊 News Economy

About Us|Service|Pricing

Stock Index全球即時指數期貨:

&nbps;

News即時新聞:↓

News即時新聞:↑

On Balance Volume (OBV):

Youtube Video♬ Sharing by members:↓

Youtube Video♬ Sharing by members:↑

Ask Question Forum:

how to veiw specifed webpage area in Frame with javascript or html

Your Information

Members/Profolio