logo TTVONE.COM

สอนเขียนเว็บสร้าง QRCode และ สแกน QRCode

Javascript กับการสร้าง QRcode แบบง่ายๆโดยใช้ qrcode เป็นการสร้าง QRcode โดยใช้ javascript library ชื [..]

: ttvone@hotmail.com poster
barcode-cellphone-close-up-278430

Javascript กับการสร้าง QRcode แบบง่ายๆโดยใช้ qrcode เป็นการสร้าง QRcode โดยใช้ javascript library ชื่อ qrcode.js โดยสามารถเข้าไปโหลดได้ที่ https://davidshimjs.github.io/qrcodejs/ เป็นการสอนแบบง่ายๆ นะครับ ลองเอาไปประยุกต์กับโปรเจคของท่านดูครับผม สอนเขียนเว็บสแกน QRCode ตัวนี้เป็น paylist นะครับ จากวิดีโอสอนการสร้าง QRCode แบบง่ายๆ ปล่อยไปแล้ว ตอนนี้ถึงคู่ของมันเสียที วิดีโอสอนการ Scan QRCode จากกล้องในคอมพิวเตอร์กัน (จะปล่อยหน้าเพจวันละตอนนะครับ มีทั้งหมด 6 ตอน) เครื่องมือที่ใช้มี ดาวน์โหลด source มาทำตามวิดีโอได้ที่ https://github.com/wanchalerm15/qrcode-camera-js ฝากกดไลด์กดแชร์กันด้วยนะครับที่ : https://www.facebook.com/ttvone.developer/ ติดตามคอร์สใหม่ๆได้ที่ : https://shop.ttvone.com/

[วิดีโอสอน] Javascript กับการสร้าง QRcode แบบง่ายๆโดยใช้ qrcode.js

เป็นการสร้าง QRcode โดยใช้ javascript library ชื่อ qrcode.js โดยสามารถเข้าไปโหลดได้ที่ https://david [..]

: ttvone@hotmail.com poster
http://www.techiesmartstore.com/blog/wp-content/uploads/2013/05/qr-codes.jpg

เป็นการสร้าง QRcode โดยใช้ javascript library ชื่อ qrcode.js โดยสามารถเข้าไปโหลดได้ที่ https://davidshimjs.github.io/qrcodejs/ เป็นการสอนแบบง่ายๆ นะครับ ลองเอาไปประยุกต์กับโปรเจคของท่านดูครับผม ตัวอย่างโค๊ด : <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Javascript กับการสร้าง QRcode แบบง่ายๆโดยใช้ qrcode.js</title> <script src="qrcode.min.js"></script> </head> <body> <input type="text" name="textQrcode" id="textQrcode"> <button onclick="createQRcode()">สร้าง QRcode</button> <hr> <div id="showQRcode"></div> <script> function createQRcode(){ var textQrcode = document.getElementById('textQrcode'); var showQRcode = document.getElementById('showQRcode'); if(textQrcode.value.trim() !== ''){ showQRcode.innerHTML […]

[วิดีโอสอน] การแสดงตัวอย่างรูปภาพด้วย javascript ก่อนทำการอัพโหลดไปยัง Server

เป็นการแสดงตัวอย่างรูปภาพก่อนทำการอัพโหลดไปยัง Server นะครับ ซึ่งใช้ javascript เรียนรู้กับ object ข [..]

: ttvone@hotmail.com poster
file-uploads1

เป็นการแสดงตัวอย่างรูปภาพก่อนทำการอัพโหลดไปยัง Server นะครับ ซึ่งใช้ javascript เรียนรู้กับ object ของ javascript ชื่อ FileReader นะครับ เป็นการเขียนโค๊ดแบบง่ายๆ basic นะครับ ลองเอาไปประยุกต์ใช้กับโปรเจคของท่านดูนะครับ ตัวอย่างโค๊ดนะครับ : <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Javascript กับการ แสดงตัวอย่างภาพก่อนอัพโหลดไปยัง Server</title> <style> #showImage{ display: none; } #showImage[src]{ display: block; height: 400px; border: solid 5px #000; border-radius: 5px; margin-top: 30px; } </style> </head> <body> <form action=""> <input type="file" […]

[วิดีโอสอน] การส่งข้อมูลผ่าน form ไปยัง PHP และ Javascript และข้อแตกต่างของสอง script นี้

การส่งข้อมูลผ่าน form ไปยัง Server script อย่าง PHP Client script อย่าง Javascript และความแตกต่างของ [..]

: ttvone@hotmail.com poster
html_javascript_php

การส่งข้อมูลผ่าน form ไปยัง Server script อย่าง PHP Client script อย่าง Javascript และความแตกต่างของ script ทั้งสอง ซึ่งวิดีโอนี้เป็นการสอนให้เข้าใจว่าเราจะรับข้อมูลจาก form ด้วย PHP  หรือ Javascript อย่างไร เป็นวิดีโอสอนเบื้องต้นนะครับ ลองมาศึกษาดูครับ ตัวอย่างโค๊ดนะครับ : <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>การส่งข้อมูลผ่าน form ไปยัง Client script อย่าง Javascript หรือ Server script อย่าง PHP และความแตกต่างของ 2 script นี้</title> </head> <body> <h1>การส่งข้อมูลผ่าน form ไปยัง Client script […]