92 lines
3.0 KiB
JavaScript
92 lines
3.0 KiB
JavaScript
/* Template Name: Qexal - Responsive Bootstrap 4 Landing Page Template
|
|
Author: Themesbrand
|
|
Version: 1.0.0
|
|
Created: Jan 2019
|
|
File Description: Main js file
|
|
*/
|
|
|
|
// Window scroll sticky class add
|
|
function windowScroll() {
|
|
const navbar = document.getElementById("navbar");
|
|
if (
|
|
document.body.scrollTop >= 50 ||
|
|
document.documentElement.scrollTop >= 50
|
|
) {
|
|
navbar.classList.add("nav-sticky");
|
|
} else {
|
|
navbar.classList.remove("nav-sticky");
|
|
}
|
|
}
|
|
|
|
window.addEventListener('scroll', (ev) => {
|
|
ev.preventDefault();
|
|
windowScroll();
|
|
})
|
|
|
|
|
|
// Smooth scroll
|
|
var scroll = new SmoothScroll('#navbar-navlist a', {
|
|
speed: 500
|
|
});
|
|
|
|
|
|
// Contact Form
|
|
function validateForm() {
|
|
var name = document.forms["myForm"]["name"].value;
|
|
var email = document.forms["myForm"]["email"].value;
|
|
var subject = document.forms["myForm"]["subject"].value;
|
|
var comments = document.forms["myForm"]["comments"].value;
|
|
document.getElementById("error-msg").style.opacity = 0;
|
|
document.getElementById('error-msg').innerHTML = "";
|
|
if (name == "" || name == null) {
|
|
document.getElementById('error-msg').innerHTML = "<div class='alert alert-warning error_message'>*Please enter a Name*</div>";
|
|
fadeIn();
|
|
return false;
|
|
}
|
|
if (email == "" || email == null) {
|
|
document.getElementById('error-msg').innerHTML = "<div class='alert alert-warning error_message'>*Please enter a Email*</div>";
|
|
fadeIn();
|
|
return false;
|
|
}
|
|
if (subject == "" || subject == null) {
|
|
document.getElementById('error-msg').innerHTML = "<div class='alert alert-warning error_message'>*Please enter a Subject*</div>";
|
|
fadeIn();
|
|
return false;
|
|
}
|
|
if (comments == "" || comments == null) {
|
|
document.getElementById('error-msg').innerHTML = "<div class='alert alert-warning error_message'>*Please enter a Comments*</div>";
|
|
fadeIn();
|
|
return false;
|
|
}
|
|
|
|
var xhttp = new XMLHttpRequest();
|
|
xhttp.onreadystatechange = function () {
|
|
if (this.readyState == 4 && this.status == 200) {
|
|
document.getElementById("simple-msg").innerHTML = this.responseText;
|
|
document.forms["myForm"]["name"].value = "";
|
|
document.forms["myForm"]["email"].value = "";
|
|
document.forms["myForm"]["subject"].value = "";
|
|
document.forms["myForm"]["comments"].value = "";
|
|
}
|
|
};
|
|
xhttp.open("POST", "php/contact.php", true);
|
|
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
|
|
xhttp.send("name=" + name + "&email=" + email + "&subject=" + subject + "&comments=" + comments);
|
|
return false;
|
|
}
|
|
|
|
function fadeIn() {
|
|
var fade = document.getElementById("error-msg");
|
|
var opacity = 0;
|
|
var intervalID = setInterval(function () {
|
|
if (opacity < 1) {
|
|
opacity = opacity + 0.5
|
|
fade.style.opacity = opacity;
|
|
} else {
|
|
clearInterval(intervalID);
|
|
}
|
|
}, 200);
|
|
}
|
|
|
|
// feather icon
|
|
feather.replace(); |