반응형

보통.. HTML 을 사용해서 링크를 걸 때는...

<a> ~ </a> 태그를 사용하며, 기본적인 사용법은 아래와 같죠~

<a href="링크할주소">"실제 표시할 내용"</a>

ex) <a href="http://www.iam-hs.com">...It's Mine...</a>

참고로.. ex) 처럼 하면~ "...It's Mine..." 문구에 링크가 걸리게 되고..

그 링크를 클릭하면~~ 이곳으로 연결이 되죠..

싸이월드 미니홈피도 위와 같은 방법으로 링크를 걸어도 상관은 없습니다~~

미니홈피도 잘 뜨구요...


다만;;; =0=;;.., 뒤에 별도로 싸이 배경창까지 같이 떠버리더군요~~;;

그리고 볼일 다 끝난 후 미니홈피 창을 닫으면~~ 배경창에 싸이 메인이 열리고~~;;

신경 안써도 되는 부분이지만... 그다지 깔끔한 현상은 아니라고 봅니다~ -0-;;;

미니홈피창만... 달랑~~ 깔끔하게 띄우고 싶을때~~

자바스크립트를 이용하면 되더군요~~ :D


우선... HTML 작업 소스에 아래의 자바스크립트를 추가해보록 하죠~~

<script language="javascript" type="text/javascript">
<!--
function Open_MyCyworld() { 
    window.open('http://minihp.cyworld.com/pims/main/pims_main.asp?tid="자기홈피번호"','','width=932,height=565,toolbar=no,menubar=no');
}
//-->
</script>


별 것 없습니다... 자바스크립트 함수를 하나 만들어서..

window.open 을 이용해서 새창을 하나 띄운 것 밖에..ㅋ


여기서 "자기홈피번호"라는 건... 싸이월드 자신의 미니홈피의 링크가 걸린 곳에;;;

마우스를 가져다 대보면... 웹브라우저 아래에 상태창에 주소가 뜨게 되는데..

그 주소에 찍힌 번호를 쓰면 됩니다...

IE 에서는 자동적으로 사이즈가 조절이 되던데... 파이어폭스로는 안되더군요... ㅡㅜ

IE가 아닌 다른 브라우저로 링크를 클릭하는 경우를 대비해서..

width, height 로 사이즈를 지정~ (참고로 저 정도가 적당합니다...)

또, 원래 창을 띄우면 웹브라우저가 새로 실행이 되기에.. 메뉴바, 툴바, 주소창등..

모두 표시가 되는데... 미니홈피에는 그런게 없죠~~

그래서.. 옵션으로 toolbar=no, menubar=no 를 지정해주면 얼쭈 비슷한 모양이 됩니다~

이제.. 남은 건 링크를 클릭할 때 위의 자바스크립트 함수가 실행되도록 하는 것~~

onclick 이벤트가 발생할 때... 위의 함수를 호출해주면 됩니다..

아래의 예제코드를 참고하면 될듯....ㅋㅋ

<li class="tab_cyworld"><a href="#void" onclick="Open_MyCyworld()">CYWORLD</a></li>

핵심은 자바스크립트의 window.open 의 활용입니다...

그걸로... 미니홈피창을 띄우고, 나머지 필요한 옵션들은 상황에 맞게 조절해주면 되구요..


이 블로그의 미니홈피 링크도 위의 방법으로 걸어두었습니다~~

궁금하신 분은... 클릭해보시길~~ㅋ


반응형
AND