ซึ่งเเนะนำตั้งแต่พื้นฐาน จนถึงการนำ HTML5 ไปใช้กับงานจริง เพื่อให้สามารถทำเข้าใจบทความได้ง่ายขึ้นรวมถึงบทเรียนที่เกี่ยวข้อง บทเรียน CSS ,บทเรียน javascript , เเละ บทเรียน jquery
___________________________________________________________________________________________________________________
โค้ด: เลือกทั้งหมด
<div class="blc">
<script>
var image_id_all = [];
</script>
<!-- BEGIN image_list -->
<div class="col-sm-6 col-xs-6 col-xs-12 col-md-4 col-lg-4">
<div class="container">
<div class="photo">
<div class="thumbnail bootsnipp-thumb">
<img class="img_show" src="{image_list.IMAGEPATH}" id="{image_list.IMAGE_ID}" action="aaaa" event_id="{image_list.EVENT_ID}">
<div><b>{image_list.IMAGE_IN_TIME}</b> , ภาพ <span class="name_photo">#{image_list.IMAGE_ID}</span> <span class="{image_list.ADD_CLASS_LOCATION} right"></span><span class="name_photo right"> By {image_list.IMAGE_PHOTOPH}</span></div>
</div>
</div>
</div>
</div>
<script>
image_id_all.push('{image_list.IMAGE_ID}');
</script>
<!-- END image_list -->
</div>
image_id_all.push('{image_list.IMAGE_ID}'); = คำสั่งนี้ คือการนำค่าที่ loop ได้ ใส่ array
โค้ด: เลือกทั้งหมด
var show_id_all = sessionStorage.setItem('image_id_all', JSON.stringify(image_id_all));
console.log(JSON.parse(sessionStorage.getItem('image_id_all')));
console.log(JSON.parse(sessionStorage.getItem('image_id_all'))); = เอา parse json กลับมาเป็น array เพื่อใช้งาน
ถ้าใช้ localStorage ให้เปลี่ยนจาก sessionStorage เป็น localStorage ผลที่ได้จะมีค่าเหมือนกัน