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.
Avatar utilizator
Alexandru™
Nivel 5

Nivel 5
Mesaje: 758
Membru din: 08 Sep 2015, 15:27
Server: Metin2Nefrax
Regat: Jinno
Aprecieri: 0
Mulţumiri: 68  
Medalii

Salut, am vazut pe un site acest script si mi-a placut foarte mult. L-am "furat" practic :))

Cod: Selectaţi tot

<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[/quote]

Sursa: 4m
Imagine
Afișează semnătura
Avatar utilizator
ZaWTF
Nou Venit

Nou Venit
Mesaje: 13
Membru din: 04 Sep 2015, 22:12
Server: 4FutureMT2
Regat: Chunjo
Aprecieri: 0
Mulţumiri: 0
Medalii

UPP
Avatar utilizator
[Marius]
Nivel 4

Nivel 4
Mesaje: 571
Membru din: 10 Iul 2014, 22:11
Aprecieri: 1  
Mulţumiri: 51  
Medalii

Mutat unde trebuie .
Imagine
Afișează semnătura
Avatar utilizator
xJayce
Nou Venit

Nou Venit
Mesaje: 27
Membru din: 23 Ian 2016, 18:47
Server: Metin2Oskury
Regat: Jinno
Aprecieri: 2  
Mulţumiri: 0
Medalii

Un tutorial va rog ?
Unde anume se baga in html ...
Scuze,sunt incepator .
Avatar utilizator
Rosse
Nivel 2

Nivel 2
Mesaje: 237
Membru din: 01 Feb 2016, 10:42
Server: In lucru
Regat: Shinsoo
Aprecieri: 2  
Mulţumiri: 104  
 Contact:
Medalii

Merge chiar ok , nu credeam ca o sa mearga numaratoarea inversa :)
Multumesc frumos
Imagine
Imagine
Imagine
Afișează semnătura
Avatar utilizator
Coada
Nou Venit

Nou Venit
Mesaje: 48
Membru din: 29 Aug 2013, 01:44
Server: WishMetin2
Regat: Jinno
Aprecieri: 255  
Mulţumiri: 19  
Discord: Copiază ID
Medalii

Merge perfect perfect, multumesc frumos
Răspunde

Înapoi la “Tutoriale scripting”

  • Informaţie
  • Cine este conectat

    Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 1 vizitator