by아라마 postedDec 29, 2019

아이프레임의 온갖 옵션

Extra Form
출처 https://handyhelper.tistory.com/146
어떤 특정사이트에 일부분만 모니터링하거나 여러 웹페이지에 화면을 모니터링해야하는 경우 유용하게 사용할수있습니다.
이번 메뉴얼에서는 몇군데에 웹페이지에서 특정 부분만 모아서 한페이지에서 볼수있도록 만들어보겠습니다.
이렇게 한페이지에 모아서 보는 이유는 화면전환을 따로 하지 않아도되고 모니터공간 활용도 매우 높습니다.
전 3개에 다른 웹페이지에서 일부분만 보이도록 ifame을 활용해보겠습니다.


3개에 웹페이지에 필요한 화면입니다.

- WTI유 실시간 가격(WTI.html)


 - 다우존스 선물(dowjones.html)


- 중국증시(cn.html)



위 3개에 웹페이지에 실시간으로 움직이는 그래프만 한곳에 모아 놓고 보려고합니다.
따로 웹페이지를 왔다갔다 하면서 볼수도 있지만 한곳에 모아놓고 보면 편리하겠죠.


우선 결과물을 보여드리겠습니다.(index.html)


어떤가요? 모니터 한쪽에 이렇게 띄워놓고 본다면 편리하겠죠.


우선 필요한 HTML파일은 4개입니다.
각 웹페이지마다 한개씩 HTML파일(WTI, dowjones, cn)이 필요하고
통합적으로 한곳에서 보여줄 index파일이 필요합니다.


각파일들에 소스들입니다.

- WTI.html 파일
-------------------------------------------------------------------
<!DOCTYPE html>
<html>
<body>

<div style="position:absolute; top:-489px; left:-0px;border:1px solid black">
  <iframe src="http://kr.investing.com/commodities/crude-oil" width="650" height="850" scrolling="no" frameborder="0"></iframe>
 </div>

</body>
</html>
-----------------------------------------------------------------

- dowjones.html 파일
*****************************************
<!DOCTYPE html>
<html>
<body>

<div style="position:absolute; top:-489px; left:-0px;border:1px solid black">
  <iframe src="http://kr.investing.com/indices/us-30-futures" width="650" height="850" scrolling="no" frameborder="0"></iframe>
 </div>

</body>
</html>
****************************************

- cn.html 파일
-----------------------------------------------------------------
<!DOCTYPE html>
<html>
<body>

<div style="position:absolute; top:-289px; left:-170px;border:1px solid black">
  <iframe src="http://gu.qq.com/sh000001" width="820" height="900" scrolling="no" frameborder="0"></iframe>
 </div>

</body>
</html>
-------------------------------------------------------------------

- index.html 파일
**********************************************
<!DOCTYPE html>
<html>
<body>

<div>
<iframe src="WTI.html" width="650" height="360" scrolling="no" frameborder="2">
  <p>Your browser does not support iframes.</p>
</iframe>
</div>

<div>
<iframe src="dowjones.html" width="650" height="360" scrolling="no" frameborder="2">
  <p>Your browser does not support iframes.</p>
</iframe>
</div>

<div>
<iframe src="cn.html" width="650" height="380" scrolling="no" frameborder="2">
  <p>Your browser does not support iframes.</p>
</iframe>
</div>

</body>
</html>
*******************************************************



위 소스를 복사해서 4개에 파일을 만들고 index.html파일을 web페이지에서 열면 제가 만들어 놓은 화면을 볼수있습니다.
본이이 보고 싶은 화면을 만들고 싶다면 아래 이미지를 보시고 참보하세요.
중요한 부분만 설명을 달아놓았습니다.


WTI.html



index.html


다른 웹페이지도 응용해서 불러올수 있겠죠.
이만 포스팅을 마침니다.


출처: https://handyhelper.tistory.com/146 [Handy Helper]

자유게시판

마음대로 모아담은 잡동사니, 말말말

