Blockchain | Defi | Full Stack Developer

การใช้งาน Jquery ด้วยคำสั่ง .addr เราสามารถทำอะไรได้บ้างมาลองดูกัน การเข้าถึง Attribute ด้วยคำสั่งนี้เลย var defaultURL =$(".btn-form-save").attr("data-url"); ให้ใช้ตัวที่เราทำ selector มาไม่ว่าจะได้ ID หรือ ด้วย Class ก็ตามอ่ะนะ แล้วตามด้วยคำสั่ง  .attr("attr_name");  ตามนี้ได้เลย โดยที่ attr_name นี้ไม่จำเป็นต้องเป็น Tag HTML Standard นะ เป็น Custom Tag ที่เรากำหนดขึ้นมาเองได้เลย ต่อไปหากเราต้องการจะเปลี่ยนค่า ก็ไม่ยากด้วยคำสั่งนี้เลย $(".btn-form-save").attr("data-url","new value"); เช่นเดียวกันคือให้เริ่มจากตัวที่เราทำ Selector แล้วตามด้วยคำสั่งนี้ .attr("attr_name", "attr_value")  ตามนี้ได้เลย ลองนำไปปรับใช้กันดูนะหวังว่าจะเป็นประโยชน์ไม่มากก็น้อย

บ่อยครั้งเราก็มักจะทำปุ่ม Back บนหน้า web page แล้วให้ถอยกลับ 1 step เช่น ตามตัวอย่างนี้ Step แรก อยู่ที่ pageA.html Step สอง กด Link มาที่ pageB.html เราทำปุ่ม Back ไว้เพื่อให้ User สามารถกดถอยกลับไปที่ PageA.html ได้ โดยการใส่ javascript ด้วยคำสั่ง history.go(-1)   ไว้ จะทำให้เราสามารถทำงานได้ แต่ .... ถ้า step มันไม่เป็นตามนี้ล่ะ เช่น ถ้า User เข้ามาที่ pageB.html ตรงๆ มันจะมผลทำให้ปุ่ม Back ของเราทำงานไม่ได้ เพราะว่ามันไม่มีอะไรให้ back แล้วนั่นเอง แนวทางในการเช็คก็ง่ายๆ ตามนี้เลยครับ ใช้คำสั่ง Javascript ในการตรวจสอบ  document.referrer ตามตัวอย่างด้านล่างนี้เลย <script> function goBack(){   if (document.referrer == "") {      window.location.href = "home.html";   } else {      history.go(-1);   } }    </script> ประมาณนี้ ครับแบบนี้คือถ้าไม่มีอะไรให้ Back ก็ให้กลับหน้าแรกไปเลย หรือจะใช้ Script เดียวกันนี้ในการซ่อนปุ่ม Back ก็ได้นะครับแล้วแต่จะประยุกต์ใช้ได้เลย  

บ่อยครั้งที่เรา query ข้อมูลจาก Source ต่างๆ เช่น PHP Query Database MySQL จะได้ value ของ field ที่เป็น Date ออกมาเป็น yyyy-mm-dd ทำให้เราต้องมาทำการเปลี่ยน format ให้เป็นที่คุ้นเคยคือ dd-mm-yyyy หรือ dd/mm/yyyy วิธีการทำตามตัวอย่างนี้เลย ตัวอย่าง value ตั้งต้นมาแบบนี้ $original_date = "2019-03-31"; ให้นำมาสร้างตัวแปร date ตามนี้ $timestamp = strtotime($original_date); แล้วค่อยนำมา จัด format ตามที่เราต้องการ $new_date = date("d-m-Y", $timestamp); สิ่งที่ได้จากตัวแปรใหม่ก็จะ เป็นตาม format ที่เราระบุไปนั่นเอง  

ก่อนอื่นขอสวัสดีปีใหม่ 2020 เพื่อนๆทุกคนนะครับ วันนี้ได้ลองหา UI Framework เจ๋งๆ หลายๆตัวมาเปรียบเทียบแล้วรู้สึกว่าเจออยู่ 1 ตัว มีความน่าสนใจอยากให้เพื่อนๆ ลองใช้กันดูนั่นก็คือ Semantic UI   ระบบต่างๆ มีครบตามต้นแบบ Bootstrap แต่มีการนำปรับปรุงให้ใช้งานได้ง่ายขึ้นไม่ว่าจะเป็น ระบบ Grid และที่ผมชอบมากๆคือ ระบบ Card  ที่ทำออกมาได้เป็นอย่างดี Responsive ได้เนียนมากๆ  ยังไงก็ลอง download มาลองเล่นกันได้เลยนะครับตาม URL ด้านล่างนี้เลย  URL : https://semantic-ui.com/