Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html>
- <head>
- <title>Components</title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link rel="stylesheet" href="./css/jquery-ui.css" type="text/css">
- <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
- <script type="text/javascript" src="js/jquery-ui-1.9.1.custom.min.js"></script>
- <style type="text/css">
- .row-selected{
- background:lightblue;
- }
- </style>
- <script type="text/javascript">
- $(document).ready(function(){
- $( "#tabs" ).tabs();
- $( "#list1, #list2" ).sortable({ connectWith: ".container ul"}).disableSelection();
- $('#list1 li, #list2 li').each(function(index) {
- $(this).text($(this).text() + " (" + $(this).attr('rel') + ")");
- });
- $( "#polozeni1" ).progressbar({
- value: 0
- });
- $( "#polozeni2" ).progressbar({
- value: 0
- });
- $( "#list1, #list2").sortable({
- update: function ( event, ui ) {
- ello();
- }
- });
- ello();
- });
- function ello(){
- var vkupno = 0;
- var polozeni = 0;
- var ocenki=[0,0,0,0,0,0];
- $('#list1 li').each(function(index) {
- if($(this).attr("title1")>50) {
- if($(this).attr("title1")>50 && $(this).attr("title1")<60) ocenki[1]++;
- if($(this).attr("title1")>60 && $(this).attr("title1")<70) ocenki[2]++;
- if($(this).attr("title1")>70 && $(this).attr("title1")<80) ocenki[3]++;
- if($(this).attr("title1")>80 && $(this).attr("title1")<90) ocenki[4]++;
- if($(this).attr("title1")>90 && $(this).attr("title1")<100) ocenki[5]++;
- polozeni++;
- }
- else {
- ocenki[0]++;
- }
- vkupno++;
- });
- $( "#polozeni1" ).progressbar( "value", (100*polozeni)/vkupno );
- $("#opis1").text("Од вкупно "+vkupno+" студенти, имаат положено "+polozeni+" студенти");
- $("#ocenki1").text("Има 5: "+ocenki[0]+" | 6: "+ocenki[1]+" | 7: "+ocenki[2]+" | 8: "+ocenki[3]+" | 9: "+ocenki[4]+" | 10: "+ocenki[5]+" ");
- vkupno = 0;
- polozeni = 0;
- ocenki=[0,0,0,0,0,0];
- $('#list2 li').each(function(index) {
- if($(this).attr("title1")>50) {polozeni++;}
- vkupno++;
- });
- $( "#polozeni2" ).progressbar( "value", (100*polozeni)/vkupno );
- $("#opis2").text("Од вкупно "+vkupno+" студенти, имаат положено "+polozeni+" студенти");
- $("#ocenki2").text("Има 5: "+ocenki[0]+" | 6: "+ocenki[1]+" | 7: "+ocenki[2]+" | 8: "+ocenki[3]+" | 9: "+ocenki[4]+" | 10: "+ocenki[5]+" ");
- }
- </script>
- <style>
- .container{
- float:left;
- margin:20px;
- padding: 20px;
- }
- .container:nth-child(even){
- border-left: 1px lightgray solid;
- }
- #list1, #list2{
- list-style-type: none;
- }
- </style>
- </head>
- <body>
- <div id="tabs">
- <ul>
- <li><a href="#tabs-1">Студенти</a></li>
- <li><a href="#tabs-2">Оценки</a></li>
- </ul>
- <div id="tabs-1">
- <div class="container" style="float:left">
- <strong>Пред увид</strong>
- <ul id="list1">
- <li title1="30" rel="111113">Петре Петревски </li>
- <li title1="90" rel="111114"> Аце Ацевски</li>
- <li title1="100" rel="111115"> Мите Митрески</li>
- <li title1="85" rel="111117"> Мирко Мирковски</li>
- </ul>
- </div>
- <div class="container" style="float:left">
- <strong>Конечна листа на положени студенти</strong>
- <ul id="list2">
- <li title1="80" rel="111111">Никола Николовски </li>
- <li title1="70" rel="111112"> Симона Симоноска</li>
- <li title1="60" rel="111116"> Ристе Ристески</li>
- </ul>
- </div>
- </div>
- <div id="tabs-2">
- Положени од паралелка 1:
- <div id="polozeni1"></div><div id="opis1"></div><br/>
- <div id="ocenki1" style="margin-bottom:40px;"></div>
- Положени од паралелка 2:
- <div id="polozeni2" ></div><div id="opis2"></div><br/>
- <div id="ocenki2"></div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement