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 READ 흰 바람벽이 있어 file 아라마 2015.11.12 91
114 READ 흰 그림자 file 아라마 2015.11.13 563
113 공지 회원가입 오류 수정햇 습니다 아라마 2015.11.08 248
112 황광우 《철학콘서트》완간기념 저자 강연회(Full) 아라마 2014.10.06 532
111 공지 홈페이지 작업목표 아라마 2015.11.08 208
110 행자 스님이란 file 아라마 2013.05.05 2548
109 TOOL 하드디스크 복구 - rucuva file 아라마 2013.09.03 2872
108 READ 하늘은 아라마 2014.11.04 1084
107 TOOL 파일명 일괄변경 프로그램 Change Name file 아라마 2013.07.05 2462
106 티벳 사자의 서 2/2 아라마 2015.11.13 45
105 티벳 사자의 서 1/2 아라마 2013.05.05 1379
104 TOOL 크롬 브라우저에서 유투브 동영상 다운로드 하는 간단한 방법 크롬 브라우저에서 유투브 동영상 다운로드 하는 간단한 방법 어떠한 3rd party 앱을 설치 하지 않고도, 크롬 브라우저 만 설치 (MS-Windows, 맥, 크롬북 등등) ... 아라마 2017.06.03 809
103 카톨릭 예수회, 해킹, 로마군대 하스타티, 십자군 anonymous 2014.06.22 3864
102 READ 춘하추다 아라마 2014.11.04 1142
101 READ 초승달 file 아라마 2015.11.12 42
100 READ 참회록 file 아라마 2015.11.13 75
99 READ 진정한 여행 진정한 여행 가장 훌륭한 시는 아직 씌어지지 않았다 가장 아름다운 노래는 아직 불려지지 않았다 최고의 날들은 아직 살지 않은 날들 가장 넓은 바다는 아직 항... 아라마 2019.11.15 64
98 종백님의 명품속독법 강의 총괄 아라마 2013.12.09 1694
97 MEDIA 재단법인- 플라톤아카데미 : 나를 다시보기 강연 전체모음 youtube '고전을 읽다', 손자병법 - 8편 장자 읽기: 진정한 자유란 무엇인가? 자본주의에 맞서라: 상처받지 않을 권리 멈춰라, 생각하라: Psychoanalysis and Philosophy... 아라마 2013.12.03 1435
96 READ 자화상 file 아라마 2015.11.12 40
95 일루미나티에 관하여 anonymous 2014.06.22 4844
94 일루미나티란 무엇인가 동영상 강좌 anonymous 2014.06.22 2177
93 일루미나티 Svali 증언 2가지 모음-마인드컨트롤 담당자 http://blog.daum.net/j73lp7d3td/26   Illuminati 가정에서 태어나 성장한 Svali는 마인드 컨트롤 담당자로서 일하다 그 집단을 탈출합니다. 그녀는 자신의 홈... 아라마 2013.12.09 3776
92 의성노인복지관 탄하스님 anonymous 2014.04.11 3718
91 READ 우리들에게는 아라마 2014.11.04 1100
90 왜 유병언을 잡지 않을까? anonymous 2014.06.20 1332
89 에고그램 테스트 아라마 2014.10.06 992
88 READ 어머님 아라마 2014.11.04 1091
87 아홉가지 일상수행 발원 file 아라마 2015.11.09 106
» 아이프레임의 온갖 옵션 어떤 특정사이트에 일부분만 모니터링하거나 여러 웹페이지에 화면을 모니터링해야하는 경우 유용하게 사용할수있습니다. 이번 메뉴얼에서는 몇군데에 웹페이지에... 아라마 2019.12.29 86
85 아이프레임 로딩시 스크롤 없이 100%로 보기(iframe 크기 자동 조절) anonymous 2014.06.15 9069
84 아이프레임 높이 100%유지 스크롤 없애기 아라마 2019.12.29 94
83 READ 아우의 인상화 file 아라마 2015.11.13 473
82 아시나요, 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
81 READ 쉽게 씌여진 시 file 아라마 2015.11.12 121
80 수행자는 file 아라마 2015.11.18 359
79 READ 수레바퀴 아래서 file 아라마 2015.11.13 522
78 READ 아라마 2014.11.04 1085
77 READ 소년 file 아라마 2015.11.12 35
76 READ 소금 file 아라마 2015.11.12 65
75 READ file 아라마 2015.11.12 54
74 세세생생 발원합니다 아라마 2015.11.09 23
73 세계 7대 불가사의 anonymous 2014.04.06 1101
72 석가를 불교神으로(중학교 역사부도·지학사) 쓴 교과서 http://news.chosun.com/site/data/html_dir/2013/09/16/2013091600083.html 석가를 불교神으로(중학교 역사부도·지학사) 쓴 교과서 가부키와 경극 설명 반대로… ... 아라마 2013.09.20 1772
71 READ 서시 file 아라마 2015.11.12 35
70 READ 생의 계단 – 헤르만 헤세 아라마 2019.11.15 197
69 READ 산가9 아라마 2014.11.03 949
68 READ 산가8 아라마 2014.11.03 989
67 READ 산가7 아라마 2014.11.03 1017
Board Pagination Prev 1 2 3 Next
/ 3