2014-06-05 2 views
0

연습을 위해 html 페이지에서 두 개의 버튼이 있습니다.선택시 추가 정보를 표시하는 방법

1 태그를 사용하여 버튼이 만들어졌고 다른 페이지로 리디렉션되었습니다.

두 번째 버튼을 누르면 더 많은 기능과 옵션을 표시하여 페이지의 빈 영역을 채울 수 있습니다.

나는 이것을 찾기 시작하는 방법조차 모른다.

도움을 주시면 감사하겠습니다. 감사합니다.

+1

다시로드 한 후 내용이 표시되도록 양식을 만들고 같은 페이지에 게시 할 수 있습니다. 페이지를 다시로드하지 않고 내용을 표시하려면 javascript를 사용해야합니다. – Brobin

+1

오 싹 .. 나는 현재 PHP와 HTML에만 집중하고있다. 하지만 그게 좋은 해결책 같아. 고마워. – user2883071

답변

1
<?php 

    $action = (isset($_GET['sent'])) ? $_GET['sent'] : null; 
    If($action!=null){ 
    ?> 
    Other buttons go here, <b>Hello</b> 
<?php 
    } 

?> 
<form action="<?php echo $_SERVER['PHP_SELF'].'?sent=yes'; ?>" method="get"> 
    <input type="submit" value="Show more buttons" /> 
</form> 

당신이하고 싶은 것을해야합니다. 이 방법은 페이지의 전체 내용을 새로 고쳐야하므로 조금 성가시다. 텍스트를 다룰 때는 그렇게 나쁘지는 않지만 대부분의 웹 사이트에는 이미지가 있습니다.

+0

대단히 고마워, 나는 그것을 볼 것이다! – user2883071

1

자바 스크립트로 CSS를 사용해보세요. 별도의 div에 추가 콘텐츠 (position:absolutevisibility:hidden)를 넣으십시오. 두 번째 버튼에 자바 스크립트를 연결하면 클릭시 가시성이 visible이됩니다.

관련 문제