dataGram.html
ผมทำหน้าแสดงข้อมูลรายสัปดาห์ จ.- ศ. ผมอยากให้เปิดหน้าขึ้นมา แล้วแสดงข้อมูลหน้าแรกไว้ที่วันจันทร์ ตอนนี้ที่ผมทำไว้มันไม่แสดง เพราะผมใช้ css none ไว้ ซึ่งถ้าไม่ทำแบบนี้ มันจะแสดงข้อมูลทั้ง 5 วัน ผมเคยลองใช้การ active แต่มันมีปัญหาเวลาที่ผม Link จากหน้าหน้าอื่นมาที่ข้อมูลเฉพาะวัน เช่น อังคาร หรือ พุธ มันจะเด้งขึ้นมาที่หน้าที่ active ตลอดเลย เลยอยากข้อคำแนะนำหน่อยครับ
HTML --------------------------------------
<div class="button dropdown">
<select id="selector">
<option value="1" selected="true" disabled="disabled" label="รายสัปดาห์"></option>
<option value="1">Mon</option>
<option value="2">Tue</option>
<option value="3">Wed</option>
<option value="4">Thu</option>
<option value="5">Fri</option>
</select>
------------------------------------------------
Java Script -----------------------------------
<script type="text/javascript">
$(function() {
$('#selector').change(function(){
$('.nums').hide();
$('#' + $(this).val()).show();
});
});
</script>
<div class="output">
---------------------------------------------------
CSS ----------------------------------------- ******
.nums {
display: none;
}
------------------------------------------------
select Index -----------------------------------------
<div id="1" class="nums 1" align="center">
<p align:"center">ข้อมูล ณ วันที่ {{ Date1 }}</p>
<br><br>
<div id="BN" class="contains-chart" style="width: 100%; min-height: 300px; margin: 0 auto; position: relative;"></div>
</div>
<div id="2" class="nums 2" align="center">
<p align:"center">ข้อมูล ณ วันที่ {{ Date2 }}</p>
<br><br>
<div id="SN" class="contains-chart" style="width: 100%; min-height: 300px; margin: 0 auto; position: relative;"></div>
</div>
-------------------------------------------------------
select option Hide/Show java scrip, Html
ผมทำหน้าแสดงข้อมูลรายสัปดาห์ จ.- ศ. ผมอยากให้เปิดหน้าขึ้นมา แล้วแสดงข้อมูลหน้าแรกไว้ที่วันจันทร์ ตอนนี้ที่ผมทำไว้มันไม่แสดง เพราะผมใช้ css none ไว้ ซึ่งถ้าไม่ทำแบบนี้ มันจะแสดงข้อมูลทั้ง 5 วัน ผมเคยลองใช้การ active แต่มันมีปัญหาเวลาที่ผม Link จากหน้าหน้าอื่นมาที่ข้อมูลเฉพาะวัน เช่น อังคาร หรือ พุธ มันจะเด้งขึ้นมาที่หน้าที่ active ตลอดเลย เลยอยากข้อคำแนะนำหน่อยครับ
HTML --------------------------------------
<div class="button dropdown">
<select id="selector">
<option value="1" selected="true" disabled="disabled" label="รายสัปดาห์"></option>
<option value="1">Mon</option>
<option value="2">Tue</option>
<option value="3">Wed</option>
<option value="4">Thu</option>
<option value="5">Fri</option>
</select>
------------------------------------------------
Java Script -----------------------------------
<script type="text/javascript">
$(function() {
$('#selector').change(function(){
$('.nums').hide();
$('#' + $(this).val()).show();
});
});
</script>
<div class="output">
---------------------------------------------------
CSS ----------------------------------------- ******
.nums {
display: none;
}
------------------------------------------------
select Index -----------------------------------------
<div id="1" class="nums 1" align="center">
<p align:"center">ข้อมูล ณ วันที่ {{ Date1 }}</p>
<br><br>
<div id="BN" class="contains-chart" style="width: 100%; min-height: 300px; margin: 0 auto; position: relative;"></div>
</div>
<div id="2" class="nums 2" align="center">
<p align:"center">ข้อมูล ณ วันที่ {{ Date2 }}</p>
<br><br>
<div id="SN" class="contains-chart" style="width: 100%; min-height: 300px; margin: 0 auto; position: relative;"></div>
</div>
-------------------------------------------------------