API tools faq
paste
Advertisement
jovanovski

ИА Лаб9

jovanovski
Dec 19th, 2012
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.12 KB | None | 0 0
raw download clone embed print report
  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
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!