Absent PHP

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

#par, #ca, #fo, a{

font-family: Phetsarath OT;

}

#p1{

display: none;

}

#p2{

display: none;

}

</style>

</head>

<button class="dropbtn">ປ. ຕີ ປີ 1

</button>

</div>

<button class="dropbtn">ປ. ຕີ ປີ 2

</button>

</div>

<button class="dropbtn">ປ. ຕີ ປີ 3

</button>

</div>

<button class="dropbtn">ປ. ຕີ ປີ 4

</button>

</div>

</div>

<img src="flag2.gif" alt="Avatar" class="avatar"><p id="par">ປີ 1 ພາກຮຽນ 1</p>

</div>

<label for="psw"><b>ລະຫັດ</b></label>

<button type="submit">Login</button>

</div>

<button type="button" class="cancelbtn" id="ca">ຍົກເລີກ</button>

<span class="psw" id="fo">ລືມ <a href="#">ລະຫັດ?</a></span>

</div>

<?php // Finish l1?>

<img src="flag2.gif" alt="Avatar" class="avatar"><p id="par">ປີ 1 ພາກຮຽນ 2</p>

</div>

<label for="psw"><b>ລະຫັດ</b></label>

<button type="submit">Login</button>

</div>

<button type="button" class="cancelbtn" id="ca2">ຍົກເລີກ</button>

<span class="psw" id="fo2">ລືມ <a href="#">ລະຫັດ?</a></span>

</div>

<?php // Finish l2?>

<img src="flag2.gif" alt="Avatar" class="avatar"><p id="par">ປີ 2 ພາກຮຽນ 1</p>

</div>

<label for="psw"><b>ລະຫັດ</b></label>

<button type="submit">Login</button>

</div>

<button type="button" class="cancelbtn" id="ca3">ຍົກເລີກ</button>

<span class="psw" id="fo3">ລືມ <a href="#">ລະຫັດ?</a></span>

</div>

<?php // Finish l3?>

<img src="flag2.gif" alt="Avatar" class="avatar"><p id="par">ປີ 2 ພາກຮຽນ 2</p>

</div>

<label for="psw"><b>ລະຫັດ</b></label>

<button type="submit">Login</button>

</div>

<button type="button" class="cancelbtn" id="ca4">ຍົກເລີກ</button>

<span class="psw" id="fo4">ລືມ <a href="#">ລະຫັດ?</a></span>

</div>

<?php // Finish l4?>

<img src="flag2.gif" alt="Avatar" class="avatar"><p id="par">ປີ 3 ພາກຮຽນ 1</p>

</div>

<label for="psw"><b>ລະຫັດ</b></label>

<button type="submit">Login</button>

</div>

<button type="button" class="cancelbtn" id="ca5">ຍົກເລີກ</button>

<span class="psw" id="fo5">ລືມ <a href="#">ລະຫັດ?</a></span>

</div>

<?php // Finish l5?>

<img src="flag2.gif" alt="Avatar" class="avatar"><p id="par">ປີ 3 ພາກຮຽນ 2</p>

</div>

<label for="psw"><b>ລະຫັດ</b></label>

<button type="submit">Login</button>

</div>

<button type="button" class="cancelbtn" id="ca6">ຍົກເລີກ</button>

<span class="psw" id="fo6">ລືມ <a href="#">ລະຫັດ?</a></span>

</div>

<?php // Finish l6?>

<img src="flag2.gif" alt="Avatar" class="avatar"><p id="par">ປີ 4 ພາກຮຽນ 1</p>

</div>

<label for="psw"><b>ລະຫັດ</b></label>

<button type="submit">Login</button>

</div>

<button type="button" class="cancelbtn" id="ca7">ຍົກເລີກ</button>

<span class="psw" id="fo7">ລືມ <a href="#">ລະຫັດ?</a></span>

</div>

<?php // Finish l7?>

</div>

<label for="psw"><b>ລະຫັດ</b></label>

<button type="submit">Login</button>

</div>

<button type="button" class="cancelbtn" id="ca8">ຍົກເລີກ</button>

<span class="psw" id="fo8">ລືມ <a href="#">ລະຫັດ?</a></span>

</div>

<?php // Finish l8?>

</form>

function myFunction() {

var x = document.getElementById("myTopnav");

if (x.className === "topnav") {

x.className += " responsive";

} else {

x.className = "topnav";

}

</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>

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>

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>

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>

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>

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>

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>

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>

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>

</body>

</html>

Page updated

Report abuse

Absent PHP

Mobile & whatsapp: +856 20 22499879 Email: xayyachack@nuol.edu.la