Cyborg Octopus, Archaeologist, Tomarum

From the venue:

Event Organizer

body.scroll-disabled {
overflow: hidden;
}

#message-overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999;
overflow: auto;
}

#message-modal {
position: relative;
top: 7%;
width: 80%;
max-width: 400px;
margin: auto;
background-color: white;
margin-bottom: 50px;
}

#message-modal .panel-heading {
text-align: left;
}

#message-modal .contact-field {
text-align: left;
}

#message-modal label {
margin: 1em 0 0 0;
padding: 0;
}

#message-modal textarea {
resize: vertical;
min-height: 5.5em;
}

#message-modal .ft-form-error {
border: 1px solid #cd252f;
}

#message-modal .close-contact {
cursor: pointer;
}

#message-overlay .panel-footer {
overflow: hidden;
}

#message-modal #cancel-message {
float: left;
background: none;
border: none;
color: darkgrey;
}

#message-modal #cancel-message:hover, #message-modal #cancel-message:active {
color: black;
}

#message-modal #submit-message {
float: right;
transition: all 0.25s;
width: 144px !important;
}

#message-modal #submit-message.btn-success {
opacity: 1;
}

.error-message {
display: none;
color: #b94a48;
font-size: 1em;
}

#message-form > .error-message {
text-align: center;
}

.contact-field .error-message {
text-align: right;
}

Send a message to Andromeda Productions

Your Email Address

Message

CANCEL
SEND MESSAGE

$(document).ready(function() {
pageBody = $(‘body’);
modal = $(‘#message-overlay’);
email = $(‘#message-email’);
body = $(‘#message-body’);
submit = $(‘#submit-message’);
cancel = $(‘#cancel-message’);
formErrorField = $(‘#message-form > .error-message’);
contactToken = ‘’;

// open modal functionality
function showModal() {
pageBody.addClass(‘scroll-disabled’);
modal.slideDown();
}

$(‘#message-button’).click(function(e) {
e.preventDefault();
showModal();
});

// close modal functionality
function hideModal(callback = function() {}) {
pageBody.removeClass(‘scroll-disabled’);
modal.slideUp(function() {
callback();
});
}

$(window).keydown(function(e) {
if (e.keyCode == 27) {
hideModal();
}
});

$(‘.close-contact’).click(function() {
hideModal();
});

pageBody.click(function(e) {
if (modal.is(‘:visible’)) {
if ($(e.target).attr(‘id’) == ‘message-overlay’) {
hideModal();
}
}
});

// field validation
fieldTouched = {
‘message-email’: false,
‘message-body’: false
};

regex = {

}

errors = {
‘message-email’: {
‘blank’: ‘Please provide a valid contact email address.’,
‘format’: ‘Please provide a valid contact email address.’
},
‘message-body’: {
‘blank’: ‘Please enter a message.’,
‘format’: ‘Please remove “http://” or “https://” from any links.’
}
};

function validate(field, value) {
if (inputIsBlank(value)) {
return errorsfield‘blank’;
} else if (inputIsInvalid(field, value)) {
return errorsfield‘format’;
}
}

function inputIsBlank(value) {
return value.replace(/\s/g, ‘’).length == 0
}

function inputIsInvalid(field, value) {
return value.split(/\s/).join(‘’).match(regexfield) == null;
}

function markAsInvalid(element, message) {
$(element).addClass(‘ft-form-error’);
$(element).next().text(message);
$(element).next().slideDown();

submit.addClass(‘disabled’);
}

function successfulValidation(element) {
markAsValid(element);

if (email.val().length > 0 && body.val().length > 0) {
if ($(‘#message-email.ft-form-error, #message-body.ft-form-error’).length == 0) {
submit.removeClass(‘disabled’);
}
}
}

function markAsValid(element) {
$(element).removeClass(‘ft-form-error’);
$(element).next().slideUp();
}

$(‘#message-email, #message-body’).keyup(function() {
var field = $(this).attr(‘id’);
var value = $(this).val();

formErrorField.text(formError);
formErrorField.slideDown();

enableForm();
} else {
enableFields();
}
}
},
error: function() {
formErrorField.text(‘There was a problem sending your message. Please try again.’);
formErrorField.slideDown();

enableForm();
}
});
});
});

Contact Organizer

Andromeda Productions

See More Events from This Organizer