2014-04-18 3 views
0

사용자가 링크를 클릭 할 때 영역의 텍스트를 가져 가고 싶은 웹 페이지에서 작업하고 있습니다. 다음은 js 함수로 변경하고자하는 텍스트 섹션의 코드입니다. 자바 스크립트 함수 변경 내용 onclick

<div id="banner_left"> 

    <h2 id="tagmain">This is a title area for the text below - I would like to change this and the below text </h2> 
    <p id="tagtext">This is the main text area that I would like to change dynamically when a link is clicked.</p> 
    <div class="cleaner_h20"></div> 
    <div class="button_01"><a href="#">More</a></div> 

</div> 

링크

<div class="banner_button"> 
    <a id="support" href="#" onclick="javascript:changeText(args)>Support</a> 
</div> 

코드입니다 그리고 이것은 함수 코드를 테스트하기 위해 추가 조건으로 끝날 것

<script language="javascript" type="text/javascript"> 
    function changeText(idElement) { 
    if(idElement==1){ 
    document.getElementById.('tagmain').innerHTML ='New title to display'; 
    document.getElementById.('tagtext').innerHTML ='New text to display.';} 
    return false; 
}</script> 

기능 코드,하지만 난에 원 먼저 일하게하십시오. 나는 자바가 아니라 자바가 제 1 언어라는 것을 잘 모르겠습니다. 어떤 도움이라도 굉장합니다. 나는 단지 콘텐츠를 변경할 수 있기를 원합니다. 예를 들어, 사용자가 페이지를 변경하는 대신 지원을 위해 CSS "버튼"/ 링크를 클릭하면 사이트 본문의 텍스트를 변경하고 싶습니다. 현재 아무 것도하지 않는 것으로 보입니다. 미리 감사드립니다. 내가 getElementById

<script language="javascript" type="text/javascript"> 
function changeText(idElement) { 
    if(idElement==1){ 
     document.getElementById('tagmain').innerHTML ='New title to display'; 
     document.getElementById('tagtext').innerHTML ='New text to display.'; // removed extra } 
     return false; 
    } 
} 
</script> 

HTML 후 .이 하나 :

답변

6

필요가 없습니다에 두꺼운 것 아니에요 변경됩니다 희망

<div class="banner_button"> 
    <a id="support" href="#" onclick="javascript:changeText(1); return false;">Support</a> 
</div> 

또는 당신은 HTML

<script language="javascript" type="text/javascript"> 
function changeText(idElement) { 
    if(idElement==1){ 
     $('#tagmain').html('New title to display'); 
     $('#tagtext').html('New text to display.'); 
     return false; 
    } 
} 
</script> 
을 설정하기 위해 jQuery를 사용할 수 있습니다
+0

유레카! 고마워요. 이번 학기에 학교에서 끝나면 자바 스크립트로 더 많은 일을하기를 희망합니다. – IrishCarBomb

1
<a id="support" href="#" onclick="javascript:changeText(args)">Support</a> 

... 그리고 당신은 견적을 놓치고 있습니다.