2013-07-10 4 views
1

매우 간단하게 여러 페이지의 '상자'에 대해 다음 코드를 여러 번 사용하고 싶습니다. 즉, 숨겨진 call (box1ID)이 box1ID를 숨길 때 호출 할 때 어떻게 인수를 전달할 수 있습니까? 등등 ..... 당신은 다음과 같이인수에 함수 전달

function conceal(element) {  
     if(document.getElementById(element).style.display=='block') { 
      document.getElementById(element).style.display='none'; 
     } 
     return false; 
    } 

    function show(element) { 
     if(document.getElementById(element).style.display=='none') { 
      document.getElementById(element).style.display='block'; 
     } 
    return false; 
    } 

Call it like so: 
conceal('box1ID'); 
+0

인수에 함수를 전달하는 방법을 묻는다면, 그것은 매우 기본이다. 그것은 당신이 당신의 입문 튜토리얼/책을 읽는 동안 배웠을 것입니다. 나는 당신의 질문을 오해 했습니까? –

답변

1

나는 당신이 필요 모르겠어요. 이게 뭔가? 여기

function conceal(boxId) {  
     if(document.getElementById(boxId).style.display=='block') { 
      document.getElementById(boxId).style.display='none'; 
     } 
     return false; 
    } 

function show(boxId) { 
    if(document.getElementById(boxId).style.display=='none') { 
     document.getElementById(boxId).style.display='block'; 
    } 
    return false; 
} 




show('box1ID'); 
conceal('box1ID'); 
2

그것은 매우 간단합니다, 그냥 작성하고이 포함되어 있습니까?

function conceal(boxID) {  
    if(document.getElementById(boxID).style.display=='block') { 
     document.getElementById(box1ID).style.display='none'; 
    } 
    return false; 
} 

function show(boxID) { 
    if(document.getElementById(boxID).style.display=='none') { 
     document.getElementById(boxID).style.display='block'; 
    } 
    return false; 
} 
1

을 의미 ...

function conceal() {  
     if(document.getElementById('box1ID').style.display=='block') { 
      document.getElementById('box1ID').style.display='none'; 
     } 
     return false; 
    } 

function show() { 
    if(document.getElementById('box1ID').style.display=='none') { 
     document.getElementById('box1ID').style.display='block'; 
    } 
    return false; 
} 
0
<input type="Button" onclick="conceal(this.id)"/> 

자바 스크립트 :

function conceal(buttonId) {  
    if(document.getElementById('+buttonId+').style.display=='block') { 
     document.getElementById('+buttonId+').style.display='none'; 
    } 
    return false; 
} 
1

나는 몇 가지 코드를

function showhide(id,show) {  
    document.getElementById(id).style.display=show?'block':'none'; 
    return false; 
} 

사용 인라인을 저장

<a href="#" onclick="return showhide('box1ID',true)">Show</a> 
<a href="#" onclick="return showhide('box1ID',false)">Hide</a> 

사용 전환하려면 (난 당신이 때문에 거짓 반환에 인라인 사용 가정)

function toggle(id) {  
    document.getElementById(id).style.display=document.getElementById(id).style.display=="block"?"none":"block"; 
    return false; 
} 

사용법 인라인 (인라인으로 사용한다고 가정합니다. false로 바꾼다)

<a href="#" onclick="return toggle('box1ID')">Toggle</a> 
관련 문제