ページに疑問符のヘルプ リンクがあります。それぞれが同一のクラス名と属性を持つ div 内にあります。この属性は、データベースから適切なテキストを選択するために使用されます。以下のコードは、適切なテキストとともに疑問符の画像を取得します。
echo "<div class=helptab att=runcampaign>".$help->GetHelpTab()."</div>";
この関数の php コードは次のとおりです。
public function GetHelpTab() {
$helptab = "<div id=helptabs><img src=../images/help_tab.jpg>";
$helptab .= "<div id=helpwindow></div></div>";
return $helptab;
}
私のページには複数の helptab div が含まれています。それぞれをロールオーバーすると、適切なテキストが表示されます。テキストを保持するテキスト ウィンドウ (helpwindow) も表示されます。しかし問題は、ウィンドウが常に同じ場所にあることです。適切な疑問符ボックスで表示する必要があります。これを実現するための私のjqueryは次のとおりです。
$('.helptab').mouseenter(function() {
var classname = $(this).attr('att');
ShowText(classname);
});
function ShowText(classname) {
$.post('../lib/helptabtext.php', {
classname: classname,
}, function(data) {
if(data) {
$('#helpwindow').show();
$('#helpwindow').html(data);
}
}, 'text');
}