2012-01-01 4 views
1

phonegap 프레임 워크로 응용 프로그램을 개발하고 있습니다. onclick javascript 함수를 사용하여 div 태그 요소 하나를 다른 태그 요소로 호출하는 방법을 알고 싶습니다. 여기 onclick 함수를 사용하여 다른 div 태그 요소와 div 태그 요소를 호출하는 방법

내 코드입니다 : 내가 첫 번째 이미지 onclicking 두 번째 이미지를 표시해야합니다 (재치 CSS 스타일 클래스 이름 : 보이는/보이지 않는). 난 다음은 일반 자바 스크립트 만 포함 할 수

<div id="abc" class="visible"> 
<img style=" z-index:-1" src="icons/firstimage.jpg" width="100%" height="100%" border="0" alt="logo"> 
</div> 

<div id="def" class="invisible"> 
<img style=" z-index:-1" src="icons/secondimage.jpg" width="100%" height="100%" border="0" alt="logo" > 
</div> 
+0

는 div 태그를 호출 할 것은 무엇을 의미 하는가? 너는 실제로 무엇을하려 하는가? 그리고, 당신이 포함한다고 말한 코드는 어디에 있습니까? – jfriend00

+0

코드를 볼 수 없습니다. 당신이 그것을 어디에 두 었는지. 코드를 입력하면 누구나 대답을 줄 수 있습니다. –

답변

1

당신은 클릭에 자바 스크립트 함수를 호출하고 다음과 같은 두 번째 DIV 볼 수 클래스를 추가 할 수

document.getElementById('def').className = 'visible'; 

DEMO HERE

0

jQuery를 사용하지만 그것은 단지 나의 편의를위한 것이다.

<div onClick="$('#OtherDiv').html('you click')">test</div> 
<div id="OtherDiv"></div>