다른 사이트의 내용을 원하는 부분만 출력하는 팁입니다.
제 사이트를 제 다른 사이트에 표시하기 위에 이미 서비스가 제공되는 다른 사이트를 이용해 봤지만
생각보다 맘에 들지 않더라구요, 그래서 직접 만들어 봤습니다.
생각해 보니 아이프레임을 2개 중첩하면 만들수 있더랍니다.
갖어올 파일과, 표시할 파일이 필요하구요.
가져올파일 소스를 아래와 같이 합니다.
예) piece.html
---------------------------------------------------------
<div id="wrap" style="position:absolute; top:-세로시작값px; left:-가로시작값px;">
<iframe src="가져올주소" width="1000" height="1000" scrolling="no" frameborder="0"></iframe>
</div>
---------------------------------------------------------
가로시작값이나, 세로 시작값은 페이지 출력이 시작되는 좌표 입니다.
표시할 파일 소스는 아래와 같이 합니다.
---------------------------------------------------------
<iframe src="piece.html" width="가로크기" height="세로크기" frameborder="0" scrolling="no"></iframe>
---------------------------------------------------------
원리나 방법은 무척이나 간편하죠?
단점은 출력되는 좌표값을 알아내는게 어려울 뿐입니다.
곰곰히 생각하니 갖어올 페이지를 일일이 만들어야 되는것도 귀찮구요.
그래서 위치 에디터와 갖어올 파일을 생성하는 소스도 만들어 봤습니다.
각종 폼 값을 입력 후 Piece Size에서,
클릭으로 가로와, 세로 위치를, Shift+클릭으로 크기를 지정하면 소스를 만들어 줍니다.
에디터 미리보기 : http://qurx.net/_tools/wp/editor.html
소스 받기 : http://qurx.net/_tools/wp.zip
생성기(index.html)는 주소에 옵션을 입력하는 방식입니다
이 옵션을 에디터에 그대로 대입하면 옵션 그대로 수정할 수 있습니다.
예) u=주소&y=가로시작값x=세로시작값
에디터 지원 옵션------------------------------------------
u : 주소
y : 가로시작값
x : 세로시작값
w : 가로크기
h : 세로크기
l : 링크옵션 [기본 0](1/링크방지, 2/원본사이트, URL/특정주소)
c : 배경색
에디터 미 지원 옵션---------------------------------------
ffx : 파이어폭스 세로 값
ffy : 파이어폭스 가로 값
opx : 오페라 세로값
opy : 오페라 가로값
r : 가져오는 페이지 해상도 [기본 1000,1000](가로,세로)
p : 링크시 타겟 [기본 parent]
---------------------------------------------------------
문제점이 있다면
1 . 로딩 후 특정 폼으로 이동하는 페이지의 경우 위치가 틀어집니다.
2 . 브라우저마다 위치가 다를 수 있습니다(ffx, ffy, opx, opy 사용으로 해결!)
사이트의 소스를 재가공하는 방식이 아니기에 저작권에 문제는 없을 듯 합니다만,
원본페이지의 운영자가 거부하는 경우 될수 있으면 사용하면 안되겠죠?
<html>
<head>
<title>World Piece!</title>
</head>
<body>
<h1>World Piece!</h1>
<div>
<!-- World Piece -->
<!-- http://qurx.net/_tools/wp/editor.html?u=http%3A//media.daum.net/%3Fnil_profile%3Dg%26nil_newstitle%3D0&x=148&y=148&w=367&h=459&l=0 -->
<iframe src="http://qurx.net/_tools/wp?u=http%3A//media.daum.net/%3Fnil_profile%3Dg%26nil_newstitle%3D0&x=148&y=148&w=367&h=459&l=0&" width="367" height="459" frameborder="0" scrolling="no" style="margin-right:130px">
</iframe>
<!-- /World Piece -->
<!-- World Piece -->
<!-- http://qurx.net/_tools/wp/editor.html?u=http%3A//cartoon.media.daum.net/&x=12&y=201&w=125&h=498&l=1&l=http%3A//llllll.org -->
<iframe src="http://qurx.net/_tools/wp?u=http%3A//cartoon.media.daum.net/&x=12&y=201&w=125&h=498&l=1&l=http%3A//llllll.org" width="125" height="498" frameborder="0" scrolling="no">
</iframe>
<!-- /World Piece -->
</div>
<div>
<!-- World Piece -->
<!-- http://qurx.net/_tools/wp/editor.html?u=http%3A//cartoon.media.daum.net/&x=151&y=408&w=629&h=354&l=1&l=http%3A//llllll.org -->
<iframe src="http://qurx.net/_tools/wp?u=http%3A//cartoon.media.daum.net/&x=151&y=408&w=629&h=354&l=1&l=http%3A//llllll.org&p=3" width="629" height="354" frameborder="0" scrolling="no">
</iframe>
<!-- /World Piece -->
</div>
</body>
</html>
제 사이트를 제 다른 사이트에 표시하기 위에 이미 서비스가 제공되는 다른 사이트를 이용해 봤지만
생각보다 맘에 들지 않더라구요, 그래서 직접 만들어 봤습니다.
생각해 보니 아이프레임을 2개 중첩하면 만들수 있더랍니다.
갖어올 파일과, 표시할 파일이 필요하구요.
가져올파일 소스를 아래와 같이 합니다.
예) piece.html
---------------------------------------------------------
<div id="wrap" style="position:absolute; top:-세로시작값px; left:-가로시작값px;">
<iframe src="가져올주소" width="1000" height="1000" scrolling="no" frameborder="0"></iframe>
</div>
---------------------------------------------------------
가로시작값이나, 세로 시작값은 페이지 출력이 시작되는 좌표 입니다.
표시할 파일 소스는 아래와 같이 합니다.
---------------------------------------------------------
<iframe src="piece.html" width="가로크기" height="세로크기" frameborder="0" scrolling="no"></iframe>
---------------------------------------------------------
원리나 방법은 무척이나 간편하죠?
단점은 출력되는 좌표값을 알아내는게 어려울 뿐입니다.
곰곰히 생각하니 갖어올 페이지를 일일이 만들어야 되는것도 귀찮구요.
그래서 위치 에디터와 갖어올 파일을 생성하는 소스도 만들어 봤습니다.
각종 폼 값을 입력 후 Piece Size에서,
클릭으로 가로와, 세로 위치를, Shift+클릭으로 크기를 지정하면 소스를 만들어 줍니다.
에디터 미리보기 : http://qurx.net/_tools/wp/editor.html
소스 받기 : http://qurx.net/_tools/wp.zip
생성기(index.html)는 주소에 옵션을 입력하는 방식입니다
이 옵션을 에디터에 그대로 대입하면 옵션 그대로 수정할 수 있습니다.
예) u=주소&y=가로시작값x=세로시작값
에디터 지원 옵션------------------------------------------
u : 주소
y : 가로시작값
x : 세로시작값
w : 가로크기
h : 세로크기
l : 링크옵션 [기본 0](1/링크방지, 2/원본사이트, URL/특정주소)
c : 배경색
에디터 미 지원 옵션---------------------------------------
ffx : 파이어폭스 세로 값
ffy : 파이어폭스 가로 값
opx : 오페라 세로값
opy : 오페라 가로값
r : 가져오는 페이지 해상도 [기본 1000,1000](가로,세로)
p : 링크시 타겟 [기본 parent]
---------------------------------------------------------
문제점이 있다면
1 . 로딩 후 특정 폼으로 이동하는 페이지의 경우 위치가 틀어집니다.
2 . 브라우저마다 위치가 다를 수 있습니다(ffx, ffy, opx, opy 사용으로 해결!)
사이트의 소스를 재가공하는 방식이 아니기에 저작권에 문제는 없을 듯 합니다만,
원본페이지의 운영자가 거부하는 경우 될수 있으면 사용하면 안되겠죠?
<html>
<head>
<title>World Piece!</title>
</head>
<body>
<h1>World Piece!</h1>
<div>
<!-- World Piece -->
<!-- http://qurx.net/_tools/wp/editor.html?u=http%3A//media.daum.net/%3Fnil_profile%3Dg%26nil_newstitle%3D0&x=148&y=148&w=367&h=459&l=0 -->
<iframe src="http://qurx.net/_tools/wp?u=http%3A//media.daum.net/%3Fnil_profile%3Dg%26nil_newstitle%3D0&x=148&y=148&w=367&h=459&l=0&" width="367" height="459" frameborder="0" scrolling="no" style="margin-right:130px">
</iframe>
<!-- /World Piece -->
<!-- World Piece -->
<!-- http://qurx.net/_tools/wp/editor.html?u=http%3A//cartoon.media.daum.net/&x=12&y=201&w=125&h=498&l=1&l=http%3A//llllll.org -->
<iframe src="http://qurx.net/_tools/wp?u=http%3A//cartoon.media.daum.net/&x=12&y=201&w=125&h=498&l=1&l=http%3A//llllll.org" width="125" height="498" frameborder="0" scrolling="no">
</iframe>
<!-- /World Piece -->
</div>
<div>
<!-- World Piece -->
<!-- http://qurx.net/_tools/wp/editor.html?u=http%3A//cartoon.media.daum.net/&x=151&y=408&w=629&h=354&l=1&l=http%3A//llllll.org -->
<iframe src="http://qurx.net/_tools/wp?u=http%3A//cartoon.media.daum.net/&x=151&y=408&w=629&h=354&l=1&l=http%3A//llllll.org&p=3" width="629" height="354" frameborder="0" scrolling="no">
</iframe>
<!-- /World Piece -->
</div>
</body>
</html>
반응형
'인터넷정보' 카테고리의 다른 글
| HTML 4.01 엔티티(Entities) (0) | 2007.10.17 |
|---|---|
| HTML 4.01 엔티티(Entities) (0) | 2007.10.17 |
| 한국 전통 표준색 (0) | 2007.10.17 |
| 한국 전통 표준색 (0) | 2007.10.17 |
| 웹사이트 특정 부분만 출력하기 (0) | 2007.10.17 |
| ftp 업로드시 아스키모드 / 바이너리모드란 ? (0) | 2007.10.17 |
| ftp 업로드시 아스키모드 / 바이너리모드란 ? (0) | 2007.10.17 |
| 퍼미션이란 ? 퍼미션 설정하는 방법. (0) | 2007.10.17 |
| 퍼미션이란 ? 퍼미션 설정하는 방법. (0) | 2007.10.17 |
| 국제 표준 배너 규격(CASIE & IAB) 사이즈 참고규격입니다. (0) | 2007.10.17 |