User:Kcjschutte/Toggle

AR

DA

DE

ES

FI

FR

NL

RU

SV

UK

VI

ZH



$(document).ready(function{

$('span.artoggle, span.datoggle, span.detoggle, span.estoggle, span.fitoggle, span.frtoggle, span.nltoggle, span.rutoggle, span.svtoggle, span.uktoggle, span.vitoggle, span.zhtoggle,').click(function{

$(this).toggleClass('clicked');

});

});



a:link.ar, a:visited.ar, a:active.ar, a:hover.ar, a:link.da, a:visited.da, a:active.da, a:hover.da, a:link.de, a:visited.de, a:active.de, a:hover.de, a:link.es, a:visited.es, a:active.es, a:hover.es, a:link.fi, a:visited.fi, a:active.fi, a:hover.fi, a:link.fr, a:visited.fr, a:active.fr, a:hover.fr, a:link.nl, a:visited.nl, a:active.nl, a:hover.nl, a:link.ru, a:visited.ru, a:active.ru, a:hover.ru, a:link.sv, a:visited.sv, a:active.sv, a:hover.sv, a:link.uk, a:visited.uk, a:active.uk, a:hover.uk, a:link.vi, a:visited.vi, a:active.vi, a:hover.vi, a:link.zh, a:visited.zh, a:active.zh, a:hover.zh {

background-size: 18px !important;

color: purple;

background-position: left center !important;

background-repeat: no-repeat !important;

padding-left: 20px !important; /* Adjust according to image size to push text across. */

}

