MediaWiki:Common.js: verschil tussen versies
Naar navigatie springen
Naar zoeken springen
Geen bewerkingssamenvatting |
Geen bewerkingssamenvatting |
||
| Regel 1: | Regel 1: | ||
/* JavaScript die hier wordt geplaatst heeft invloed op alle pagina's voor alle gebruikers function ModifySidebar( action, section, name, link ) { try { switch ( section ) { case 'languages': var target = 'p-lang'; break; case 'toolbox': var target = 'p-tb'; break; case 'navigation': var target = 'p-navigation'; break; default: var target = 'p-' + section; break; } | /* JavaScript die hier wordt geplaatst heeft invloed op alle pagina's voor alle gebruikers */ | ||
function ModifySidebar( action, section, name, link ) { try { switch ( section ) { case 'languages': var target = 'p-lang'; break; case 'toolbox': var target = 'p-tb'; break; case 'navigation': var target = 'p-navigation'; break; default: var target = 'p-' + section; break; } | |||
if ( action == 'add' ) { var node = document.getElementById( target ) .getElementsByTagName( 'div' )[0] .getElementsByTagName( 'ul' )[0]; | if ( action == 'add' ) { var node = document.getElementById( target ) .getElementsByTagName( 'div' )[0] .getElementsByTagName( 'ul' )[0]; | ||
| Regel 23: | Regel 25: | ||
} | } | ||
addOnloadHook( CustomizeModificationsOfSidebar ); */ | addOnloadHook( CustomizeModificationsOfSidebar ); | ||
//Prepares newsletter form CSS var vc_newsletter_form_styles = ".vc_newsletter{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;padding-right:3rem;height:0px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden;background-color:#014389}.vc_newsletter *{box-sizing:border-box}.vc_newsletter__text{color:#fff;margin:0 1rem 0 0;display:block;font-size:17px;line-height:17px;font-weight:bold;color:#fff}.vc_newsletter__form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.vc_newsletter__form__text{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;font-size:14px;color:#014389;border-radius:0;box-shadow:none;border:none;padding:0 10px;height:32px;width:240px}.vc_newsletter__form__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-size:14px;box-shadow:none;background:#cdcc00;border:none;color:#fff;height:32px;width:100px;-webkit-transition:.25s ease;transition:.25s ease}.vc_newsletter__form__button:hover{background-color:#a0ad1e}.vc_newsletter__close{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;top:50%;margin-top:-11px;right:2rem;-webkit-transition:.25s ease;transition:.25s ease}.vc_newsletter__close svg{display:block;width:22px;height:22px}.vc_newsletter__close:hover{opacity:.7;cursor:pointer}@media screen and (max-width: 920px){.vc_newsletter{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding-left:2rem}.vc_newsletter__text{margin-bottom:.75rem;min-width:85%}}"; | |||
//Prepares newsletter form HTML | |||
var vc_newsletter_form_html = $("<div class="vc_newsletter"><span class="vc_newsletter__text">Blijf op de hoogte en meld u aan voor onze nieuwsflits:</span><form method='post' action='[https://valuecare.us7.list-manage.com/subscribe/post' https://valuecare.us7.list-manage.com/subscribe/post'] onsubmit='hideNewsletterBlock();' target='_blank' class="'vc_newsletter__form'><input" type='hidden' name='u' value='343c6f6cf0ddc6e0d4fbbcfcf' /><input type='hidden' name='id' value='dd0f05643c' /><input class="'vc_newsletter__form__text'" name='MERGE0' placeholder='Uw e-mailadres...' type='email' required='required'/><input class="'vc_newsletter__form__button'" type='submit' value='Aanmelden' /></form><button onclick='hideNewsletterBlock();' class="'vc_newsletter__close'><svg" width='22px' height='22px' viewBox='0 0 22 22' version='1.1' xmlns='[http://www.w3.org/2000/svg' http://www.w3.org/2000/svg'] xmlns:xlink='[http://www.w3.org/1999/xlink' http://www.w3.org/1999/xlink']><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><path d='M11,22 C4.92486775,22 0,17.0751322 0,11 C0,4.92486775 4.92486775,0 11,0 C17.0751322,0 22,4.92486775 22,11 C22,17.0751322 17.0751322,22 11,22 Z M11.9684211,11.0631589 L14.8315789,8.20000096 C14.9438609,8.08771898 15,7.93333365 15,7.73684114 C15,7.54035248 14.9438609,7.37193143 14.8315789,7.23157798 C14.5228045,6.92280734 14.2140377,6.92280734 13.9052632,7.23157798 L11.0421053,10.0947359 L8.13684211,7.23157798 C7.82806876,6.92280734 7.51929966,6.92280734 7.21052632,7.23157798 C7.07017472,7.37193143 7,7.52631675 7,7.6947378 C7,7.89123032 7.07017472,8.05964752 7.21052632,8.20000096 L10.0736842,11.0631589 L7.21052632,13.9263168 C7.07017472,14.0666683 7,14.2350878 7,14.4315799 C7,14.6000017 7.07017472,14.7543863 7.21052632,14.8947378 C7.51929966,15.2035113 7.82806876,15.2035113 8.13684211,14.8947378 L11.0421053,12.0315799 L13.9052632,14.8947378 C14.2140377,15.2035113 14.5228045,15.2035113 14.8315789,14.8947378 C14.9438609,14.7543863 15,14.5859668 15,14.3894746 C15,14.1929825 14.9438609,14.038598 14.8315789,13.9263168 L11.9684211,11.0631589 Z' id='close' fill='#FFFFFF'></path></g></svg></button></div>"); | |||
function showNewsletterBlock() { | |||
//Check if newsletter form has been shown before if(!document.cookie.match(/^(.*;)?\s*vc_newsletter\s*=\s*[^;]+(.*)?$/)) { | |||
//Adds position:relative to the global wrapper to prevent IE10/IE11 issues $("#globalWrapper").css("position","relative"); | |||
//Append newsletter form CSS to head $("head").append("<style>"+ vc_newsletter_form_styles +"</style>"); | |||
//Prepends newsletter form HTML to body $("body").prepend(vc_newsletter_form_html); | |||
//Animate newsletter form height to 100px vc_newsletter_form_html.animate({ height: 100 }, 450, function() { }); | |||
} | |||
} | |||
function hideNewsletterBlock() { | |||
//Create expiration date for cookie var date = new Date(); date.setTime(date.getTime() + (365 * 24 * 60 * 60 * 1000)); | |||
//Set cookie to hide newsletter form on next visits document.cookie = "vc_newsletter=hidden; expires=" + date.toUTCString() + "; path=/"; | |||
//Animate newsletter form height to 0px vc_newsletter_form_html.animate({ height: 0 }, 450, function() { }); | |||
} | |||
$(function () { | |||
//Show newsletter form | |||
showNewsletterBlock(); | |||
}()); | |||