Advertisement
jovanovski

ИА Лаб9

Dec 19th, 2012
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.12 KB | None | 0 0
  1. <!doctype html>
  2. <html>
  3.     <head>
  4.         <title>Components</title>      
  5.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6.         <link rel="stylesheet" href="./css/jquery-ui.css" type="text/css">
  7.         <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
  8.         <script type="text/javascript" src="js/jquery-ui-1.9.1.custom.min.js"></script>
  9.         <style type="text/css">
  10.         .row-selected{
  11.             background:lightblue;
  12.             }
  13.         </style>
  14.         <script type="text/javascript">
  15.         $(document).ready(function(){
  16.         $( "#tabs" ).tabs();
  17.         $( "#list1, #list2" ).sortable({ connectWith: ".container ul"}).disableSelection();
  18.         $('#list1 li, #list2 li').each(function(index) {
  19.         $(this).text($(this).text() + " (" + $(this).attr('rel') + ")");
  20.         });
  21.         $( "#polozeni1" ).progressbar({
  22.             value: 0
  23.         });
  24.         $( "#polozeni2" ).progressbar({
  25.             value: 0
  26.         });
  27.        
  28.         $( "#list1, #list2").sortable({
  29.         update: function ( event, ui ) {
  30.         ello();
  31.         }
  32.         });
  33.         ello();
  34.         });
  35.            
  36.  
  37.         function ello(){
  38.             var vkupno = 0;
  39.             var polozeni = 0;
  40.             var ocenki=[0,0,0,0,0,0];
  41.             $('#list1 li').each(function(index) {
  42.                 if($(this).attr("title1")>50) {
  43.                 if($(this).attr("title1")>50 && $(this).attr("title1")<60) ocenki[1]++;
  44.                 if($(this).attr("title1")>60 && $(this).attr("title1")<70) ocenki[2]++;
  45.                 if($(this).attr("title1")>70 && $(this).attr("title1")<80) ocenki[3]++;
  46.                 if($(this).attr("title1")>80 && $(this).attr("title1")<90) ocenki[4]++;
  47.                 if($(this).attr("title1")>90 && $(this).attr("title1")<100) ocenki[5]++;
  48.                 polozeni++;
  49.                 }
  50.                 else {
  51.                 ocenki[0]++;
  52.                 }
  53.                 vkupno++;
  54.             });
  55.             $( "#polozeni1" ).progressbar( "value", (100*polozeni)/vkupno );
  56.             $("#opis1").text("Од вкупно "+vkupno+" студенти, имаат положено "+polozeni+" студенти");
  57.             $("#ocenki1").text("Има 5: "+ocenki[0]+" | 6: "+ocenki[1]+" | 7: "+ocenki[2]+" | 8: "+ocenki[3]+" | 9: "+ocenki[4]+" | 10: "+ocenki[5]+" ");
  58.             vkupno = 0;
  59.             polozeni = 0;
  60.             ocenki=[0,0,0,0,0,0];
  61.             $('#list2 li').each(function(index) {
  62.                 if($(this).attr("title1")>50) {polozeni++;}
  63.                 vkupno++;
  64.             });
  65.             $( "#polozeni2" ).progressbar( "value", (100*polozeni)/vkupno );
  66.             $("#opis2").text("Од вкупно "+vkupno+" студенти, имаат положено "+polozeni+" студенти");
  67.             $("#ocenki2").text("Има 5: "+ocenki[0]+" | 6: "+ocenki[1]+" | 7: "+ocenki[2]+" | 8: "+ocenki[3]+" | 9: "+ocenki[4]+" | 10: "+ocenki[5]+" ");
  68.              
  69.         }
  70.         </script>
  71.         <style>
  72.             .container{
  73.                 float:left;
  74.                 margin:20px;
  75.                 padding: 20px;             
  76.             }
  77.             .container:nth-child(even){
  78.                 border-left: 1px lightgray solid;          
  79.             }
  80.             #list1, #list2{
  81.                 list-style-type: none;
  82.             }
  83.            
  84.         </style>
  85.     </head>
  86.     <body>
  87.     <div id="tabs">
  88.         <ul>
  89.             <li><a href="#tabs-1">Студенти</a></li>
  90.             <li><a href="#tabs-2">Оценки</a></li>        
  91.         </ul>
  92.    
  93.         <div id="tabs-1">    
  94.             <div class="container" style="float:left">
  95.                 <strong>Пред увид</strong>
  96.                 <ul id="list1">
  97.                     <li title1="30" rel="111113">Петре Петревски </li>
  98.                     <li title1="90" rel="111114"> Аце Ацевски</li>
  99.                     <li title1="100" rel="111115"> Мите Митрески</li>
  100.                     <li title1="85" rel="111117"> Мирко Мирковски</li>
  101.                 </ul>            
  102.             </div>
  103.            
  104.             <div class="container" style="float:left">
  105.                 <strong>Конечна листа на положени студенти</strong>
  106.                 <ul id="list2">
  107.                     <li title1="80" rel="111111">Никола Николовски </li>
  108.                     <li title1="70" rel="111112"> Симона Симоноска</li>
  109.                     <li title1="60" rel="111116"> Ристе Ристески</li>
  110.                 </ul>
  111.             </div>
  112.        
  113.         </div> 
  114.         <div id="tabs-2">  
  115.         Положени од паралелка 1:
  116.         <div id="polozeni1"></div><div id="opis1"></div><br/>
  117.         <div id="ocenki1" style="margin-bottom:40px;"></div>
  118.         Положени од паралелка 2:
  119.         <div id="polozeni2" ></div><div id="opis2"></div><br/>
  120.         <div id="ocenki2"></div>
  121.         </div>
  122.     </div>
  123.  
  124.     </body>
  125. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement