Как отобразить текстовый файл при нажатии кнопки в html

Question

У меня есть четыре текстовых файла, и я хочу отобразить их в браузере с помощью кнопок, которые я хочу создать, четыре кнопки, когда нажимают на первую кнопку, которую должен открыть первый текст. Пожалуйста, помогите мне в этом. Я новичок в HTML и PHP.

Answer 1

Для этого вам необходимо прочитать о функциях файла php.

См эту ссылку - http://php.net/manual/en/function.file.php

Try ниже код:

<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 и показать его на этой странице.