반응형

JS 파일

 

<script Language='javascript'>

var ifrmHeight;

var objFrame;

var str;

var cstr;

function init() {

                try{

                        

objFrame = document.all["ifrm"];

                        str = window.clipboardData.getData("Text");

                        cstr = str.split("|");

                        ifrmHeight= eval(cstr[1]); 


        }catch(e){

                }

}

function reSize() 

{

                try{ 

                        if 

(ifrmHeight > 240) {

                                        

objFrame.style.height = ifrmHeight;

                        

}else{

                                        objFrame.style.height = 240;

                        } 

        

}catch(e){

                }

}


function init_iframe() { 


        reSize(); 

        

setTimeout("init_iframe()",100);

}

init_iframe();

</script>

 

 

 

삽입

 

<iframe src="게시판 주소" name="ifrm" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="no" onload="init()" scrolling="no"></iframe>

 

 

 

 

제로보드 버전에 따라 다르지만 모듈-게시판-게시판정보-게시판관리에 하단내용에 반드시 넣어야한다.

 

 

 

<script language="javascript">

window.clipboardData.setData('Text', document.body.scrollWidth+"|"+document.body.scrollHeight);

</script>

반응형

'프로그래밍 > Javascript' 카테고리의 다른 글

iframe resize jquery 아이 프레임 리사이징 소스  (0) 2016.02.02
셀렉트 박스 링크 걸기  (0) 2016.01.30
eval()  (0) 2015.11.21
for 문 -- 별 삼각형 출력하기  (0) 2015.10.14
switch 문  (0) 2015.10.11
반응형

요즘 반응형이 아이프레임을 리사이징 하는것에 대해서는 어떻게 해야 난감할때가 있습니다.

 

일반 리사이징하면 가로*세로 비율이 유지되면서 리사이징이되는것을 생각하지만 기준이 가로폭이 됩니다.

 

하단에 스크립트 넣어주시고, 혹은 *.js로 저장하시고,

 

<script type="text/javascript">
function resize_frame(id) {
var frm = document.getElementById("embeded-content");
function resize() {
frm.style.height = "auto"; // set default height for Opera
contentHeight = frm.contentWindow.document.documentElement.scrollHeight;
frm.style.height = contentHeight + 300 + "px"; // 23px for IE7
}
if (frm.addEventListener) {
frm.addEventListener('load', resize, false);
} else {
frm.attachEvent('onload', resize);
}
}
resize_frame('embeded-content');
</script>

 

해당 아이프레임에 아이디값 embeded-content을 줍니다. 높이를 제시해야.. 아이프레임 영역이 생성됩니다.

 


<iframe id="embeded-content" width="90%" height="800" frameborder="0" marginwidth="0" scrolling="no" src="경로주소"></iframe>

반응형

'프로그래밍 > Javascript' 카테고리의 다른 글

아이프레임에 높이가 바뀌는 제로보드xe 게시판 넣기  (1) 2016.02.05
셀렉트 박스 링크 걸기  (0) 2016.01.30
eval()  (0) 2015.11.21
for 문 -- 별 삼각형 출력하기  (0) 2015.10.14
switch 문  (0) 2015.10.11
반응형

모든 옵션에 링크가 걸릴경우

 <select name="select" onchange="window.open(value,'_blank');">
      <option>=============</option>
      <option value="http://www.naver.com">네이버</option>
      <option value="http://www.daum.net">다음</option>
</select>

 

 

링크 띠엄띠엄 걸 경우(위의 것은 value 하나라도 안넣은 option이 스크립트 에러나온다.)

<script language="javascript">
function go_url(url)
{
    if(url != '')   window.open(url,'_blank');
}
</script>

 

<select name="select" onchange="javascript：go_url(this.options[this.selectedIndex].value);">
   <option selected> 계열사를 선택하세요</option>
   <option value="http://www.naver.com">네이버</option>
   <option value=http://www.daum.net>다음</option>