List of Articles
번호 카테고리 제목 글쓴이 날짜 조회 수
공지 참조하고 있는 웹사이트 목록 아라마 2013.05.04 5499
115 TOOL [오류해결] 파일 또는 디렉터리가 손상되었기 때문에 읽을 수 없습니다 anonymous 2014.07.25 9188
114 아이프레임 로딩시 스크롤 없이 100%로 보기(iframe 크기 자동 조절) anonymous 2014.06.15 9071
113 [안양 안흥사 수현스님] 필요한 게 적으면 무소유無所有, 복지 file 아라마 2013.09.04 8512
112 READ [칼릴지브란] 예언자 file 아라마 2013.10.11 7107
111 [경해법인스님] 원願을 세우는 순간, 인연이 성숙되는 것 file 아라마 2013.09.21 6800
110 일루미나티에 관하여 anonymous 2014.06.22 4844
109 카톨릭 예수회, 해킹, 로마군대 하스타티, 십자군 anonymous 2014.06.22 3871
108 일루미나티 Svali 증언 2가지 모음-마인드컨트롤 담당자 http://blog.daum.net/j73lp7d3td/26   Illuminati 가정에서 태어나 성장한 Svali는 마인드 컨트롤 담당자로서 일하다 그 집단을 탈출합니다. 그녀는 자신의 홈... 아라마 2013.12.09 3776
107 의성노인복지관 탄하스님 anonymous 2014.04.11 3718
106 가톨릭신학대학교 - 영원과 하루 KBS스페셜 다큐멘터리 아라마 2014.06.05 2911
105 TOOL 하드디스크 복구 - rucuva file 아라마 2013.09.03 2872
104 TOOL 무설치 온라인 오디오 변환기 http://media.io/ anonymous 2014.06.14 2827
103 행자 스님이란 file 아라마 2013.05.05 2548
102 READ [서정주] 자화상 아라마 2013.09.20 2537
101 TOOL 파일명 일괄변경 프로그램 Change Name file 아라마 2013.07.05 2462
100 READ [피천득] 오월 아라마 2013.09.20 2278
99 일루미나티란 무엇인가 동영상 강좌 anonymous 2014.06.22 2177
98 READ [마종기] 우화의 강 아라마 2014.05.30 2111
97 마하시 큰스님(Mahasi Sayada, 1904-1982) 아라마 2013.09.20 2093
96 MBTI 검사하기 아라마 2014.10.06 2023
95 READ [김수영] 어느날 고궁을 나오면서 아라마 2014.08.03 2003
94 READ [김광규] - 나 아라마 2013.09.11 1904
93 [펌] 세월호에 무슨 비밀있다.. 세월호에 무슨 비밀있다.. [펌] http://www.seoprise.com/ 애국우파 작성 요즘은 마치 내가 세월호에 타고 침몰하는 기분이 든다. 이런 기분을 대한민국 국민들 ... anonymous 2014.05.29 1864
92 READ [법정스님] 무소유 아라마 2013.09.20 1791
91 석가를 불교神으로(중학교 역사부도·지학사) 쓴 교과서 http://news.chosun.com/site/data/html_dir/2013/09/16/2013091600083.html 석가를 불교神으로(중학교 역사부도·지학사) 쓴 교과서 가부키와 경극 설명 반대로… ... 아라마 2013.09.20 1772
90 '쇠말뚝' 박기는 일제가 아닌 명나라가 최초 file 아라마 2013.11.28 1730
89 종백님의 명품속독법 강의 총괄 아라마 2013.12.09 1694
88 30년 전쟁 아라마 2014.12.27 1685
87 READ [신석정] 그 먼 나라를 알으십니까 2 아라마 2013.09.20 1623
86 마음의 품 file 아라마 2013.07.09 1554
85 박범훈-중국의 불교음악 아라마 2013.10.08 1537
84 무소의 뿔처럼 혼자서 가라 file 아라마 2013.07.09 1518
83 박범훈-인도의 불교음악 아라마 2013.10.08 1481
82 READ [셀 실버스타인] 아낌없이 주는 나무 아라마 2013.09.20 1438
81 MEDIA 재단법인- 플라톤아카데미 : 나를 다시보기 강연 전체모음 youtube '고전을 읽다', 손자병법 - 8편 장자 읽기: 진정한 자유란 무엇인가? 자본주의에 맞서라: 상처받지 않을 권리 멈춰라, 생각하라: Psychoanalysis and Philosophy... 아라마 2013.12.03 1437
80 사대주의(도로) vs. 국수주의(번지) 기존 ‘번지’ 주소 체계에서 ‘도로명’ 주소 체계로 개편하는 일로 말이 많다.http://slownews.kr/16400 2014년 1월 1일부터 기존의 주소는 폐지되고, 도로 이름과 ... anonymous 2014.01.04 1419
79 티벳 사자의 서 1/2 아라마 2013.05.05 1379
78 왜 유병언을 잡지 않을까? anonymous 2014.06.20 1332
77 READ 산가11 -조게종 75회 종회를 보고 아라마 2014.11.03 1199
76 READ 산가 13 -김지하의 <다라니>를 보고 아라마 2014.11.03 1183
75 아시나요, 2013?"…연예 7대 뉴스에 파묻힌 진짜 7대 뉴스 &quot;아시나요, 2013?&quot;…연예 7대 뉴스에 파묻힌 진짜 7대 뉴스 기사입력 : 2013-12-23 13:05 http://www.dispatch.co.kr/r.dp?idx=23956 [Dispatch=서보현·김미겸 기... 아라마 2013.12.23 1181
74 READ 춘하추다 아라마 2014.11.04 1142
73 READ 아라마 2014.11.04 1124
72 READ 면목동으로 부치는 글 아라마 2014.11.04 1122
71 READ 그대는 말했어라 아라마 2014.11.04 1122
70 도로명 주소 체계가 지워버리는 것들 http://slownews.kr/16400 2014년 1월 1일부터 기존의 주소는 폐지되고, 도로 이름과 건물의 번호로 구성된 도로명 주소(새 주소)를 사용해야 합니다. 병행이 아... 아라마 2014.01.04 1109
69 READ 산가 14 아라마 2014.11.04 1107
68 READ 산가1 산가1 십이월 벌판을 고무신 신고 당신 이름 모시며 걸어서 가다 새벽 감기에 걸리어서 저물 무렵까지 기침이나 하다가 정정한 이른 봄날 울 엄니 고향산 상처난... 아라마 2014.11.01 1104
67 세계 7대 불가사의 anonymous 2014.04.06 1101
Board Pagination Prev 1 2 3 Next
/ 3