Your IP : 216.73.217.87
<?php
header("Cache-Control: no-cache, must-revalidate");
header("Expires: Sat, 26 Jul 1997 05:00:00 GMT");
$useragent=$_SERVER['HTTP_USER_AGENT'];
if (preg_match('/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i',substr($useragent,0,4)))
{
$mbl=1;
}
else
{
$mbl=0;
}
$mb=4.5;
$sb=9;
$mbc=0.5;
$sbc=3;
$mt=4.5;
$st=8;
$matrix=5;
if ($matrix==3)
{
$qa=array("1", "2", "3");
}
else if ($matrix==4)
{
$qa=array("1", "2", "3", "4");
}
else if ($matrix==5)
{
$qa=array("1", "2", "3", "4", "5");
}
else
{
$qa=array("1", "2");
}
shuffle($qa);
?><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<title>
Тест
</title>
<link rel="stylesheet" href="./assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="./assets/css/font-awesome.min.css" />
<style>
@font-face
{
font-family: "CalibriVL";
src: url("./assets/fonts/calibri.woff") format("woff");
font-weight: normal;
font-style: normal;
}
html, body, div, table, tr, td, label, button
{
font-family: CalibriVL;
margin: 0;
}
</style>
<script src="./assets/js/jquery-3.2.1.min.js"></script>
<script src="./assets/js/jquery-ui-1.12.1.min.js"></script>
<script>
var minfo=0;
var timeLeft=2.1*60;
var totalTime=2.1*60;
var percentTime=0;
var displayTime="";
var displayAllTime=0;
var displayMinutes=0;
var displaySeconds=0;
var intTime=false;
var intTimeStart=0;
function chk(dt)
{
setTimeout(function()
{
if (document.getElementById("ver"+dt).checked==true)
{
$("#l"+dt).css("background-color", "#999900");
$("#sm"+dt).removeClass("fa-square-o").addClass("fa-check-square-o");
}
else
{
$("#l"+dt).css("background-color", "#000099");
$("#sm"+dt).removeClass("fa-check-square-o").addClass("fa-square-o");
}
}, 10);
}
function cDt()
{
intTime=setInterval(function()
{
intTimeStart=1;
timeLeft--;
displayAllTime=timeLeft;
displayMinutes=0;
while (displayAllTime>=60)
{
displayMinutes++;
displayAllTime-=60;
}
displaySeconds=displayAllTime;
if (displayMinutes<10)
{
displayTime="0"+displayMinutes;
}
else
{
displayTime=""+displayMinutes;
}
if (displaySeconds<10)
{
displayTime=""+displayTime+":0"+displaySeconds;
}
else
{
displayTime=""+displayTime+":"+displaySeconds;
}
$("#dtime").html(""+displayTime+"");
percentTime=(timeLeft/totalTime)*20;
if (percentTime>=20)
{
percentTime=20;
}
if (displayMinutes<=1)
{
$("#ctick").css("background-color", "#990000");
}
else if ((displayMinutes<5) && (displayMinutes>1))
{
$("#ctick").css("background-color", "#BBBB00");
}
else
{
$("#ctick").css("background-color", "#009900");
}
$("#itime").css("color", "#FFFFFF");
$("#itime").css("text-shadow", "0.2vh 0.2vh 0.5vh #000000");
$("#dtime").css("color", "#FFFFFF");
$("#dtime").css("text-shadow", "0.2vh 0.2vh 0.5vh #000000");
$("#ctick").width(""+percentTime+"vw");
//percentTime=21-percentTime;
//$("#ctick").css("left", ""+percentTime+"vw");
if (timeLeft<=0)
{
clearInterval(intTime);
intTimeStart=0;
}
}, 1000);
}
function sh(img)
{
minfo=1;
$("#fs").fadeIn();
$("#fs").css("background-color", "#000000");
$("#fs").css("background-image", "url('"+img+"')");
$("#fs").css("background-repeat", "no-repeat");
$("#fs").css("background-size", "100% auto");
$("#fs").css("background-position", "center");
}
function hd()
{
minfo=0;
$("#fs").fadeOut();
}
$(function()
{
$(document).keydown(function(event)
{
var chEscape=event.which;
if (chEscape==27)
{
if (minfo==1)
{
hd();
}
}
});
});
</script>
</head>
<body>
<div id="ld" style="position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; text-align: center; background-color: #000000; color: #FFFFFF; font-size: 8vh; z-index: 1002; display: block;">
<br />
<br />
<br />Зареждане...
</div>
<div id="rt" style="position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; text-align: center; background-color: #000000; color: #FFFFFF; font-size: 8vh; z-index: 1001; display: none;">
<br />
<br />Завъртете<br />устройството си<br />на пейзажен изглед!
</div>
<div id="fs" style="position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; z-index: 999; display: none;">
<a id="clsf" href="javascript: hd();" class="btn btn-info btn-lg" style="position: fixed; top: 1vw; right: 1vw; z-index: 1000; text-align: center; width: 15vw; height: 6vh; margin-top: 0; line-height: <?php if ($mbl==1) { print("".$mbc.""); } else { print("".$sbc.""); } ?>vh; font-size: 3.5vh; background-color: #990000; overflow: hidden">затвори <span class="fa fa-close" style="margin-top: 0; line-height: <?php if ($mbl==1) { print("".$mbc.""); } else { print("".$sbc.""); } ?>vh; font-size: 3.5vh;"></span></a>
</div>
<div class="container" style="position: relative; width: 100vw; height: 86vh; max-height: 86vh; font-size: 0.5vh; overflow: auto;">
<form>
<br />
<br />
<table style="margin: 0; border: none;">
<tr>
<td>
<div style="position: relative; text-align: center; width: 7vw; height: 15vh; max-height: 15vh; margin-left: 0.5vw; line-height: 3vh; font-size: 2.5vh; font-weight: bold; border: none; border-radius: 2vw; background-color: #990000; color: #FFFFFF; padding-left: 0.3vw; padding-right: 0.3vw; padding-top: 0.5vw; overflow: hidden;">
<span id="q" class="fa fa-dot-circle-o"></span>
<br />един
<br />верен
<br />отговор
<!--<span id="q" class="fa fa-check-square"></span>
<br />няколко
<br />верни
<br />отговора-->
</div>
</td>
<td>
<div style="position: relative; text-align: justify; width: 90vw; height: 15vh; max-height: 15vh; margin-left: 0.5vw; font-size: 3.5vh; line-height: 3.5vh; font-weight: bold; background-color: transparent; padding-left: 0.5vw; padding-right: 0.5vw; overflow: hidden;">
Въпрос от 4 реда.
</div>
</td>
</tr>
</table>
<br />
<br />
<table style="margin: 0; border: none;">
<tr>
<td>
<div class="container" style="position: relative; width: 60vw; height: 64vh; max-height: 64vh; margin: 0; font-size: 2.2vh; line-height: 2.2vh; background-color: transparent; padding: 0; overflow: hidden;">
<?php
for ($i=1; $i<=$matrix; $i++)
{
print("<input type=\"checkbox\" id=\"ver".$qa[$i-1]."\" name=\"a".$qa[$i-1]."\" value=\"".$qa[$i-1]."\" style=\"display: none;\">");
print("<label id=\"l".$qa[$i-1]."\" for=\"ver".$qa[$i-1]."\" onclick=\"chk(".$qa[$i-1].");\" class=\"btn btn-info btn-lg\" style=\"position: relative; text-align: left; width: 59vw; height: 10.5vh; max-height: 10.5vh; margin-left: 0.5vw; margin-top: 0.5vh; background-color: #000099;\">");
print("<table style=\"margin: 0; border: none; vertical-align: top;\">");
print("<tr>");
print("<td style=\"width: 5vw; vertical-align: top; text-align: left; line-height: 0.5vh;\">");
print("<span id=\"sm".$qa[$i-1]."\" class=\"fa fa-square-o\" style=\"font-size: 6vh; line-height: ");
if ($mbl==1)
{
print("".$mb."");
}
else
{
print("".$sb."");
}
print("vh;\"></span></td><td style=\"width: 54vw; line-height: 0.5vh; vertical-align: top;\"><span style=\"position: relative; font-size: 3.5vh; line-height: ");
if ($mbl==1)
{
print("".$mt."");
}
else
{
print("".$st."");
}
print("vh;\">Това е отговорът, който посочвате - ".$qa[$i-1]."</span>");
print("</td>");
print("</tr>");
print("</table>");
print("</label>");
print("<br />");
print("<br />");
}
?>
</div>
</td>
<td>
<div class="container" style="position: relative; width: 37.5vw; height: 5vh; max-height: 5vh; margin-left: 0.5vw; font-size: 3vh; font-weight: bold; background: linear-gradient(to right, transparent, #99EE99); color: #000000; text-align: right; padding-right: 1vw; overflow: hidden; border: none; border-bottom: 0.2vh solid #000000;">
ДОПЪЛНЕНИЕ
</div>
<div class="container" style="position: relative; width: 37.5vw; height: 1vh; max-height: 1vh; margin-left: 0.5vw; font-size: 1vh; background-color: transparent; text-align: center; padding: 0; overflow: hidden; border: none;">
</div>
<div class="container" style="position: relative; width: 37.5vw; height: 58vh; max-height: 58vh; margin-left: 0.5vw; font-size: 3vh; line-height: 3vh; background-color: transparent; text-align: center; padding: 0; overflow: hidden; border: none;">
<a href="javascript: sh('./nina.jpg');"><img src="./nina.jpg" style="width: auto; height: 48vh; max-height: 48vh; border: none;" /></a>
<br />Щракнете на снимката,
<br />за да я видите в цял размер.
</div>
</td>
</tr>
</table>
<br />
<br />
</form>
</div>
<div class="container" style="position: relative; width: 100vw; height: 14vh; max-height: 14vh; line-height: 14vh; font-size: 6vh; background-color: #99EE99; border-top: 0.2vh solid black; overflow: hidden;">
<table style="margin: 0; border: none;">
<tr>
<td style="vertical-align: middle; width: 23vw; font-size: 4vh; color: #990000; text-align: left;">
<div class="btn btn-info btn-lg" style="position: relative; cursor: default; width: 22vw; height: 10.5vh; max-height: 10.5vh; line-height: 5vh; font-size: 3.5vh; border: none; border-radius: 0.5vw; background-color: #000000;">
<div id="ctickb" style="position: absolute; top: 1vh; left: 1vw; width: 20vw; height: 8.5vh; max-height: 8.5vh; line-height: 5vh; background-color: #555555; z-index: 1;"></div>
<div id="ctick" style="position: absolute; top: 1vh; left: 1vw; width: 0.01vw; height: 8.5vh; max-height: 8.5vh; line-height: 5vh; background-color: transparent; z-index: 2;"></div>
<div id="ctickc" style="position: absolute; top: 2vh; left: 1vw; width: 20vw; height: 6.5vh; max-height: 8.5vh; line-height: 6.5vh; font-size: 6.5vh; background-color: transparent; z-index: 3; text-align: left;">
<span id="itime" class="fa fa-clock-o" style="color: #FFFFFF; text-shadow: 0.2vh 0.2vh 0.5vh #000000;"></span>
</div>
<div id="ctickt" style="position: absolute; top: 2vh; left: 1vw; width: 20vw; height: 6.5vh; max-height: 8.5vh; line-height: 6.5vh; font-size: 6.5vh; background-color: transparent; z-index: 4; text-align: right;">
<span id="dtime" style="color: #FFFFFF;"></span>
</div>
</div>
</td>
<td style="vertical-align: middle; width: 13vw; text-align: left;">
</td>
<td style="vertical-align: middle; width: 3vw; text-align: center;">
</td>
<td style="vertical-align: middle; width: 8vw;">
<button type="button" id="bleft"" onclick="chk();" class="btn btn-info btn-lg" style="position: relative; text-align: center; width: 8vw; height: 10.5vh; max-height: 10.5vh; background-color: #999999; font-size: 3.5vh;"><span class="fa fa-arrow-left"></span></button>
</td>
<td style="vertical-align: middle; width: 15vw; color: #000000; text-align: center;">
01/12
</td>
<td style="vertical-align: middle; width: 8vw;">
<button type="button" id="bright"" onclick="chk();" class="btn btn-info btn-lg" style="position: relative; text-align: center; width: 8vw; height: 10.5vh; max-height: 10.5vh; background-color: #000099; font-size: 3.5vh;"><span class="fa fa-arrow-right"></span></button>
</td>
<td style="vertical-align: middle; width: 5vw; text-align: center;">
</td>
<td style="vertical-align: middle; width: 15vw;">
<button type="button" id="bfinish"" onclick="chk();" class="btn btn-info btn-lg" style="position: relative; text-align: center; width: 14vw; height: 10.5vh; max-height: 10.5vh; background-color: #990000; font-size: 3.5vh;"><span class="fa fa-flag-o"></span> Край</button>
</td>
<td style="vertical-align: middle; width: 3vw; text-align: center;">
</td>
<td style="vertical-align: middle; width: 15vw; font-size: 4vh; color: #000000;">
<button type="button" id="bexit"" onclick="chk();" class="btn btn-info btn-lg" style="position: relative; text-align: center; width: 14vw; height: 10.5vh; max-height: 10.5vh; background-color: #000000; font-size: 3.5vh;"><span class="fa fa-sign-out"></span> Изход</button>
</td>
</tr>
</table>
</div>
<script>
$("#ld").css("display", "none");
function chO()
{
var wiw=screen.width;
var wih=screen.height;
if (wiw<=wih)
{
$("#rt").css("display", "block");
}
else
{
$("#rt").css("display", "none");
}
}
$("document").ready(function()
{
setTimeout(function()
{
$("#l2").trigger("click");
}, 10);
window.addEventListener("orientationchange", chO, false);
});
cDt();
chO();
</script>
</body>
</html>