ATLANTA CARIBBEAN FAMILY FUNDAY 2024
Please check the venue or ticket sales site for the current pricing.
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 MIKEY SPARKLE PRODUCTION
Close
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 = {
‘message-email’: /((?!https?:\/\/).)*$/}
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();
value.length > 0; |
if (fieldTouchedfield) { |
var error = validate(field, value); |
if (error != null) { |
markAsInvalid(this, error); |
} else { |
successfulValidation(this); |
} |
} |
}); |
// form submission |
function disableForm() { |
$(‘#submit-message, #cancel-message’).addClass(‘disabled’); |
modal.find(‘input, textarea’).attr(‘disabled’, true); |
} |
function enableFields() { |
modal.find(‘input, textarea’).removeAttr(‘disabled’); |
submit.html(‘SEND MESSAGE’); |
cancel.removeClass(‘disabled’); |
} |
function enableForm() { |
submit.removeClass(‘disabled’); |
enableFields(); |
} |
function scheduleFormReset() { |
setTimeout(function() { resetForm() }, 1250); |
} |
function resetForm() { |
hideModal(function() { |
email.val(); |
body.val(); |
submit.removeClass(‘btn-success’); |
enableForm(); |
}); |
} |
submit.click(function() { |
submit.html(‘<i class=”fa fa-cog fa-spin”></i>’); |
formErrorField.slideUp(); |
disableForm(); |
var emailVal = $(‘#message-email’).val(); |
var bodyVal = $(‘#message-body’).val(); |
var yourNameVal = $(‘#your_name’).val(); |
$.ajax({ |
url: ‘/organizations/10995f6b-ac75-4f06-8e77-c3efb06267aa’, |
type: ‘POST’, |
dataType: ‘json’, |
data: { |
‘email’: emailVal, |
‘body’: bodyVal, |
‘your_name’: yourNameVal, |
‘contact_token’: contactToken, |
‘authenticity_token’: ‘mpbaqhA2R5qnItXdMMXGalG2bdvi3m39sBTIUZmOnFfBctQW3WKSe8WLi7UCVimp+4VqxKTwVkMU06pXg9wf4A==’ |
}, |
success: function(data) { |
if (data‘contact_token’ != null) { |
contactToken = data‘contact_token’; |
} |
if (data.success) { |
submit.html(‘<i class=”fa fa-check-circle”></i>’); |
submit.addClass(‘btn-success’); |
scheduleFormReset(); |
} else { |
var errors = data‘errors’; |
var emailError = errors‘email’; |
var bodyError = errors‘body’; |
var formError = errors‘form’; |
if (emailError != null) { |
markAsInvalid(email, emailError); |
} |
if (bodyError != null) { |
markAsInvalid(body, bodyError); |
} |
if (emailError null && bodyError null) { |
formError = formError |
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
MIKEY SPARKLE PRODUCTION
See More Events from This Organizer