Msu06: Новая страница: «NOTOC This widget allows you to embed text cards on your wiki page. Created by [https://www.mediawikiwidgets.org/User:Wesalius Wesalius] == Using…»

2017-08-12T06:33:24Z

Новая страница: «<noinclude>__NOTOC__ This widget allows you to embed text cards on your wiki page. Created by [https://www.mediawikiwidgets.org/User:Wesalius Wesalius] == Using…»

Новая страница

<noinclude>__NOTOC__
This widget allows you to embed text cards on your wiki page.

Created by [https://www.mediawikiwidgets.org/User:Wesalius Wesalius]

== Using this widget ==
For information on how to use this widget, see [https://www.mediawikiwidgets.org/TextCard widget description page on MediaWikiWidgets.org].

== Copy to your site ==
To use this widget on your site, just install [https://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and copy the [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki as page '''{{FULLPAGENAME}}'''.
</noinclude><includeonly>
<style>
.tcbox {-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;border:0px;background-color:white;padding:10px;
width:350px;}
.tcwrapper {-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;background-color:#e2e6e7;padding:20px;position:relative;
width:370px;}
select#tcmode {outline:none;left:300px;margin-left:105px;}
button {width:90px;}
.tcinfo {position:absolute;right:20px;top:20px;}
</style>
<div class="tcwrapper">
<button onclick="tcshufle()" class="mw-ui-button" style="margin-bottom:10px;">Shuffle</button>
<select name="tcmode" id="tcmode" class="mw-ui-input mw-ui-input-inline" onchange="tcchangeMode(this.value)">
<option value="2" selected='selected'>Question</option>
<option value="1">Answer</option>
<option value="0">All</option>
</select>

<div class="tcinfo"></div>

<br />
<button onclick="tcprevious()" class="mw-ui-button mw-ui-progressive" id="tcprev"><<</button>
<button onclick="tcshowIndex(true)" class="mw-ui-button mw-ui-progressive" id="tcshow">Show</button>
<button onclick="tcnext()" class="mw-ui-button mw-ui-progressive" id="tcnext">>></button>
<br/><br />
<p id="tcquestion" style="margin-bottom:10px;font-weight:bold;" class="tcbox"></p>
<p id="tcanswer" class="tcbox"></p>
</div>

<script>

var srcIconUrl = window.location.origin+"/skins/Common/info_icon.png";
var tcindex=0;
var tcmode=2;
var tcmax;

// get input
var tcobj = {"cards":[]};

// get input from category
tcorder = '1';

tcorder = '';


tcsource = '';

tcsource = '';


function runWidgetTextCard() {

// link na zdroj
$(".tcinfo").html("<a href='"+window.location.origin+"/index.php?title=#References'><img src='"+srcIconUrl+"' alt='References' style='width:20px;height:20px;'/></a>");

// get pagename
if( tcsource.length>0 ) {
rawurl = window.location.origin + '/index.php?action=raw&title=' + tcsource;

// get input from source
$.ajax({url: rawurl, success: function(result){
arr = result.split("== References ==");
result = arr[0];
result = result.replace("<pre>","");
result = result.replace("</pre>","");
result = result.replace("\n","");
// zabezpečení proti JS
if( result.search(/(script>|javascript *:)/) != -1 || result.search(/on[a-zA-Z]* *= *["|']/) != -1 ) {
tcobj.cards.push({"id": 0, "question": "What is the problem?", "answer": "Source contains Javascript. Remove it please."});
}
else {

result = result.replace(/\[\[([^\|]*?)\]\]/g, '<a href="'+window.location.origin+'/index.php?title=$1"><strong>$1</strong></a>');
result = result.replace(/\[\[([^\|]*)\|([^\]]*)\]\]/g, '<a href="'+window.location.origin+'/index.php?title=$1"><strong>$2</strong></a>');
xml = $.parseXML(result);
cardset = $(xml).find("cardset");
cset = cardset[(tcorder-1)];
$('card', cset).each(function (ii) {
// všechny karty v setu
qcomplete = "";
length = $('question', this).length;
$('question', this).each(function (i) {
// otázky
fsize = (length-1-i)*10 +100;
qcomplete += "<div style='margin-bottom:8px;font-size:" + fsize + "%'><strong>" + $(this).text() + "</strong></div>";
});

// odpověď
answer = $('answer', this).text();

tcobj.cards.push({"id": ii, "question": qcomplete, "answer": answer});
});
}
tcmax=tcobj.cards.length-1;
tcshowIndex();
}});

// handle keypress
$(document).keyup(function(e){
if( e.keyCode==39) tcnext();
if( e.keyCode==37) tcprevious();
if( e.keyCode==32) tcshowIndex(true);
//$("#tcshow").focus();
});
}
}

// textcards engine functions

//buttons
//0 all 1 answers 2 questions
function tcchangeMode(mood){
tcmode=mood;
tcshowIndex();
}

function tcnext(){
if(tcindex<tcmax){
tcindex++;
}else{
tcindex=0;
}
tcshowIndex();
}

function tcprevious(){
if(tcindex>0){
tcindex--;
}else{
tcindex=tcmax;
}
tcshowIndex();
}

//show question depending on global variable mode
function tcshowIndex(){
tcshowIndex(false);
}

function tcshowIndex(force) {

document.getElementById("tcanswer").innerHTML = tcobj.cards[tcindex].answer;
document.getElementById("tcquestion").innerHTML = tcobj.cards[tcindex].question;

if(tcmode==0 || force){
document.getElementById("tcanswer").style='display:block';
document.getElementById("tcquestion").style='display:block';
}else if(tcmode==1){
document.getElementById("tcanswer").style='display:block';
document.getElementById("tcquestion").innerHTML ="";
document.getElementById("tcquestion").style='display:none';
}else if(tcmode==2){
document.getElementById("tcanswer").innerHTML ="";
document.getElementById("tcanswer").style='display:none';
document.getElementById("tcquestion").style='display:block';
}
}

//shuffle
function tcshuffle(o){
o.sort(function() { return 0.5 - Math.random() });
tcindex=0;
return o;
};
function tcshufle(){
tcobj.cards=tcshuffle(tcobj.cards);
tcshowIndex();
};

function dump(obj) {
var tcout = '';
for (var i in obj) {
tcout += i + ": " + obj[i] + "\n";
}
//alert(tcout);
$(".mw-body-content").append(tcout + "<br>");
}

if(window.addEventListener){
window.addEventListener('load', runWidgetTextCard)
}else{
window.attachEvent('onload', runWidgetTextCard)
}

/*************************/
</script>
</includeonly>

Widget:TextCard - История изменений

Msu06: Новая страница: «__NOTOC__ This widget allows you to embed text cards on your wiki page. Created by [https://www.mediawikiwidgets.org/User:Wesalius Wesalius] == Using…»

Msu06: Новая страница: «NOTOC This widget allows you to embed text cards on your wiki page. Created by [https://www.mediawikiwidgets.org/User:Wesalius Wesalius] == Using…»