如何在html中單擊按鈕時顯示文本文件

Question

我有四個文本文件，我想使用按鈕在瀏覽器上顯示它。我想在單擊第一個按鈕時創建四個按鈕，第一個文本應打開。 請從這方面幫助我，我是HTML和PHP的新手。

Answer 1

為此，您需要閱讀有關php文件功能的信息。

請參閱此鏈接-http://php.net/manual/zh/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

似乎您不必一定要在單擊按鈕的觸發操作中讀取文件。 如果您已經在讀取文件，則將其加載到隱藏的HTML元素（如<div> ，然后使用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>

使用Javascript：

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

或者，您可以使用ajax動態讀取數據並將其顯示在頁面上。