</select>


[출처]http://cafe.naver.com/bulsasinzod.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=44

반응형

'프로그래밍 > Javascript' 카테고리의 다른 글

아이프레임에 높이가 바뀌는 제로보드xe 게시판 넣기  (1) 2016.02.05
iframe resize jquery 아이 프레임 리사이징 소스  (0) 2016.02.02
eval()  (0) 2015.11.21
for 문 -- 별 삼각형 출력하기  (0) 2015.10.14
switch 문  (0) 2015.10.11
반응형

 

 

eval 함수는 일부 프로그래밍 언어에서 제공하는 함수의 일종입니다.

 

문자열을 입력 받아 그 문자열을 expression으로 처리한 후 결과값을 반환하는 함수입니다.

 

위의 말을 풀어보면.. 아래와 같이 선택한 값을 그대로 알려줍니다.

 

1번을 선택하면 1번, 2번을 선택했으면 2번을 선택했다는 메시지창이 출력됩니다.

 

첨부파일 :eval.html

 

 

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        function fx1(){
            var f = window.document.checkform;
            var tt = "현재 ";

            for (var i = 1; i< 6; i++)
            {
                if (eval("f.count"+ i +".checked"))
                {
                    tt += i + "번 체크박스 ";
                }
            }

            tt += "가 선택되었습니다";

            alert(tt);
        }
    </script>

    <form name="checkform">
        <input type = "checkbox" name = "count1" value = "1" /> 1번 <br/>
        <input type = "checkbox" name = "count2" value = "2" /> 2번 <br/>
        <input type = "checkbox" name = "count3" value = "3" /> 3번 <br/>
        <input type = "checkbox" name = "count4" value = "4" /> 4번 <br/>
        <input type = "checkbox" name = "count5" value = "5" /> 5번 <br/>
        <br/>
        <input type = "button" value = "confirm" onclick ="fx1()"/>
    </form>
</body>
</html>

 

반응형

'프로그래밍 > Javascript' 카테고리의 다른 글

iframe resize jquery 아이 프레임 리사이징 소스  (0) 2016.02.02
셀렉트 박스 링크 걸기  (0) 2016.01.30
for 문 -- 별 삼각형 출력하기  (0) 2015.10.14
switch 문  (0) 2015.10.11
alert 창 띄우기  (0) 2015.10.09
반응형

C, C++ 프로그래밍 책에서 제일 흔하디 흔한 예제죠..

별만들기..

자바스크립트에서 for문을 사용하여 별 만들기가 됩니다.

 

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var output = ""; for (var i=0; i<10 ;i++ )
        {
            for (var j = 10;j>i ;j-- )
            {
                output += ' ';

            }
           for (var j=0;j<2*i-1 ;j++ )
            {
                output += "*";
            }
            output += "\n";
        }

        alert(output);
    </script>
</body>
</html>

소스다운 받기 : for.html

 

 

 

 

 

 

반응형

'프로그래밍 > Javascript' 카테고리의 다른 글

셀렉트 박스 링크 걸기  (0) 2016.01.30
eval()  (0) 2015.11.21
switch 문  (0) 2015.10.11
alert 창 띄우기  (0) 2015.10.09
부모창에 배너 띄우는 방법  (0) 2015.09.21
반응형

자바스크립트 내에서도 switch 문을 사용할 수 있습니다.

 

아래와 같이 예를들면 숫자를 입력하여 나머지가 짝수냐 홀수냐로 나뉘게 됩니다.

 

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var input = Number(prompt("숫자를 입력하세요:","숫자 : "));

switch (input %2)
        {
            case 0:
                alert("짝수");
                break;
            case 1:
                alert("홀수");
                break;
            default:
                alert("숫자가 아닙니다");
                break;
        }
    </script>
</body>
</html>

 

소스 다운받기 : switch.html

 

실행화면은 아래와 같습니다.

 

 

 

숫자 1을 입력했을 때 실행화면입니다.

 

 


