html로 버튼을 클릭하면 텍스트 파일을 표시하는 방법

Question

4 개의 텍스트 파일이 있으며 버튼을 사용하여 브라우저에 표시하고 싶습니다. 첫 번째 버튼을 클릭하면 첫 번째 텍스트가 열립니다. 제발, HTML과 PHP가 처음이에요.

Answer 1

이렇게하려면 PHP 파일 기능을 읽어야합니다.

이 링크를 참조하십시오 - http://php.net/manual/en/function.file.php

시도 코드 아래 : 난 그냥 당신에게 예를 제공하고 있습니다로

<h2>Click</h2> 
<form action="" method="post"> 
    <button name="click" class="click">Click me!</button> 
</form> 

    <?php 
    if(isset($_POST['click'])) 
    { 
     $filename = "test.txt"; 
     $before_editing = file_get_contents($filename); 

    ?> 
<!--this is for display in table--> 
<table border="1"><tr><td><?php echo "Content of the file " . $filename . " before editing: " . $before_editing . "<br>"; ?></td></tr></table> 
<!-- this is for display in single--> 
    <?php 
     echo "Content of the file " . $filename . " before editing: " . $before_editing . "<br>"; 
     file_put_contents($filename, "test test test test test"); 
     $after_editing = file_get_contents($filename); 
     echo "Content of the file " . $filename . " after editing: " . $after_editing . "<br>"; 
    } 
    ?> 

당신은 "TEST.TXT"로 파일 이름을 바꿀 수 있습니다.

Answer 2

버튼을 클릭하면 트리거 된 동작에서 파일을 읽지 않아도됩니다. 이미 파일을 읽는 중이라면 <div>과 같은 숨겨진 HTML 요소에 파일을로드 한 다음 Javascript를 사용하여 버튼 클릭시 표시하십시오.

PHP :

$myFile = "file.txt"; 
    $fh = fopen($myFile, 'r'); 
    $theData = fread($fh, filesize($myFile)); 
    fclose($fh); 
    echo '<div id="hidden_content" style="display:none">'.$theData.'</div>'; 

HTML 링크 :

<a href="#" onclick="show_content()">Show it!</a> 

자바 스크립트 :

function show_content(){ 
    document.getElementByID('hidden_content').style.display = 'block'; 
} 

또는 동적으로 아약스를 사용하여 데이터를 읽고 페이지를 표시 할 수 있습니다.