Template:Optin/Default: Difference between revisions

From Donate
Jump to navigation Jump to search
Browse history interactively
← Older edit
Content deleted Content added
VisualWikitext
hide error once optin selected
moved javascript to MediaWiki:DonationForm.js
 
(6 intermediate revisions by the same user not shown)
Line 2: Line 2:
<fieldset class="optin-options">
<fieldset class="optin-options">
<legend></html>{{Translated|Template:OptinText/Question}}<html></legend>
<legend></html>{{Translated|Template:OptinText/Question}}<html></legend>
<span id="error-optin" class="lp-error" style="display: none;">
</html>{{int:donate_interface-error-msg-opt_in}}<html>
</span>
<ul>
<ul>
<li>
<li>
Line 19: Line 16:
<div class="optin-no-prompt__yes"></html>{{Translated|Template:OptinText/PromptYes}}<html></div>
<div class="optin-no-prompt__yes"></html>{{Translated|Template:OptinText/PromptYes}}<html></div>
</div>
</div>
<span id="error-optin" class="lp-error" style="display: none;">
</html>{{Translated|Template:OptinText/PleaseSelect}}<html>
</span>
<div class="optin-smallprint links-in-new-tab">
<div class="optin-smallprint links-in-new-tab">
</html>{{Translated|Template:OptinText/Smallprint}}<html>
</html>{{Translated|Template:OptinText/Smallprint}}<html>
</div>
</div>
</fieldset>
</fieldset>
<style>
/* --- Opt-in --- */
.optin-options {
padding: 0 4px !important;
}
.optin-options legend {
padding: 0;
font-size: inherit;
font-weight: bold;
}

.optin-options ul {
list-style: none;
margin: 0;
}

.optin-options li {
display: table;
}

.lp-radio {
display: table-cell;
vertical-align: top;
margin: 7px 8px 8px 2px;
cursor: pointer;
}

.lp-radio-label {
display: table-cell;
vertical-align: top;
padding: 4px 0;
white-space: normal;
font-size: 14px;
line-height: 18px;
font-weight: normal;
cursor: pointer;
}

.lp-radio-label:hover,
.lp-radio:focus + .lp-radio-label,
.lp-radio:hover + .lp-radio-label {
color: #36c;
text-decoration: none;
}

.optin-smallprint {
clear: both;
font-size: 12px;
line-height: 14px;
}

.optin-no-prompt {
display: none;
margin: 4px 0 8px 0;
padding: 6px;
border: 2px solid #900;
border-radius: 2px;
font-size: 14px;
line-height: 18px;
font-weight: normal;
}

.optin-no-prompt.is-positive {
border-color: #14866d;
font-weight: bold;
}

.optin-no-prompt__yes {
display: none;
}

.optin-no-prompt__no {
display: block;
}

.optin-no-prompt.is-positive .optin-no-prompt__yes {
display: block;
}

.optin-no-prompt.is-positive .optin-no-prompt__no {
display: none;
}
</style>
<script>
/* Called by Common.js */
function initOptin() {
$('.optin-options').on('click', function(){
$('#error-optin').hide();

// Only do all this if we have translated prompts
if ( $('.optin-no-prompt').data('is-translated') === 'yes' ) {
if ( $('#optin-no').is(':checked') ) {
$('.optin-no-prompt').removeClass('is-positive');
if ( !$('.optin-no-prompt').is(':visible') ) {
$('.optin-no-prompt').slideDown();
}
} else {
$('.optin-no-prompt').addClass('is-positive');
}
}
});
}
</script>
</html>
</html>

Latest revision as of 14:30, 4 June 2020

Can we stay in touch?
Sorry to hear that. We don't email often; would you consider changing your mind?
Thanks for changing your mind! We'll respect your inbox.
The Wikimedia Foundation will send you email updates and tell you if Wikipedia needs your support or advice in the future. Your information is handled in accordance with our donor privacy policy. Each email you receive will include easy unsubscribe options.

Retrieved from "https://donate.wikimedia.org/w/index.php?title=Template:Optin/Default&oldid=35631"