ajaxの使用について少し助けが必要です。私が今持っているのはプラス記号のボタン画像です。これで、ユーザーがボタンの画像をクリックすると、モデルウィンドウが開きます。現時点では、モーダルウィンドウは空白です。
モーダルウィンドウが空白である理由は、別のページにあるため、divタグ「previouslink」と正しくリンクしていないためです。(previousquestions.php)。モーダルウィンドウに「previousquestions.php」ページの「previouslink」divタグ内の詳細を表示したいのですが、ajaxを使用してこれをどのように実現できますか?
以下は、ページ(QandATable.php)のモーダルウィンドウと画像ボタンのコードです。
<script>
function plusbutton()
{
$(".previouslink").modal("previousquestions.php");
return false;
}
</script>
<body>
<h1>CREATING QUESTIONS AND ANSWERS</h1>
<table id="plus" align="center">
<tr>
<th>
<a onclick="return plusbutton();">
<img src="Images/plussign.jpg" width="30" height="30" alt="Look Up Previous Question" class="plusimage"/>
</a>
<span id="plussignmsg">(Click Plus Sign to look <br/> up Previous Questions)</span>
</th>
</tr>
</table>
<div class="previouslink">
</div>
</body>
以下は、「previousquestions.php」ページにある「previouslink」divタグです。
<button type="button" id="close" onclick="return closewindow();">Close</button>
<h1>PREVIOUS QUESTIONS</h1>
<form action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="post">
<p>Search: <input type="text" name="questioncontent" /></p>
<p><input id="searchquestion" name="searchQuestion" type="submit" value="Search" /></p>
</form>