จัดobjectให้อยู่ตรงกลาง
<div class="row justify-content-md-center" >
<div class="col-md-auto" style=background-color:lightgray;>
<h1>Adisak</h1>
</div>
</div>
วันศุกร์ที่ 17 กันยายน พ.ศ. 2564
วันอังคารที่ 14 กันยายน พ.ศ. 2564
Javascript ทำ Login อย่างง่าย
<!-- Sweetalert2 -->
<script src="sweetalert2.all.min.js"></script>
<script>
function myLogin(){
Swal.fire({
title: "Password required",
text: "Please input correct password:",
input: 'text',
showCancelButton: true
}).then((result) => {
if (result.value!='123') {
Swal.fire({
title: 'Wrong password..',
text: "Use another passw is not : "+result.value,
type: 'success',
}).then(function (result) {
if (true) {
location.reload();
}
})
}else{
return true
}
});
}
window.onload = myLogin; // use or not-use
</script>
<!-- ORIGINAL Style -->
<script>
function myLogin(){
var password = prompt("Please enter your password", "");
if (password == '2114') {
return true
}else{
alert('Wrong password !')
location.href = "mbook_generator.php"
return false
}
}
window.onload = myLogin;
</script>
วันจันทร์ที่ 13 กันยายน พ.ศ. 2564
การครอบ html tag บนข้อความเดิม
การครอบ html tag บนข้อความเดิม หรือ how to quickly wrap text with HTML tags in Visual Studio
ด้วยวิธีติดตั้ง extenssion ชื่อ htmltagwrap
Link
https://marketplace.visualstudio.com/items?itemName=bradgashler.htmltagwrap
Installation Options
Option 1. Search for htmltagwrap in VS Code extensions tab and install it.
Option 2. Go to the marketplace link mentioned above and click on install, it will prompt you to open it with VS Code and once you do that it'll be installed.
Usage
Select one or more blocks of text or strings of text.
Press Alt + W or Option + W for Mac.
Type the tag name you want.
หมายเหตุ :
ครั้งแรกที่กด Alt + W จะมาครอบด้วย tag <p>
แล้วสามารถพิมพ์ทับด้วย tag ที่ต้องการได้เลย....work!!..สุดๆ
Zen Code ด้วย Emmet ใน VSCODE
ref : https://docs.emmet.io/cheat-sheet/
ตัวอย่างการเขียน zen coding ด้วย emmet ใน vscode ที่จะทำให้การเขียนโปรแกรมได้เร็วขึ้นมาก
h2{Helloworld}
ผลลัพธ์
<h2>Helloworld<h2>
remark: {}คือใส่ข้อความ
tabale>tr>td
ผลลัพธ์
<table>
<tr>
<td></td>
</tr>
</table>
remark: > คือ ส่วนลูก chield
tabale>tr>td*3
ผลลัพธ์
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
remark: * คือ ส่วนที่ทำซ้ำๆ
table>tr*3>td*2
ผลลัพธ์
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
div.main
ผลลัพธ์
<div class="main"></div> remark: . คือ class
div#main
ผลลัพธ์
<div id="main"></div> remark: # คือ id
ปล.:Snippets ending with + not work
วันศุกร์ที่ 10 กันยายน พ.ศ. 2564
Express ไม่ต้องติดตั้ง Body Parser แล้ว
You might not need to install the additional body-parser package to your application if you are using Express 4.16+. There are many tutorials that include the installation of body-parser because they are dated prior to the release of Express 4.16. (on 2018)
วันพฤหัสบดีที่ 9 กันยายน พ.ศ. 2564
สมัครสมาชิก:
บทความ (Atom)