반응형

'프로그래밍 > Javascript' 카테고리의 다른 글

셀렉트 박스 링크 걸기  (0) 2016.01.30
eval()  (0) 2015.11.21
for 문 -- 별 삼각형 출력하기  (0) 2015.10.14
alert 창 띄우기  (0) 2015.10.09
부모창에 배너 띄우는 방법  (0) 2015.09.21
반응형

웹사이트를 하다보면 회원가입 혹은 잘못된 정보를 받았을 때 자바스크립트를 사용하여 alert 창을 띄우게 됩니다.

 

소스는 아래와 같으며, 예제는 12시 이전이면 오전, 12시 이후에는 오후를 띄우도록 하였습니다.

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var date = new Date();
        var hour = date.getHours(); if(hour < 12) {
            alert("오전입니다");
        }

        if (hour >=12)
        {
            alert("오후입니다");
        }  
    </script>
</body>
</html>

소스 다운받기 : alert.html

 

아래 사진은 실행시킨 모습입니다. 현재 오후 1시 27분이기 때문에 오후라고 떴습니다.

 

 

반응형

'프로그래밍 > Javascript' 카테고리의 다른 글

셀렉트 박스 링크 걸기  (0) 2016.01.30
eval()  (0) 2015.11.21
for 문 -- 별 삼각형 출력하기  (0) 2015.10.14
switch 문  (0) 2015.10.11
부모창에 배너 띄우는 방법  (0) 2015.09.21
반응형

홈페이지를 돌아다니시다보면 팝업창을 클릭했을 때, 부모창으로 링크가 보여지고 팝업이 닫혀지는 효과가 있는데 그것을 구현하는 소스입니다.

 

01. 팝업창의 Head태그 안에 다음 스크립트를 넣으세요.

<script language="JavaScript" type="text/JavaScript">

<!--
function linkToOpener(URL){
if (window.opener && !window.opener.closed)
window.opener.location = URL;
window.close();
}
//-->
</script>

02. 다음과 같은 방식으로 팝업창에서 링크 설정

a href="javascript:linkToOpener('링크주소');"

윈도우 창과 다른 창과의 통신은 name속성으로 하게 되어 있습니다. 예를 들어 창을 띄울때 window.open("경로명", "윈도우이름");에서 윈도우 이름이 새롭게 만들어진 창의 이름이 됩니다. 그리고 이때 새로운 창을 만든 부모창을 opener window라고 합니다. 따라서 새로운 창과 부모창 간의 통신은 open window와 opener window간의 것이 되는 거죠.

스크립트를 보시면
window.opener && !window.opener.closed - 부모창이 존재하고 닫혀있지 않을때
window.opener.location - 부모창에서 이동할 주소
window.close(); - 창닫기

즉, 부모창이 존재하면 부모창에서 URL로 이동하고 열려 있는 창은 닫는다. 만약 부모창이 존재하지 않으면 팝업창은 그냥 닫혀 버립니다.


- 출처 : 지식인에서 soiyeon님의 답변 -
http://kin.naver.com/db/detail.php?d1id=1&dir_id=109&eid=zoGvuyHvmR50NZZqS+CzKxSZey/+3XKV&qb=xsu+97i1xak=


** 추가하자면 팝업창에서 부모창을 리로드 시키고자 할 때
    opener.parent.window.location.reload();
   
** 팝업창에서 또 팝업창이 열렸을 경우 최하단의 웹페이지 리르드 시키고자 할 때
    opener.opener.parent.window.location.reload();

 

반응형

'프로그래밍 > Javascript' 카테고리의 다른 글

셀렉트 박스 링크 걸기  (0) 2016.01.30
eval()  (0) 2015.11.21
for 문 -- 별 삼각형 출력하기  (0) 2015.10.14
switch 문  (0) 2015.10.11
alert 창 띄우기  (0) 2015.10.09

+ Recent posts

티스토리툴바