Script avansat pentru evenimente

Despre programarea aplicațiilor web și nu numai, cu PHP, baze de date și altele.
Discutiile despre utilizarea si modificarea scripturilor se desfasoara in aria Webmaster.
Discuțiile despre proiectarea și optimizarea bazelor de date se desfășoară în aria Databases.
 
Mesaje: 66
Membru din: Mie Iun 12, 2013 3:20 pm
Like-uri oferite: 1 time
Like-uri primite: 1 time

Script avansat pentru evenimente

de gcatalinus32 » Joi Oct 22, 2015 9:35 pm

Salut, am vazut pe un site acest script si mi-a placut foarte mult. L-am "furat" practic :))
Code: Select All Code
<div class="postui post-con">      
   <div class="con-wrap">
         

   
   

      <title>Evenimente</title>
      <style>
         #evenimente, #evenimente td, #evenimente th {
            width: auto;
            font-family: Verdana;
            font-size: 15px;
            padding: 5px;
            border: 1px solid #AAAAAA;
            border-radius: 4px;
            color: #800000;
            text-align: center;
         }
         #evenimente th {
            background-color: #800000;
            color: #000000;
            width: auto;
            font-family: Verdana;
            font-size: 15px;
            padding: 5px;
            border: 1px solid #AAAAAA;
            border-radius: 4px;
            text-align: center;
         }
      </style>
      <script>
         var evenimente = null;
         
         document.addEventListener("readystatechange", function(e) {
            if (document.readyState == "complete") {
               evenimente = new Array();
evenimente.push(new eveniment("Eveniment OX vineri", "02:05:2014:20:30:00"));
evenimente.push(new eveniment("Eveniment OX sambata", "03:05:2014:20:30:00"));
evenimente.push(new eveniment("Eveniment OX duminica", "04:05:2014:20:30:00"));
evenimente.push(new eveniment("Eveniment HIDE", "02:05:2014:21:30:00"));
evenimente.push(new eveniment("Eveniment PVP 1-1", "10:05:2014:21:00:00"));
evenimente.push(new eveniment("Eveniment PVP pe echipe", "11:05:2014:21:00:00"));
evenimente.push(new eveniment("Eveniment intre bresle", "03:05:2014:21:00:00"));
evenimente.push(new eveniment("Eveniment HIDE SPECIAL", "04:05:2014:21:12"));
               update_tabel();
               setInterval(update_tabel, 1001);
            }
         });
         
         function eveniment(nume, data) {
            data = data.split(":");
            this.nume = nume;
            this.data = new Date(data[2], data[1] - 1, data[0], data[3], data[4], 0, 0);
         }
         
         function update_tabel() {
            var tabel = document.querySelector("#evenimente");
            tabel.innerHTML = "<tr><th>Nume event</th><th>Timp ramas</th></tr>";
            for (var i = 0; i < evenimente.length; i++) {
               var current_date = new Date();
               if (evenimente[i].data < current_date)
                  tabel.innerHTML += "<tr><td>" + evenimente[i].nume + "</td><td>Evenimenul a inceput/Terminat!</td></tr>";
               else {
                  var delta = (evenimente[i].data.getTime() - current_date.getTime()) / 1000;
                  var days = Math.floor(delta / 86400);
                  var hours = Math.floor(delta / 3600) % 24;
                  var minutes = Math.floor(delta / 60) % 60;
                  var seconds = Math.floor(delta % 60);
                  var result = "";
                  if (days == 1)
                     result += days + " zi, ";
                  else
                     result += days + " zile, ";
                  if (hours == 1)
                     result += hours + " ora, ";
                  else
                     result += hours + " ore, ";
                  if (minutes == 1)
                     result += minutes + " minut, ";
                  else
                     result += minutes + " minute, ";
                  if (seconds == 1)
                     result += seconds + " secunda, ";
                  else
                     result += seconds + " secunde, ";
                  result = result.substring(0, result.length - 2);
                  tabel.innerHTML += "<tr><td>" + evenimente[i].nume + "</td><td>" + result + "</td></tr>";
               }
            }
         }
      </script>
   
   
      <center>
         <table id="evenimente"><tbody><tr><th>Nume event</th><th>Timp ramas</th></tr></tbody><tbody><tr><td>Eveniment OX</td><td>Evenimenul a inceput/Terminat!</td></tr></tbody><tbody><tr><td>Eveniment OX</td><td>0 zile, 3 ore, 25 minute, 17 secunde</td></tr></tbody><tbody><tr><td>GM-HIDE</td><td>Evenimenul a inceput/Terminat!</td></tr></tbody><tbody><tr><td>Miss-Mister[Votare]</td><td>1 zi, 6 ore, 24 minute, 17 secunde</td></tr></tbody><tbody><tr><td>EVENIMENT PVP</td><td>3 zile, 3 ore, 37 minute, 17 secunde</td></tr></tbody></table>
      </center>
   


   </div>
</div>


Explicatie:
evenimente.push(new eveniment("Eveniment OX vineri", "02:05:2014:20:30:00"));

Ce e scris ingrosat...este data la care o sa fie ox, iar ca e scris cu rosu este ora.

Imagine

Înapoi la Scripturi și tutoriale web

Cine este conectat

Utilizatorii ce navighează pe acest forum: Niciun utilizator înregistrat şi 1 vizitator