Absent PHP
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="login.css">
<style>
#par, #ca, #fo, a{
font-family: Phetsarath OT;
}
#p1{
display: none;
}
#p2{
display: none;
}
</style>
</head>
<body oncontextmenu="return false">
<div class="topnav" id="myTopnav">
<a href="index.php" class="active">Home</a>
<div class="dropdown">
<button class="dropbtn">ປ. ຕີ ປີ 1
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="#" id="c1">ປີ 1 ພາກ 1</a>
<a href="#" id="c2">ປີ 1 ພາກ 2</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">ປ. ຕີ ປີ 2
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="#" id="c3">ປີ 2 ພາກ 1</a>
<a href="#" id="c4">ປີ 2 ພາກ 2</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">ປ. ຕີ ປີ 3
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="#" id="c5">ປີ 3 ພາກ 1</a>
<a href="#" id="c6">ປີ 3 ພາກ 2</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">ປ. ຕີ ປີ 4
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="#" id="c7">ປີ 4 ພາກ 1</a>
<a href="#" id="c8">ຊັ້ນສູງ</a>
</div>
</div>
<a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">☰</a>
</div>
<form action="#">
<div id="l1">
<div class="imgcontainer">
<img src="flag2.gif" alt="Avatar" class="avatar"><p id="par">ປີ 1 ພາກຮຽນ 1</p>
</div>
<div class="container">
<label for="uname" style="font-family: Phetsarath OT;"><b>ຜູ້ໃຊ້</b></label>
<input type="text" placeholder="ໃສ່ຊື່່ຜູ້ໃຊ້" name="uname" required>
<label for="psw"><b>ລະຫັດ</b></label>
<input type="password" placeholder="ໃສ່ລະຫັດ" name="psw" required>
<button type="submit">Login</button>
</div>
<div class="container" style="background-color:#f1f1f1">
<button type="button" class="cancelbtn" id="ca">ຍົກເລີກ</button>
<span class="psw" id="fo">ລືມ <a href="#">ລະຫັດ?</a></span>
<p id="p1"></p>
</div>
</div>
<?php // Finish l1?>
<div id="l2">
<div class="imgcontainer">
<img src="flag2.gif" alt="Avatar" class="avatar"><p id="par">ປີ 1 ພາກຮຽນ 2</p>
</div>
<div class="container">
<label for="uname" style="font-family: Phetsarath OT;"><b>ຜູ້ໃຊ້</b></label>
<input type="text" placeholder="ໃສ່ຊື່່ຜູ້ໃຊ້" name="uname" required>
<label for="psw"><b>ລະຫັດ</b></label>
<input type="password" placeholder="ໃສ່ລະຫັດ" name="psw" required>
<button type="submit">Login</button>
</div>
<div class="container" style="background-color:#f1f1f1">
<button type="button" class="cancelbtn" id="ca2">ຍົກເລີກ</button>
<span class="psw" id="fo2">ລືມ <a href="#">ລະຫັດ?</a></span>
<p id="p2"></p>
</div>
</div>
<?php // Finish l2?>
<div id="l3">
<div class="imgcontainer">
<img src="flag2.gif" alt="Avatar" class="avatar"><p id="par">ປີ 2 ພາກຮຽນ 1</p>
</div>
<div class="container">
<label for="uname" style="font-family: Phetsarath OT;"><b>ຜູ້ໃຊ້</b></label>
<input type="text" placeholder="ໃສ່ຊື່່ຜູ້ໃຊ້" name="uname" required>
<label for="psw"><b>ລະຫັດ</b></label>
<input type="password" placeholder="ໃສ່ລະຫັດ" name="psw" required>
<button type="submit">Login</button>
</div>
<div class="container" style="background-color:#f1f1f1">
<button type="button" class="cancelbtn" id="ca3">ຍົກເລີກ</button>
<span class="psw" id="fo3">ລືມ <a href="#">ລະຫັດ?</a></span>
<p id="p3"></p>
</div>
</div>
<?php // Finish l3?>
<div id="l4">
<div class="imgcontainer">
<img src="flag2.gif" alt="Avatar" class="avatar"><p id="par">ປີ 2 ພາກຮຽນ 2</p>
</div>
<div class="container">
<label for="uname" style="font-family: Phetsarath OT;"><b>ຜູ້ໃຊ້</b></label>
<input type="text" placeholder="ໃສ່ຊື່່ຜູ້ໃຊ້" name="uname" required>
<label for="psw"><b>ລະຫັດ</b></label>
<input type="password" placeholder="ໃສ່ລະຫັດ" name="psw" required>
<button type="submit">Login</button>
</div>
<div class="container" style="background-color:#f1f1f1">
<button type="button" class="cancelbtn" id="ca4">ຍົກເລີກ</button>
<span class="psw" id="fo4">ລືມ <a href="#">ລະຫັດ?</a></span>
<p id="p4"></p>
</div>
</div>
<?php // Finish l4?>
<div id="l5">
<div class="imgcontainer">
<img src="flag2.gif" alt="Avatar" class="avatar"><p id="par">ປີ 3 ພາກຮຽນ 1</p>
</div>
<div class="container">
<label for="uname" style="font-family: Phetsarath OT;"><b>ຜູ້ໃຊ້</b></label>
<input type="text" placeholder="ໃສ່ຊື່່ຜູ້ໃຊ້" name="uname" required>
<label for="psw"><b>ລະຫັດ</b></label>
<input type="password" placeholder="ໃສ່ລະຫັດ" name="psw" required>
<button type="submit">Login</button>
</div>
<div class="container" style="background-color:#f1f1f1">
<button type="button" class="cancelbtn" id="ca5">ຍົກເລີກ</button>
<span class="psw" id="fo5">ລືມ <a href="#">ລະຫັດ?</a></span>
<p id="p5"></p>
</div>
</div>
<?php // Finish l5?>
<div id="l6">
<div class="imgcontainer">
<img src="flag2.gif" alt="Avatar" class="avatar"><p id="par">ປີ 3 ພາກຮຽນ 2</p>
</div>
<div class="container">
<label for="uname" style="font-family: Phetsarath OT;"><b>ຜູ້ໃຊ້</b></label>
<input type="text" placeholder="ໃສ່ຊື່່ຜູ້ໃຊ້" name="uname" required>
<label for="psw"><b>ລະຫັດ</b></label>
<input type="password" placeholder="ໃສ່ລະຫັດ" name="psw" required>
<button type="submit">Login</button>
</div>
<div class="container" style="background-color:#f1f1f1">
<button type="button" class="cancelbtn" id="ca6">ຍົກເລີກ</button>
<span class="psw" id="fo6">ລືມ <a href="#">ລະຫັດ?</a></span>
<p id="p6"></p>
</div>
</div>
<?php // Finish l6?>
<div id="l7">
<div class="imgcontainer">
<img src="flag2.gif" alt="Avatar" class="avatar"><p id="par">ປີ 4 ພາກຮຽນ 1</p>
</div>
<div class="container">
<label for="uname" style="font-family: Phetsarath OT;"><b>ຜູ້ໃຊ້</b></label>
<input type="text" placeholder="ໃສ່ຊື່່ຜູ້ໃຊ້" name="uname" required>
<label for="psw"><b>ລະຫັດ</b></label>
<input type="password" placeholder="ໃສ່ລະຫັດ" name="psw" required>
<button type="submit">Login</button>
</div>
<div class="container" style="background-color:#f1f1f1">
<button type="button" class="cancelbtn" id="ca7">ຍົກເລີກ</button>
<span class="psw" id="fo7">ລືມ <a href="#">ລະຫັດ?</a></span>
<p id="p7"></p>
</div>
</div>
<?php // Finish l7?>
<div id="l8">
<div class="imgcontainer">
<img src="flag2.gif" alt="Avatar" class="avatar"><p id="par">ຊັ້ນສູງ</p>
</div>
<div class="container">
<label for="uname" style="font-family: Phetsarath OT;"><b>ຜູ້ໃຊ້</b></label>
<input type="text" placeholder="ໃສ່ຊື່່ຜູ້ໃຊ້" name="uname" required>
<label for="psw"><b>ລະຫັດ</b></label>
<input type="password" placeholder="ໃສ່ລະຫັດ" name="psw" required>
<button type="submit">Login</button>
</div>
<div class="container" style="background-color:#f1f1f1">
<button type="button" class="cancelbtn" id="ca8">ຍົກເລີກ</button>
<span class="psw" id="fo8">ລືມ <a href="#">ລະຫັດ?</a></span>
<p id="p8"></p>
</div>
</div>
<?php // Finish l8?>
</form>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
<script>
const l1 = document.getElementById('l1');
const l2 = document.getElementById('l2');
const l3 = document.getElementById('l3');
const l4 = document.getElementById('l4');
const l5 = document.getElementById('l5');
const l6 = document.getElementById('l6');
const l7 = document.getElementById('l7');
const l8 = document.getElementById('l8');
const c1 = document.getElementById('c1');
c1.addEventListener('click', () => {
if (1 === 1) {
// 👇️ this SHOWS the form
l1.style.display = 'block';
l2.style.display = 'none';
l3.style.display = 'none';
l4.style.display = 'none';
l5.style.display = 'none';
l6.style.display = 'none';
l7.style.display = 'none';
l8.style.display = 'none';
}
});
const c2 = document.getElementById('c2');
c2.addEventListener('click', () => {
if (1 === 1) {
// 👇️ this SHOWS the form
l2.style.display = 'block';
l1.style.display = 'none';
l3.style.display = 'none';
l4.style.display = 'none';
l5.style.display = 'none';
l6.style.display = 'none';
l7.style.display = 'none';
l8.style.display = 'none';
}
});
const c3 = document.getElementById('c3');
c3.addEventListener('click', () => {
if (1 === 1) {
// 👇️ this SHOWS the form
l3.style.display = 'block';
l1.style.display = 'none';
l2.style.display = 'none';
l4.style.display = 'none';
l5.style.display = 'none';
l6.style.display = 'none';
l7.style.display = 'none';
l8.style.display = 'none';
}
});
const c4 = document.getElementById('c4');
c4.addEventListener('click', () => {
if (1 === 1) {
// 👇️ this SHOWS the form
l4.style.display = 'block';
l1.style.display = 'none';
l2.style.display = 'none';
l3.style.display = 'none';
l5.style.display = 'none';
l6.style.display = 'none';
l7.style.display = 'none';
l8.style.display = 'none';
}
});
const c5 = document.getElementById('c5');
c5.addEventListener('click', () => {
if (1 === 1) {
// 👇️ this SHOWS the form
l5.style.display = 'block';
l1.style.display = 'none';
l2.style.display = 'none';
l4.style.display = 'none';
l3.style.display = 'none';
l6.style.display = 'none';
l7.style.display = 'none';
l8.style.display = 'none';
}
});
const c6 = document.getElementById('c6');
c6.addEventListener('click', () => {
if (1 === 1) {
// 👇️ this SHOWS the form
l6.style.display = 'block';
l1.style.display = 'none';
l2.style.display = 'none';
l4.style.display = 'none';
l5.style.display = 'none';
l3.style.display = 'none';
l7.style.display = 'none';
l8.style.display = 'none';
}
});
const c7 = document.getElementById('c7');
c7.addEventListener('click', () => {
if (1 === 1) {
// 👇️ this SHOWS the form
l7.style.display = 'block';
l1.style.display = 'none';
l2.style.display = 'none';
l4.style.display = 'none';
l5.style.display = 'none';
l6.style.display = 'none';
l3.style.display = 'none';
l8.style.display = 'none';
}
});
const c8 = document.getElementById('c8');
c8.addEventListener('click', () => {
if (1 === 1) {
// 👇️ this SHOWS the form
l8.style.display = 'block';
l1.style.display = 'none';
l2.style.display = 'none';
l4.style.display = 'none';
l5.style.display = 'none';
l6.style.display = 'none';
l7.style.display = 'none';
l3.style.display = 'none';
}
});
</script>
<script>
const btn = document.getElementById('fo');
//form.style.display === 'none';
btn.addEventListener('click', () => {
document.getElementById('p1').innerHTML = "ຕິດຕໍ່ 020 22499879";
const form = document.getElementById('p1');
if (form.style.display === 'block') {
// 👇️ this SHOWS the form
form.style.display = 'none';
} else {
// 👇️ this HIDES the form
form.style.display = 'block';
}
});
const ca = document.getElementById('ca');
ca.addEventListener('click', () => {
const fo = document.getElementById('l1');
fo.style.display = 'none';
});
</script>
<script>
const btn2 = document.getElementById('fo2');
//form.style.display === 'none';
btn2.addEventListener('click', () => {
document.getElementById('p2').innerHTML = "ຕິດຕໍ່ 020 22499879";
const form2 = document.getElementById('p2');
if (form2.style.display === 'block') {
// 👇️ this SHOWS the form
form2.style.display = 'none';
} else {
// 👇️ this HIDES the form
form2.style.display = 'block';
}
});
const ca2 = document.getElementById('ca2');
ca2.addEventListener('click', () => {
const fo2 = document.getElementById('l2');
fo2.style.display = 'none';
});
</script>
<script>
const btn3 = document.getElementById('fo3');
//form.style.display === 'none';
btn3.addEventListener('click', () => {
document.getElementById('p3').innerHTML = "ຕິດຕໍ່ 020 22499879";
const form3 = document.getElementById('p3');
if (form3.style.display === 'block') {
// 👇️ this SHOWS the form
form3.style.display = 'none';
} else {
// 👇️ this HIDES the form
form3.style.display = 'block';
}
});
const ca3 = document.getElementById('ca3');
ca3.addEventListener('click', () => {
const fo3 = document.getElementById('l3');
fo3.style.display = 'none';
});
</script>
<script>
const btn4 = document.getElementById('fo4');
//form.style.display === 'none';
btn4.addEventListener('click', () => {
document.getElementById('p4').innerHTML = "ຕິດຕໍ່ 020 22499879";
const form4 = document.getElementById('p4');
if (form3.style.display === 'block') {
// 👇️ this SHOWS the form
for43.style.display = 'none';
} else {
// 👇️ this HIDES the form
form4.style.display = 'block';
}
});
const ca4 = document.getElementById('ca4');
ca3.addEventListener('click', () => {
const fo4 = document.getElementById('l4');
fo4.style.display = 'none';
});
</script>
<script>
const btn5 = document.getElementById('fo5');
//form.style.display === 'none';
btn5.addEventListener('click', () => {
document.getElementById('p5').innerHTML = "ຕິດຕໍ່ 020 22499879";
const form3 = document.getElementById('p5');
if (form5.style.display === 'block') {
// 👇️ this SHOWS the form
form5.style.display = 'none';
} else {
// 👇️ this HIDES the form
form5.style.display = 'block';
}
});
const ca5 = document.getElementById('ca5');
ca5.addEventListener('click', () => {
const fo5 = document.getElementById('l5');
fo5.style.display = 'none';
});
</script>
<script>
const btn6 = document.getElementById('fo6');
//form.style.display === 'none';
btn6.addEventListener('click', () => {
document.getElementById('p6').innerHTML = "ຕິດຕໍ່ 020 22499879";
const form6 = document.getElementById('p6');
if (form6.style.display === 'block') {
// 👇️ this SHOWS the form
form6.style.display = 'none';
} else {
// 👇️ this HIDES the form
form6.style.display = 'block';
}
});
const ca6 = document.getElementById('ca6');
ca6.addEventListener('click', () => {
const fo6 = document.getElementById('l6');
fo6.style.display = 'none';
});
</script>
<script>
const btn7 = document.getElementById('fo7');
//form.style.display === 'none';
btn7.addEventListener('click', () => {
document.getElementById('p7').innerHTML = "ຕິດຕໍ່ 020 22499879";
const form7 = document.getElementById('p7');
if (form7.style.display === 'block') {
// 👇️ this SHOWS the form
form7.style.display = 'none';
} else {
// 👇️ this HIDES the form
form7.style.display = 'block';
}
});
const ca7 = document.getElementById('ca7');
ca7.addEventListener('click', () => {
const fo7 = document.getElementById('l7');
fo7.style.display = 'none';
});
</script>
<script>
const btn8 = document.getElementById('fo8');
//form.style.display === 'none';
btn8.addEventListener('click', () => {
document.getElementById('p8').innerHTML = "ຕິດຕໍ່ 020 22499879";
const form8 = document.getElementById('p8');
if (form8.style.display === 'block') {
// 👇️ this SHOWS the form
form8.style.display = 'none';
} else {
// 👇️ this HIDES the form
form8.style.display = 'block';
}
});
const ca8 = document.getElementById('ca8');
ca8.addEventListener('click', () => {
const fo8 = document.getElementById('l8');
fo8.style.display = 'none';
});
</script>
<div class="container">
</div>
</body>
</html>