a.ar { background-image: url(http://wiki.epic.com/mediawiki/main/images/a/a8/UAE_flag.png) !important; } a.da { background-image: url(http://wiki.epic.com/mediawiki/main/images/a/ac/Flag_of_Denmark_svg.png) !important; } a.de { background-image: url(http://wiki.epic.com/mediawiki/main/images/0/07/German.png) !important; } a.es { background-image: url(http://wiki.epic.com/mediawiki/main/images/5/58/Spain.png) !important; } a.fi { background-image: url(http://wiki.epic.com/mediawiki/main/images/1/10/Flag_of_Finland.png) !important; } a.fr { background-image: url(http://wiki.epic.com/mediawiki/main/images/3/32/French.jpg) !important; } a.nl { background-image: url(http://wiki.epic.com/mediawiki/main/images/2/20/Flag_of_the_Netherlands.svg) !important; } a.ru { background-image: url(http://wiki.epic.com/mediawiki/main/images/1/1a/Russian2.jpeg) !important; } a.sv { background-image: url(http://wiki.epic.com/mediawiki/main/images/c/c9/Swedish.png) !important; } a.uk { background-image: url(http://wiki.epic.com/mediawiki/main/images/1/16/British_flag.png) !important; } a.vi { background-image: url(http://wiki.epic.com/mediawiki/main/images/0/05/Vietnamese.jpg) !important; } a.zh { background-image: url(http://wiki.epic.com/mediawiki/main/images/f/fa/Flag_of_the_People's_Republic_of_China.svg) !important; }

<! --

a.nl { background-image: url(http://wiki.epic.com/mediawiki/main/images/a/a8/NL-flag.gif) !important; } a.da { background-image: url(http://wiki.epic.com/mediawiki/main/images/f/f7/Danish-flag.png) !important; } a.australia { background-image: url(http://wiki.epic.com/mediawiki/main/images/6/6e/Australian-flag.png) !important; } a.uk { background-image: url(http://wiki.epic.com/mediawiki/main/images/e/ed/Uk-flag.png) !important; } a.ar { background-image: url(http://wiki.epic.com/mediawiki/main/images/c/c5/Uae-flag.png) !important; } a.saudi { background-image: url(http://wiki.epic.com/mediawiki/main/images/9/9a/Saudi-flag.png) !important; } a.singapore { background-image: url(http://wiki.epic.com/mediawiki/main/images/7/72/Singapore-flag.png) !important; } a.canada { background-image: url(http://wiki.epic.com/mediawiki/main/images/8/89/Canada-flag.png) !important; }

-->

.artoggle, .datoggle, .detoggle, .estoggle, .fitoggle, .frtoggle, .nltoggle, .rutoggle, .svtoggle, .uktoggle, .vitoggle, .zhtoggle { color:white !important; padding: 4px 5px 5px 5px; background: #405e90; border-radius: 8px; box-shadow: 1px 1px 1px #888; background-size: 18px !important; background-position: left center !important; background-repeat: no-repeat !important; padding-left: 20px !important; /* Adjust according to image size to push text across. */ border-left: 5px solid #405E90; line-height: 2.1em; white-space: nowrap; cursor: pointer; cursor: hand; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none;  /* Chrome/Safari/Opera */ -khtml-user-select: none;   /* Konqueror */ -moz-user-select: none;     /* Firefox */ -ms-user-select: none;      /* Internet Explorer/Edge */ user-select: none; }

.artoggle:hover, .datoggle:hover, .detoggle:hover, .estoggle:hover, .fitoggle:hover, .frtoggle:hover, .nltoggle:hover, .rutoggle:hover, .svtoggle:hover, .uktoggle:hover, .vitoggle:hover, .zhtoggle:hover { background: #203E70; box-shadow: none; text-decoration: none !important; border-left: 5px solid #203E70; }

.artoggle:active, .datoggle:active, .detoggle:active, .estoggle:active, .fitoggle:active, .frtoggle:active, .nltoggle:active, .rutoggle:active, .svtoggle:active, .uktoggle:active, .vitoggle:active, .zhtoggle:active { background: purple; border-left: 5px solid purple; }

span.artoggle { background-image: url(http://wiki.epic.com/mediawiki/main/images/a/a8/UAE_flag.png) !important; } span.datoggle { background-image: url(http://wiki.epic.com/mediawiki/main/images/a/ac/Flag_of_Denmark_svg.png) !important; } span.detoggle { background-image: url(http://wiki.epic.com/mediawiki/main/images/0/07/German.png) !important; } span.estoggle { background-image: url(http://wiki.epic.com/mediawiki/main/images/5/58/Spain.png) !important; } span.fitoggle { background-image: url(http://wiki.epic.com/mediawiki/main/images/1/10/Flag_of_Finland.png) !important; } span.frtoggle { background-image: url(http://wiki.epic.com/mediawiki/main/images/3/32/French.jpg) !important; } span.nltoggle { background-image: url(http://wiki.epic.com/mediawiki/main/images/2/20/Flag_of_the_Netherlands.svg) !important; } span.rutoggle { background-image: url(http://wiki.epic.com/mediawiki/main/images/1/1a/Russian2.jpeg) !important; } span.svtoggle { background-image: url(http://wiki.epic.com/mediawiki/main/images/c/c9/Swedish.png) !important; } span.uktoggle { background-image: url(http://wiki.epic.com/mediawiki/main/images/1/16/British_flag.png) !important; } span.vitoggle { background-image: url(http://wiki.epic.com/mediawiki/main/images/0/05/Vietnamese.jpg) !important; } span.zhtoggle { background-image: url(http://wiki.epic.com/mediawiki/main/images/f/fa/Flag_of_the_People's_Republic_of_China.svg) !important; }

Links
Sample Link Dutch QAN Triage <a href="http://wiki.epic.com/main/I18N/How_To/Translation/Dutch_Translation/Dutch_QAN_Triage" class="uk">EN-GB Link</a> <a href="http://wiki.epic.com/main/I18N/How_To/Translation/Dutch_Translation/Dutch_QAN_Triage" class="da">DA-DK Link</a>

function toggle_visibility(cl){ var els = document.getElementsByClassName(cl); for(var i=0; i<els.length; ++i){ var s = els[i].style; s.display = s.display==='none' ? 'block' : 'none'; }; }

toggle_visibility('ar'); toggle_visibility('da'); toggle_visibility('de'); toggle_visibility('es'); toggle_visibility('fi'); toggle_visibility('fr'); toggle_visibility('nl'); toggle_visibility('ru'); toggle_visibility('sv'); toggle_visibility('uk'); toggle_visibility('vi'); toggle_visibility('zh');