Question

我有四个文本文件，我想在浏览器上显示它，使用我想创建四个按钮的按钮，当点击第一个按钮时，第一个文本应该打开。请帮助我解决这个问题，我是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

您似乎无需在单击按钮的触发操作上读取文件。如果您已经在阅读该文件，请将其加载到隐藏的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动态读取数据并在页面上显示。

如何在html中单击按钮显示文本文件

2 个答案: