PHP とスクリプト言語は初めてです。CSV ファイルの内容をページ分割された形式で表示する必要がある Web ページを設計しています。また、ユーザーが範囲値を選択できるようにする範囲選択も行います。範囲値を選択した後、指定された基準を満たす CSV の値のみを表示する必要があります。これは私がこれまでに持っているコードです。
<?php
$totalcolumns = $_SESSION["totalcolumns"];
?>
<!-- Activate Simple Slider on your input -->
<h2>Keyword Scores</h2>
<?php
$i = 1;
while (++$i <= $_SESSION['totalcolumns']) {
$range = $_SESSION["min-column-$i"] . ',' . $_SESSION["max-column-$i"];?>
<br><input type="text" data-slider="true" data-slider-range="<?php echo $range ?>" data-slider-step="1">
<?php } ?>
<!--<input type="text" data-slider="true" data-slider-range="1,500" data-slider-step="1">
<script>
$("[data-slider]")
.each(function () {
var range;
var input = $(this);
$("<span>").addClass("output")
.insertAfter(input);
range = input.data("slider-range").split(",");
$("<span>").addClass("range")
.html(range[0])
.insertBefore(input);
$("<span>").addClass("range")
.html(range[1])
.insertAfter(input);
})
.bind("slider:ready slider:changed", function (event, data) {
$(this).nextAll(".output:first")
.html(data.value.toFixed(2));
});
</script>
上記のコードに従って、すべての CSV 値を正常に表示できます。上記のコードのように、ユーザーが表示したい範囲値を選択できるスライダーもあります。たとえば、CSV ファイルに以下の内容があるとします。
- 著者ID k1 k2 k3
- 著者1 4 5 7
- 著者2 6 5 8
- 著者3 9 1 2
したがって、上記のデータに従って、3 つのスライダー (k1、k2、および k3) を使用します。スライダーは、列k1、k2、および k3の値の最小値と最大値に従って範囲を持ちます。したがって、k1 の場合、スライダーの最小値は 4 で最大値は 9 になります。4 から 9 までの任意の値を選択でき、指定された基準を満たす値のみを画面に表示する必要があります。たとえば、k1 の場合、値 5 を選択すると、CSV ファイルは次のように表示されます。
- 著者ID k1 k2 k3
- 著者2 6 5 8
- 著者3 9 1 2