xodivorce/xeorl
1
0
Fork 0
mirror of https://github.com/xodivorce/xeorl.git synced 2025-12-20 00:29:34 +05:30
Code Issues Packages Projects Releases Wiki Activity

v4.2.3

Browse Source
This commit is contained in:
Prasid Mandal
2025-02-05 15:50:04 +05:30
parent 7f15dbfc08
commit 55448e34c6
38 changed files with 449 additions and 663 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
htdocs/assets/js/_login.js
View File

@@ -1,6 +1,3 @@
// script.js
// Add any form validation or interactivity here, like checking if the fields are filled
document.querySelector("form").addEventListener("submit", function(event) {
const inputs = document.querySelectorAll(".input-field");
let valid = true;
@@ -15,40 +12,14 @@ document.querySelector("form").addEventListener("submit", function(event) {
});
if (!valid) {
event.preventDefault(); // Prevent form submission if validation fails
event.preventDefault();
alert("Please fill all the fields.");
}
});
document.getElementById('toggle-password').addEventListener('click', function () {
const passwordField = document.getElementById('password-field');
const passwordType = passwordField.getAttribute('type') === 'password' ? 'text' : 'password';
passwordField.setAttribute('type', passwordType);
// Optionally, you can change the eye icon to an "eye-off" icon when the password is visible
this.src = passwordType === 'password' ? 'assets/images/eye.svg' : 'assets/images/eye-off.svg';
});
// // Array of background image sources
// const images = ['assets/images/wire.jpg', 'assets/images/internet.jpg','assets/images/redworld.jpg','assets/images/travel.jpg'];
// let currentIndex = 0;
// function changeBackgroundImage() {
// const imgElement = document.getElementById('background-image');
// // Fade out
// imgElement.style.opacity = 0;
// setTimeout(() => {
// // Change image source
// currentIndex = (currentIndex + 1) % images.length;
// imgElement.src = images[currentIndex];
// // Fade in
// imgElement.style.opacity = 1;
// }, 800); // Match this timeout with the CSS transition duration
// }
// // Change image every 5 seconds
// setInterval(changeBackgroundImage, 5000);