画像をクリックした後、サーバー ディレクトリ (cpanel を使用) に .txt および .jpg ファイルが存在するかどうかを確認するコードがここにあります。次に、アラートボックスに.txtファイルの値を表示します(うまく機能します)。同じボックスに画像も表示する必要があります。ただし、代わりに img ソースを返します。
私がまさに欲しいのは:
- 両方のファイル (.txt 値と画像) をモーダル ポップアップに表示する
- ポップアップの左側にある .jpg
- 右側の .txt 値
.txt ファイルの値は次のようになります。
タイトル サブタイトル
ここの段落...
これが私のコードです:view.php
<html>
<head>
<title>Simple AJAX Example</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<div class="Thumb popup_element shadow clearfix" id="u2413"><!-- group -->
<img class="grpelem" id="u2471" alt="This Week's Events" src="images/blank.gif" onclick="readexisting()"/><!-- state-based BG images -->
</div>
<script>
function readexisting() {
jQuery.ajax({
type: "POST",
url: 'controller.php',
data: {action: 'readexisting', arguments: 'your data'},
success:function(data) {
data = data.split("~:~");
alert(data[0]); // message
}
});
}
</script>
</body>
</html>
controller.php
<?php
include_once("model.php");
$obj = new Model();
switch($_POST["action"]){
case 'readexisting':
$obj->readexisting();
break;
}
?>
model.php
<?php
class Model {
public function readexisting() {
if (file_exists($_SERVER['DOCUMENT_ROOT']."/Project/events/folder-01/event-01.txt") && file_exists($_SERVER['DOCUMENT_ROOT']."/Project/events/folder-01/event-01.jpg")) {
$myPic = ($_SERVER['DOCUMENT_ROOT']."/Project/events/folder-01/event-01.jpg");
echo '<img src="'.$myPic.'" /><br />';
$myFile = ($_SERVER['DOCUMENT_ROOT']."/Project/events/folder-01/event-01.txt");
$fh = fopen($myFile, 'r');
$theData = fread($fh, filesize($myFile));
fclose($fh);
echo $theData ;
} else {
echo "The file $myFile does not exist";
}
}
}
?>
これで私を助けてくれることを願っています。私のコードを自由に編集してください。あなたの助けは大歓迎です。