htmlのボタンをクリックするとテキストファイルを表示する方法

Question

4つのテキストファイルがあり、ボタンを使用してブラウザに表示したい最初のテキストを開くときに最初のボタンをクリックすると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> 

Javascriptを：

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

それとも、AJAXを使用して動的にデータを読み込み、ページに表示することができます。