/* Javascript code for FBM_Form Class */
var FBM_Form = Class.create();
FBM_Form.prototype = {
initialize: function(initOptions) {
this.options = Object.extend({
lang: 'de',
defaultLang: 'en',
knownLangs: ['en', 'de'],
formContainer: 'content_main', // container, mostly div, containig form with id of 'formId'
formId: 'fbm_form',
labelIdSuffix: '_l', // 'field' value from 'statusCodes' + 'labelIdSuffix' is id of form element label
highlightClass: 'fbm_red', // to highlight with 'highlightClass' if data from the field is invalid
STR: { // list of localized strings
close: {en: 'close', de: 'schliessen'}
},
generalErrorCode: 1000, // code - service not available
successStatusCode: 0, // code - everything went fine
statusCodes: {}, // user own status codes
statusRootNode: 'FbmForm', // root node in response status XML
showResponseHTML: true, // if response is a HTML, not our status XML, show it or not
dimmOverlayClass: 'dimm_window', // overlay_ prefix will be added, 'dialog' class was default
dimmOverlayOpacity: 0.6,
dialogWidth: 680,
dialogHeight: 600,
emailFormat: /^[a-z\'0-9]+([\._\-][a-z\'0-9]+)*@[a-z0-9]+([\.\-][a-z0-9]+)*\.[a-z]{2,5}$/i,
endScreenTemplate: '\
#{section_headline}
\
#{headline}
\
\
'
}, initOptions || {});
// status code data
// key is statusCode, value is an associative array, where key is lang codes as keys, message text as value;
// for each status odese there is an extra key 'field' possible containing id of form element corresponding
// with this status (mostly error) code
this.statusCodes = Object.extend({
1000: {
de: 'Dieser Service ist vorübergehend nicht verfügbar.
Bitte versuchen Sie es in Kürze noch einmal. Vielen Dank.',
en: 'This service is temporary not available.
Please try again a little later. Thank you.'
}
}, this.options.statusCodes || {});
// check current and default lang
if (this.options.knownLangs.indexOf(this.options.defaultLang) == -1)
this.options.defaultLang = this.options.knownLangs[0]; // unknown default lang - take the first known
if (this.options.knownLangs.indexOf(this.options.lang) == -1)
this.options.lang = this.options.defaultLang;
},
openDialog: function(url) {
// dialogbox is defined in fbmUtils
dialogbox(url, this.options.dialogWidth, this.options.dialogHeight);
},
closeDialog: function() {
if (typeof window.profileWin != 'undefined') {
var win = window.profileWin;
Windows.close(win.element.id);
} else if (typeof window.parent.profileWin != 'undefined') {
var win = window.parent.profileWin;
window.parent.Windows.close(win.element.id);
} else {
window.close();
}
},
// validate the form and return error data if sth is wrong
checkForm: function() {
var errMsgs = [], errFields = [];
// validate user data and return array with err codes
var errCodes = this.getErrorCodes();
// get error messages and fields for err codes
var that = this;
var errData = errCodes.inject([], function(array, code) {
var v = that.getStatusMsg(code);
if (v) array.push(v);
return array;
});
errData.each( function(err) {
if (typeof err.msg != 'undefined' && err.msg != '')
errMsgs.push(err.msg);
if (typeof err.field != 'undefined')
errFields.push(err.field);
});
return (errMsgs.length) ? {msg: errMsgs, field: errFields} : {};
},
// check if email matches email regex
checkEmail: function(email) {
return email.match(this.options.emailFormat);
},
submitForm: function() {
// first local data validation
var error = this.checkForm();
if (typeof error.msg != 'undefined') {
this.showErrorMsg(error);
return;
}
var form = $(this.options.formId);
if (form) {
// send form as AJAX request
var req = Form.Methods.request(form, {
onLoading: this.showWaitScreen.bind(this, true),
onSuccess: this.feedback.bind(this),
onFailure: this.feedback.bind(this),
onException: this.feedback.bind(this)
});
}
},
resetForm: function() {
var form = $(this.options.formId);
if (form)
Form.reset(form);
},
// process AJAX response
feedback: function(xhr) {
var statusCode = this.options.generalErrorCode;
var statusMsg = '';
var lang = this.options.lang;
// parse response XML and get values: statusCode, statusMsg and its lang
if (xhr.responseXML && xhr.responseXML.childNodes) {
// find root node
var rootNode = null;
for (var i=0; i < xhr.responseXML.childNodes.length; i++) {
if (xhr.responseXML.childNodes[i].nodeName == this.options.statusRootNode) {
rootNode = xhr.responseXML.childNodes[i];
break;
}
}
if (rootNode && rootNode.childNodes) {
// process status values
var values = rootNode.childNodes;
for (i=0; i < values.length; i++) {
if (values[i].nodeType == 1) { // element node
switch (values[i].nodeName) {
case 'statusCode':
statusCode = values[i].firstChild.nodeValue;
statusCode = statusCode.strip().gsub(//i, ''); // strip whitespaces and new lines
var s = parseInt(statusCode);
if (!isNaN(s)) statusCode = s;
break;
case 'statusMsg':
statusMsg = values[i].firstChild.nodeValue;
lang = values[i].getAttribute('lang');
break;
}
}
}
}
}
// get message using status code first
var msg = this.getStatusMsg(statusCode, null, statusMsg);
if (!msg) msg = statusMsg; // use text from XML
// enable window
this.showWaitScreen(false);
if (this.options.showResponseHTML && xhr.responseText &&
!(xhr.responseXML && xhr.responseXML.childNodes && xhr.responseXML.childNodes.length)) {
if (navigator.userAgent.indexOf('Firefox') > -1 || Prototype.Browser.IE) {
// IE throws 'permission denied' error _AFTER_ replacing html document with 'document.open...' method,
// so workaround - additionaly we have to use html entities, because document encoding get missing
newHTML = xhr.responseText.strip().htmlentities(4); // must be global!
document.location.replace('javascript: newHTML');
//var bodyRe = new RegExp(']*>([\\S\\s]*?)<\/body>', 'im');
//document.body.innerHTML = (xhr.responseText.match(bodyRe) || ['', ''])[1];
} else {
// since FF3.5 this does not work correctly anymore
document.open('text/html', 'replace');
document.write(xhr.responseText);
document.close();
}
} else if ([this.options.successStatusCode, this.options.generalErrorCode].flatten().indexOf(statusCode) == -1) {
// some application error occurred - show it on a form screen
this.showErrorMsg(msg);
} else if (statusCode == this.options.generalErrorCode) {
// general error - service not available
this.showEndScreen(msg, true);
} else {
// successful submission
this.showEndScreen(msg);
}
},
// get localized message text and optionally field ids for passed status code
getStatusMsg: function(code, lang, statusMsg) {
// unknown status code
if (typeof this.statusCodes[code] == 'undefined') return null;
// status message
if (typeof lang == 'undefined' || !lang)
lang = this.options.lang;
var msg = this.statusCodes[code][lang];
// if no msg text in the current lang, get for default lang
if (typeof msg == 'undefined' || msg == '')
msg = this.statusCodes[code][this.options.defaultLang];
var res = {msg: msg || statusMsg};
// add associated field with this status code
if (typeof this.statusCodes[code]['field'] != 'undefined')
res['field'] = this.statusCodes[code]['field'];
return res;
},
// while AJAX request show some wait-screnn - here dimm the form window
showWaitScreen: function(waitOn) {
if (waitOn) {
// add an dimmed div to keep catching mouse event over iframes
WindowUtilities.disableScreen(this.options.dimmOverlayClass, 'dimmWindow', this.options.dimmOverlayOpacity);
} else {
// remove temporary div over iframes
WindowUtilities.enableScreen('dimmWindow');
}
},
// show error message on a form screen, highlighting labels of wrong fields
showErrorMsg: function(error) {
if (typeof error.msg == 'undefined') {
error.msg = error;
}
// get whole error text
if (Object.isArray(error.msg))
error.msg = error.msg.join('
');
if (error.msg == '') return;
// show error message, creating error box if needed
var fel = $('feedbackbox');
if (!fel) {
fel = new Element('h3', {id: 'feedbackbox', className: this.options.highlightClass});
Element.insert($(this.options.formContainer), {top:fel});
}
Element.update(fel, error.msg);
// if error field is present too, hightlight its label
if (typeof error.field != 'undefined') {
// remove highlight from all labels first
Element.select(this.options.formId, 'label').invoke('removeClassName', this.options.highlightClass);
if (!Object.isArray(error.field))
error.field = [error.field];
// highlight label of error field(s)
var that = this;
error.field.each( function(f) {
Element.addClassName(f + that.options.labelIdSuffix, that.options.highlightClass);
});
// set focus on the first error element
var errEl = $(error.field[0]);
if (errEl && errEl.focus)
errEl.focus();
}
window.scrollTo(0,0);
},
// show result message on an end screen
showEndScreen: function(message, err) {
if (typeof message.msg == 'undefined') {
message.msg = message;
}
// get whole message text
if (Object.isArray(message.msg))
message.msg = message.msg.join('
');
// remove form
var cont = $(this.options.formContainer);
if (cont) {
var templ = new Template(this.options.endScreenTemplate);
var tplData = this.getEndScreenData(message, err);
cont.childElements().invoke('remove');
cont.insert(templ.evaluate(tplData));
}
},
// return localized text for the current lang
_str: function(text) {
if (typeof this.options.STR[text] == 'undefined') return text;
if (typeof this.options.STR[text][this.options.lang] != 'undefined')
return this.options.STR[text][this.options.lang];
if (this.options.STR[text][this.options.defaultLang] != 'undefined')
return this.options.STR[text][this.options.defaultLang];
return text;
},
// methods that probably needs override in a child class //
// validate form before send and return array with error codes
getErrorCodes: function() {
return [];
},
// get data to display on the end screen
getEndScreenData: function(message, err) {
return {
section_headline: '',
headline_class: (err) ? this.options.highlightClass : '',
headline: message.msg,
text: '',
form_id: this.options.formId,
lang: this.options.lang,
close_str: this._str('close')
};
}
};
/* Newsletter Class */
var FBM_Newsletter = Class.create(FBM_Form, {
initialize: function($super, initOptions) {
var options = Object.extend({
subscribeUrlde: '/de/unternehmen/presse_pr/newsletter/anmeldung/', //http://www.buchmesse.de
subscribeUrlen: '/en/company/press_pr/newsletter/subscribe/', //http://www.book-fair.com
unsunscribeUrlde: '/de/unternehmen/presse_pr/newsletter/abmeldung/',
unsunscribeUrlen: '/en/company/press_pr/newsletter/unsubscribe/',
formId: 'nl_subscription',
successStatusCode: [10, 11],
statusRootNode: 'KajomiNewsletter', // root node in response status XML
statusCodes: {
10: { // subscribe OK
de: '', // show text from response XML
en: ''
},
11: { // unsubscribe OK
de: '',
en: ''
},
21: {
de: 'Sie haben vergessen Ihren Vornamen anzugeben!',
en: 'You have forgotten to give your first name!',
field: 'fname'
},
22: {
de: 'Sie haben vergessen Ihren Nachnamen anzugeben!',
en: 'You have forgotten to give your surname!',
field: 'lname'
},
31: {
de: 'Sie haben vergessen Ihre E-Mail-Adresse anzugeben!',
en: 'You have forgotten to give your e-mail address!',
field: 'email'
},
32: {
de: 'Die angegebene E-Mail-Adresse ist ungültig!',
en: 'The e-mail address as indicated is invalid!',
field: 'email'
},
41: {
de: 'Sie sind bereits als Abonnent registriert!',
en: 'You are already registered as a subscriber!',
field: 'email'
},
51: {
de: 'Diese E-Mail-adresse steht auf der Blacklist',
en: 'The e-mail address as indicated is on the blacklist!',
field: 'email'
},
85: {
de: 'Bitte Einverständnis ankreuzen.',
en: 'Please confirm your assent.',
field: 'assent'
},
1000: {
de: 'Dieser Service ist vorübergehend nicht verfügbar.
Bitte versuchen Sie es in Kürze noch einmal. Vielen Dank. (newsletter@book-fair.com)',
en: 'This service is temporary not available.
Please try again a little later. Thank you. (newsletter@book-fair.com)'
}
}
}, initOptions || {});
// call parent constructor
$super(options);
},
openDialogSub: function() {
this.openDialog(this.options['subscribeUrl' + this.options.lang]);
},
openDialogUnsub: function() {
this.openDialog(this.options['unsunscribeUrl' + this.options.lang]);
},
// validate form before send and return array with error codes
getErrorCodes: function() {
var errCodes = [];
if ($('email')) {
if ($F('email') == '')
errCodes.push('31');
else if (!this.checkEmail($F('email')))
errCodes.push('32');
}
if ($('assent') && !$F('assent')) {
errCodes.push('85');
}
return errCodes;
}
});
/* Email2Friend Class */
var FBM_Email2Friend = Class.create(FBM_Form, {
initialize: function($super, initOptions) {
var options = Object.extend({
sendEmailUrlde: '/de/email2friend/index.html',
sendEmailUrlen: '/en/email2friend/index.html',
sendEmailUrlro: '/ro/email2friend/index.html',
sendEmailUrlru: '/ru/email2friend/index.html',
knownLangs: ['en', 'de', 'ro', 'ru'],
STR: { // list of localized strings
close: {en: 'close', de: 'schließen', ro: 'închideti', ru: 'закрыть'}
},
formId: 'email2friend',
statusRootNode: 'Email2Friend', // root node in response status XML
dialogHeight: 602,
statusCodes: {
0: {
de: 'Vielen Dank. Die Nachricht wurde erfolgreich versendet.',
en: 'Thank you. The message was successfully sent.',
ro: 'Mulţumim. Mesajul Dvs. a fost trimis.',
ru: 'Большее спасибо. Ваше сообщение было успешно отправлено.'
},
21: {
de: 'Sie haben vergessen Empfänger E-Mail-Adresse anzugeben.',
en: 'You have forgotten to give recipient e-mail address.',
ro: 'Aţi uitat să menţionaţi adresa destinatarului.',
ru: 'Вы забыли указать электронный адрес получателя.',
field: 'recipient_email'
},
22: {
de: 'Die angegebene Empfänger E-Mail-Adresse ist ungültig.',
en: 'The recipient e-mail address as indicated is invalid.',
ro: 'Adresa destinatarului nu este valabilă.',
ru: 'Указанный вами адрес получателя не действителен.',
field: 'recipient_email'
},
31: {
de: 'Sie haben vergessen Absender Namen anzugeben.',
en: 'You have forgotten to give sender name.',
ro: 'Aţi uitat sa menţionaţi numele expeditorului.',
ru: 'Вы забыли указать имя отправителя.',
field: 'sender_name'
},
41: {
de: 'Sie haben vergessen Absender E-Mail-Adresse anzugeben.',
en: 'You have forgotten to give sender e-mail address.',
ro: 'Aţi uitat sa menţionaţi adresa adresa expeditorului.',
ru: 'Вы забыли указать электронный адрес отправителя.',
field: 'sender_email'
},
42: {
de: 'Absender E-Mail-Adresse ist ungültig.',
en: 'Sender e-mail address as indicated is invalid.',
ro: 'Adresa expeditorului nu este valabilă.',
ru: 'Электронный адрес отправителя не действителен.',
field: 'sender_email'
},
51: {
de: 'Bitte geben Sie den Verifizierungscode ein.',
en: 'Please put the verify code.',
ro: 'Vă rugăm introduceţi codul verificat.',
ru: 'Пожалуйста введите код верификации.',
field: 'verify_code'
},
52: {
de: 'Der Verifizierungscode stimmt nicht überein.',
en: 'The verify code does not match.',
ro: 'Codul verificat nu este corect.',
ru: 'код верификации не верен',
field: 'verify_code'
},
1000: {
de: 'Dieser Service ist vorübergehend nicht verfügbar.
Bitte versuchen Sie es in Kürze noch einmal. Vielen Dank.',
en: 'This service is temporary not available.
Please try again a little later. Thank you.',
ro: 'Acest serviciu este temporar inaccesibil.
Vă rugăm încercaţi mai târziu. Mulţumim.',
ru: 'Данный сервис временно не доступен.
Пожалуйста повторите позже. Большое спасибо.'
}
}
}, initOptions || {});
// call parent constructor
$super(options);
},
// fill article fields with data
init: function() {
// get parent document where article data is stored
var p = (parent === self) ? null : parent;
var queryString = window.location.search.toQueryParams();
// get article data: url, page title and teaser
this.articleUrl = (p) ? (p.location.protocol + '//' + p.location.hostname + p.location.pathname) : queryString.url;
this.articleTitle = (p) ? p.document.title : queryString.title;
this.articleTeaser = '';
if (p) {
// get teaser from parent - first h3 in the content_main div
var contentMain = p.document.getElementById('content_main');
if (contentMain) {
var h3s = [];
if (typeof document.importNode != 'undefined') {
// FF3 does not allow direct access to external nodes; IE6+7, FF2 and Safari2 do
var localContentMain = document.importNode(contentMain, true);
h3s = Element.select(localContentMain, 'h3');
} else {
h3s = Element.select(contentMain, 'h3');
}
if (h3s.length)
this.articleTeaser = h3s[0].innerHTML;
}
} else {
// get from query sting
this.articleTeaser = queryString.teaser;
}
// copy article data in the email form
var error = false;
if (typeof this.articleUrl != 'undefined' && this.articleUrl != '') {
$('article_url').setValue(this.articleUrl);
if (typeof this.articleTitle != 'undefined' && this.articleTitle != '') {
$('article_title').setValue(this.articleTitle);
} else {
error = true;
}
// set own lang value
$('lang').setValue(this.options.lang);
// teaser is optional
if (typeof this.articleTeaser != 'undefined' && this.articleTeaser != '')
$('article_teaser').setValue(this.articleTeaser);
} else {
error = true;
}
// general error - service not available
if (error)
this.showEndScreen(this.getStatusMsg(this.options.generalErrorCode), true);
},
openDialogSendEmail: function() {
this.openDialog(this.options['sendEmailUrl' + this.options.lang]);
},
// validate form before send and return array with error codes
getErrorCodes: function() {
var errCodes = [];
if ($('recipient_email')) {
if ($F('recipient_email') == '')
errCodes.push('21');
else if (!this.checkEmail($F('recipient_email')))
errCodes.push('22');
}
if ($('sender_name') && $F('sender_name') == '') {
errCodes.push('31');
}
if ($('sender_email')) {
if ($F('sender_email') == '')
errCodes.push('41');
else if (!this.checkEmail($F('sender_email')))
errCodes.push('42');
}
// verify code
if ($('verify_code') && $F('verify_code') == '') {
errCodes.push('51');
}
return errCodes;
}
});
/* Umfrage Hotspots Class */
var FBM_UmfrageHotspots = Class.create(FBM_Form, {
initialize: function($super, initOptions) {
var options = Object.extend({
formId: 'umfrage',
successStatusCode: [0],
statusRootNode: 'Umfrage', // root node in response status XML
statusCodes: {
0: { // OK
de: 'Bitte haben Sie Verständnis, dass wir alle Thesen vor ihrer Veröffentlichung redaktionell prüfen. Wir behalten uns vor, Texte mit unsachlichen, diskriminierenden oder beleidigenden Inhalten von der Veröffentlichung auszuschließen bzw. umfangreiche Thesen zu kürzen. Ebenso werden entsprechende Kommentare von uns gelöscht.
Sobald wir Ihre These in den Blog der Frankfurter Buchmesse eingestellt haben, werden Sie per E-Mail von uns benachrichtigt. Die E-Mail enthält einen Link, mit dem Sie direkt zu Ihrer These gelangen und die Kommentare anderer Teilnehmer verfolgen können.
Dort können Sie auch selbst die Thesen anderer Teilnehmer einsehen und kommentieren. Viel Spaß beim Diskutieren!
Zu allen Thesen
Zu den Thesen in deutscher Sprache
Zu den Thesen in englischer Sprache',
en: 'Please take into consideration that all theories will be proofread by an editor. We reserve the right to alter any content that is irrelevant, discriminatory or offensive, or shorten theories that are too long, before publishing them. We also reserve the right to delete such comments.
We will notify you by e-mail, as soon as your theory has been entered in the Frankfurt Book Fair blog. We will include a link to your theory and the comments of other participants, so you can follow your progress.
You will also be able to see and comment on the theories of other participants.
To all theories
To all theories in German
To all theories in English'
},
21: {
de: 'Sie haben vergessen Ihre These anzugeben!',
en: 'You have forgotten to give your statement!',
field: 'these'
},
22: {
de: 'Sie haben vergessen Ihren Namen anzugeben!',
en: 'You have forgotten to give your name!',
field: 'name'
},
31: {
de: 'Sie haben vergessen Ihre E-Mail-Adresse anzugeben!',
en: 'You have forgotten to give your e-mail address!',
field: 'email'
},
32: {
de: 'Die E-Mail-Adresse ist ungültig.',
en: 'E-mail address as indicated is invalid.',
field: 'email'
},
33: {
de: 'Der E-Mail-Adresse stimmt nicht überein.',
en: 'The e-mail address does not match.',
field: 'email_confirm'
},
85: {
de: 'Bitte Einverständnis ankreuzen.',
en: 'Please confirm your assent.',
field: 'assent'
},
1000: {
de: 'Dieser Service ist vorübergehend nicht verfügbar.
Bitte versuchen Sie es in Kürze noch einmal. Vielen Dank. (umfrage@book-fair.com)',
en: 'This service is temporary not available.
Please try again a little later. Thank you. (umfrage@book-fair.com)'
}
},
endScreenTemplate: '\
#{section_headline}
\
#{headline}
\
\
'
}, initOptions || {});
// call parent constructor
$super(options);
},
// validate form before send and return array with error codes
getErrorCodes: function() {
var errCodes = [];
if ($('these') && !$F('these')) {
errCodes.push('21');
}
if ($('name') && !$F('name')) {
errCodes.push('22');
}
if ($('email')) {
if ($F('email') == '')
errCodes.push('31');
else if (!this.checkEmail($F('email')))
errCodes.push('32');
else if ($F('email') != $F('email_confirm'))
errCodes.push('33');
}
if ($('assent') && !$F('assent')) {
errCodes.push('85');
}
return errCodes;
},
// get data to display on the end screen
getEndScreenData: function(message, err) {
var hl = '';
if (err) {
hl = (this.options.lang == 'de') ? 'Fehler' : 'Error';
}
else {
hl = (this.options.lang == 'de') ? 'Vielen Dank für Ihre Eingabe.' : 'Thank you for your contribution.';
};
return {
section_headline: '',
headline_class: (err) ? this.options.highlightClass : '',
headline: hl,
text: message.msg,
form_id: this.options.formId,
lang: this.options.lang,
close_str: this._str('close')
};
}
});
\