おそらく簡単な解決策ですが、プログラミングの世界での私の初期の学習曲線と、jquery と一緒に php を使用することを許してください。データベースから簡単に情報を取得して画面に表示できます。ただし、データベースから取得され、ページのphpに書き出された特定の要素を非表示にして、クリックイベントで表示できるようにしたいと考えています。$.post を使用して取得されていない、Web サイトの他のセクションでこれを簡単に行うことができます。$.post と ajax を使用してデータベースから情報を取得した後、jQuery に適用される特定のルールはありますか?
以下のphp:
<?php echo "
<div class='phone_tracking customCall separation'>
<h3>Phone Tracking</h3>
<a class='showCustomDatePhone' href='#customDate_individualPhone'>View & Listen to Individual Phone Leads >></a>
<table>
<tr class='tableHead'>
<td>Date</td>
<td>Traffic+ Calls</td>
<td>New Vehicle Calls</td>
<td>Used Vehicle Calls</td>
<td>Service Calls</td>
<td class='totalTally'>Total Calls</td>
</tr>
<tr>
<td>`$valueRetrieved` - `$valueRetrieved2`</td>
<td>$customDateTrafficPlusTally</td>
<td>$customDateNewVehicleTally</td>
<td>$customDateUsedVehicleTally</td>
<td>$customDateServiceTally</td>
<td>$customDateTally</td>
</tr>
</table>
<div id='customDate_individualPhone'>
<h4>All Individual Phone Calls For `$valueRetrieved` - `$valueRetrieved2`</h4>
<table>
<tr>
<td>Date</td>
<td>Ad Source</td>
<td>Caller Phone Number</td>
<td>Tracking Phone Number</td>
<td>Target Phone Number</td>
<td>Call Duration (in seconds)</td>
<td>Result of Phone Call</td>
<td>Call Listen Link</td>
</tr> " . $showTheCustomDatePhoneTable ."
</table>
</div>
</div>
"; ?>
以下のjQuery:
$('#customDate_individualPhone').hide();
$('.showCustomDatePhone').click(function(){
var txt = $("#customDate_individualPhone").is(':visible') ? 'View & Listen to Individual Phone Leads >>' : '<< Hide Individual Phone Leads';
$(".showCustomDatePhone").text(txt);
$('#customDate_individualPhone').toggle();
});
データを取得するための ajax (役立つ場合)
$('#getDateRange').on('click', function(){
var startDate = $('#dateStart').val();
var endDate = $('#dateEnd').val();
if ($.trim(startDate) != '') {
$.post('../../includes/dateRangeWhitePlainsNissan.php', {dateStart: startDate, dateEnd: endDate}, function(data){
$('#fromDatabase').html(data);
});
}
});
私はまだプログラミングに非常に慣れていないので、助けていただければ幸いです。ありがとう