Simple Grey

Tutaj możesz umieszczać swoje skrypty html do filmoteki.
badas

Re: Simple Grey

Post autor: badas » 27 sie 2010, 14:37

Witam wszystkich!

Skrypt Simple Grey jest bardzo fajny, zdecydowanie lepszy niż Navy :-) Postanowiłem go jednak nieco ulepszyć na własne potrzeby. Poniżej wklejam jego kod:

Kod: Zaznacz cały

<!-- Simple Grey v 0.2; Autor: Sad, jabber: sadu@jabster.pl, gg: 902108; małe zmiany: badas -->
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<style type="text/css">
a {
color: black;
text-decoration: none;
font-family: Tahoma;
font-size: 13px;
border-bottom: 1px solid grey;
}

a.guziki {
font-family: Tahoma;
font-size: 11px;
color: #2C2C2C;
text-decoration: none;
border: 1px solid #868686;
background-color: #EDEDEC;
padding: 3px;
margin: 1px;
display: block;
}

a.guziki2 {
font-family: Tahoma;
font-size: 11px;
color: #DC143C;
text-decoration: none;
border: 1px solid #DC143C;
background-color: #EDEDEC;
padding: 3px;
margin: 1px;
display: block;
}

a.guziki3 {
font-family: Tahoma;
font-size: 18px;
color: #DC143C;
text-decoration: none;
border: 2px solid #DC143C;
background-color: #EDEDEC;
padding: 3px;
margin: 1px;
display: block;
}
a.rez {
font-family: Tahoma;
font-size: 12px;
color: #2C2C2C;
text-decoration: none;
border-bottom: 0px;
}

a.rez:hover {
color: #FF0000;
}

a.guziki:hover {
background-color:#FFFFFF;
display: block;
}

a.guziki2:hover {
background-color:#FFFFFF;
display: block;
}

a.guziki3:hover {
background-color:#FFFFFF;
display: block;
}

.table {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.normal {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.title {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.rating {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
</style>
<script type="text/javascript">
               
	function ShowAll(d1, d2, d3) {
		  if (d1 != '') DoDiv(d1);
		  if (d2 != '') DoDiv(d2);
		  if (d3 != '') DoDiv(d3);

	}
 	function ShowOrHide(d1, d2, d3) {
	  if (d1 != '') DoDiv(d1);
	  if (d2 != '') DoDiv(d2);
	  if (d3 != '') DoDiv(d3);
	}
		function DoDiv(id) {
	  var item = null;
	  if (document.getElementById) {
		item = document.getElementById(id);
	  } else if (document.all){
		item = document.all[id];
	  } else if (document.layers){
		item = document.layers[id];
	  }
	  if (!item) {
	  }
	  else if (item.style) {
		if (item.style.display == "none"){ item.style.display = ""; }
		else {item.style.display = "none"; }
	  }else{ item.visibility = "show"; }
 	}
var pass1 = 'ocena1';
var pass2 = 'ocena2';

function funkcja(id,pass){
  var el = document.getElementById(id);
  if(el.innerHTML == '$$Ocena') el.innerHTML = pass;
   else
  el.innerHTML = '<b>$$Ocena</b> / 10';
}

</script>

</head>

<body bgcolor=#E6E6FA>

<h1 style="font-variant: small-caps; text-align: center; color: #DC143C; background-color: #7FFF00; ">$$Obejrzany</h1>
<table width="90%" border="0" cellspacing="3" cellpadding="3">
  <tr>
    <td width="20%" valign="top">
       <img src="$$Okładka" width="160" height="200" alt="Nr. $$Pozycja_w_tabeli"><br/>
    </td>
    <td width="80%" valign="top">
    <p><font class="title"><b>$$Tytuł_oryginału</b></font><br>
    <font class="normal">$$Tytuł_przetłumaczony</font></p>
    <p><font class="normal">$$Gatunek <br>$$Kraj_produkcji <br>$$Rok_produkcji</font></p>
    <p><font class="normal">reż.</font> <a href="http://www.imdb.com/find?s=all&q=$$Reżyser" target="_blank" class="rez">$$Reżyser</a><br/>
    <font class="normal">sce. $$Scenariusz</font></p>
    <p id="test"><font class="rating"><a href="#" onClick="funkcja('test',pass1);">Pokaż ocenę</a></font></p>

</div>
    </td>
  </tr>
<tr><td colspan="2"><center><a href="#" class="guziki3">Odtwarzaj film!</a></td></tr>
<tr><td align="right">
       <a href="http://www.google.com/search?hl=pl&source=hp&q=$$Tytuł_oryginału&lr=lang_pl" class="guziki" target="_blank" class="guziki">Wyszukaj w Google</a>
       <a href="http://www.imdb.com/find?s=all&q=$$Tytuł_oryginału" target="_blank" class="guziki">Wyszukaj w IMDB</a>
       <a href="http://www.filmweb.pl/search?q=$$Tytuł_oryginału" target="_blank" class="guziki">Wyszukaj w Filmweb</a>
</td><td>
       <a href="http://www.youtube.com/results?search_query=$$Tytuł_oryginału+official+trailer&aq=f" target="_blank" class="guziki">Wyszukaj w Youtube</a>
       <a href="http://www.ceneo.pl/Filmy;004+s$$Tytuł_oryginału" target="_blank" class="guziki">Znajdż DVD</a>
       <a href="#" onClick="ShowAll('div.opis','div.obsada','div.plik')" class="guziki2">Zwiń / rozwiń wszystkie</a>
</td></tr>
<tr><td colspan=2>
<a href="#" onClick="ShowOrHide('div.opis')">Opis</a>
<div id="div.opis" style="display: none;">
 <font class="normal">$$Opis</font>
</div>

<br/>

<a href="#" onClick="ShowOrHide('div.obsada')">Obsada</a>
<div id="div.obsada" style="display: none;">
 <font class="normal">
$$Obsada</font>
</div>

<br/>

<a href="#" onClick="ShowOrHide('div.plik')">Plik filmu</a>
<div id="div.plik" style="display: none;">
<center>
<table border="1" cellspacing="1" cellpadding="5" class="table" frame ="void" rules="all">
<tr>
  <td width="150">Rozmiar:</td>
  <td>$$Rozmiar</td></tr>
  <td>Czas trwania:</td>
  <td>$$Czas_trwania</td></tr>
  <td>Rozdzielczość:</td>
  <td>$$Rozdzielczość</td></tr>
  <td>Kodek video:</td>
  <td>$$Kodek_video</td></tr>
  <td>Strumień video:</td>
  <td>$$Strumień_video</td></tr>
  <td>Ilość klatek:</td>
  <td>$$Ilość_klatek</td></tr>
  <td>Kodek audio:</td>
  <td>$$Kodek_audio</td></tr>
  <td>Strumień audio:</td>
  <td>$$Strumień_audio</td></tr>
</table>
</td></tr>
</table>

</body>
</html>
a tutaj print screeny:
Obrazek
Obrazek

mam nadzieję, że Sad nie będzie na mnie zły, za to że wykorzystałem jego skrypt :)

niestety jest jedno wielkie ALE:
nie działa przycisk odtwarzaj film :(
Próbowałem masę skryptów w javascript, ale ostatni raz kiedy się tym zajmowałem to było chyba z 10 lat temu :) no żaden skrypt nie chce uruchomić mi pliku z dysku, a można przecież korzystać ze ścieżek $$Ścieżka$$Typ_pliku. Może ktoś z Was będzie mógł to uzupełnić? Nie ukrywam że byłoby to znaczne ułatwienie.

Celowo ukryłem ocenę filmu, nie lubię się sugerować tym co myślą inni :) jednak jeśli ktoś będzie chciał mieć wyświetloną ocenę od razu to wystarczy zamienić linię

Kod: Zaznacz cały

<p id="test"><font class="rating"><a href="#" onClick="funkcja('test',pass1);">Pokaż ocenę</a></font></p>
na

Kod: Zaznacz cały

<p><font class="rating">$$Ocena / 10</font></p>
Ponadto jest jeszcze jedna rzecz nad którą pracowałem, ale niestety nie udało mi się jej wykombinować, mianowicie:
obsada ściąga się "hurtem" i kolejne linie są oddzielone średnikiem ";" np.

Kod: Zaznacz cały

Gerard Butler - Krol Leonidas; Lena Headey - Krolowa Gorgo; David Wenham - Dilios; Dominic West - Theron; Vincent Regan - Kapitan; Michael Fassbender - Stelios; Rodrigo Santoro - Xerxes; Andrew Tiernan - Ephialtes; Andrew Pleavin - Daxos; Giovani Cimmino - Pleistarchos; Maurizio Terrazzano - Wartownik; Dennis St John - Spartanin; 
myślałem nad skryptem, który pozwoli zamienić średnik na nową linię, wówczas obsada aktorów mogłaby wyglądać tak:

Kod: Zaznacz cały

Gerard Butler - Krol Leonidas
Lena Headey - Krolowa Gorgo
David Wenham - Dilios 
Dominic West - Theron
...
W mojej opini taka lista wygląda bardziej przejrzyście i przyjemnie. Prawdopodobnie należałoby użyć funkcji replace(), ale jak już pisałem, z javą nie miałem do czynienia od bardzo dawna, może ktoś z forum się pokusi o uzupełnienie tego skryptu.

Pozdrawiam!
badas

Sad
Posty: 45
Rejestracja: 11 kwie 2010, 09:36
Lokalizacja: Mikołów

Re: Simple Grey

Post autor: Sad » 04 wrz 2010, 13:29

W zasadzie ładny ten skrypt :). "Odtwarzaj film" na chwilę obecną nie da się zrobić, Pacer gdyby dodał obsługę onCommand i odpowiednie parametry,wtedy moglibyśmy odtwarzać za pomocą dowolnego odtwarzacza lub wybranego w opcjach. Co do oceny, ocena z filmwebu dla mnie to praktycznie żadna ocena, jak już to zaglądam na IMDB i najczęściej filmy od 6.5< są już oglądalne :P

jsowa

Re: Simple Grey

Post autor: jsowa » 23 cze 2012, 23:32

Dla własnych potrzeb przerobiłem ten skrypt, mam nadzieję że autor nie będzie miał nic przeciwko, jeśli go wrzucę na forum. Nie będę opisywał zmian, jak ktoś będzie chciał, to sobie sam zobaczy :)
screany:
Obrazek
Obrazek

Nie mogę wgrać załącznika, gdyż pokazuje mi się info: "Wgrywanie zostało odrzucone, ponieważ wgrywany plik został zidentyfikowany jako element ataku", więc wklejam code (należy zapisać w pliku .txt):

Kod: Zaznacz cały

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<style type="text/css">
a {
color: black;
text-decoration: none;
font-family: Tahoma;
font-size: 12px;
border-bottom: 1px solid grey;
}

a.link {
font-family: Tahoma;
font-size: 12px;
color: #0000ff;
text-decoration: none;
border-bottom: 0px;
}

a.link:hover {
color: #00008b;
}

.table {
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 12px;
}
.normal {
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 12px;
}
.title {
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 14px;
}
</style>
<script type="text/javascript">
               
   function ShowAll(d1, d2, d3) {
        if (d1 != '') DoDiv(d1);
        if (d2 != '') DoDiv(d2);
        if (d3 != '') DoDiv(d3);

   }
   function ShowOrHide(d1, d2, d3) {
     if (d1 != '') DoDiv(d1);
     if (d2 != '') DoDiv(d2);
     if (d3 != '') DoDiv(d3);
   }
      function DoDiv(id) {
     var item = null;
     if (document.getElementById) {
      item = document.getElementById(id);
     } else if (document.all){
      item = document.all[id];
     } else if (document.layers){
      item = document.layers[id];
     }
     if (!item) {
     }
     else if (item.style) {
      if (item.style.display == "none"){ item.style.display = ""; }
      else {item.style.display = "none"; }
     }else{ item.visibility = "show"; }
   }
var pass1 = 'ocena1';
var pass2 = 'ocena2';

function funkcja(id,pass){
  var el = document.getElementById(id);
  if(el.innerHTML == '$$Ocena') el.innerHTML = pass;
   else
  el.innerHTML = '<b>$$Ocena</b> / 10';
}

</script>

</head>

<body bgcolor=#E6E6FA>

<table width="100%" border="0" cellspacing="3" cellpadding="3">
  <tr>
    <td width="20%" valign="top">
       <img src="$$Okładka" width="160" height="200" alt="Nr. $$Pozycja_w_tabeli"><br/>
    </td>
    <td width="80%" valign="top">
    <p><font class="title"><b>$$Tytuł_przetłumaczony</b></font><br>
    <font class="normal">$$Tytuł_oryginału</font></p>
    <p><font class="normal">$$Gatunek <br>$$Kraj_produkcji <br>$$Rok_produkcji</font></p>
    <font class="normal">reżyseria:</font> <a href="http://filmweb.pl/search?q=$$Reżyser" target="_blank" class="link">$$Reżyser</a><br/>
    <font class="normal">scenariusz:</font> <a href="http://www.filmweb.pl/search?q=$$Scenariusz" target="_blank" class="link">$$Scenariusz</a><br/>
    <p><font class="normal">$$Ocena / 10</font></a><br/>
    <font class="normal">Obejrzany: $$Obejrzany</font></p>

<tr><td colspan=2>
<a href="#" onClick="ShowOrHide('div.opis')">Opis</a>
<div id="div.opis" style="display: show;">
<font class="normal">$$Opis</font>
</div>

<br/>

<a href="#" onClick="ShowOrHide('div.obsada')">Obsada</a>
<div id="div.obsada" style="display: show;">
<font class="normal">
$$Obsada</font>
</div>

<br/>

<a href="#" onClick="ShowOrHide('div.url')">Adres URL</a>
<div id="div.url" style="display: none;">
<a href="$$URL" target="_blank" class="link">$$URL</a><br/>
</div>

<br/>

<a href="#" onClick="ShowOrHide('div.plik')">Plik filmu</a>
<div id="div.plik" style="display: none;">
<center>
<table border="1" cellspacing="1" cellpadding="5" class="table" frame ="void" rules="all">
<tr>
  <td width="150">Folder:</td>
  <td>$$Nazwa_płyty</td></tr>
  <td>Rozmiar:</td>
  <td>$$Rozmiar</td></tr>
  <td>Czas trwania:</td>
  <td>$$Czas_trwania</td></tr>
  <td>Rozdzielczość:</td>
  <td>$$Rozdzielczość</td></tr>
  <td>Typ pliku:</td>
  <td>$$Typ_pliku</td></tr>
  <td>Kodek video:</td>
  <td>$$Kodek_video</td></tr>
  <td>Strumień video:</td>
  <td>$$Strumień_video</td></tr>
  <td>Ilość klatek:</td>
  <td>$$Ilość_klatek</td></tr>
  <td>Głębia koloru:</td>
  <td>$$Głębia_koloru</td></tr>
  <td>Kodek audio:</td>
  <td>$$Kodek_audio</td></tr>
  <td>Strumień audio:</td>
  <td>$$Strumień_audio</td></tr>
  <td>Liczba kanałów audio:</td>
  <td>$$Liczba_kanałów_audio</td></tr>
  <td>Częstotliwość audio:</td>
  <td>$$Częstotliwość_audio</td></tr>
</table>
</td></tr>
</table>

</body>
</html>
Pozdrawiam.

ODPOWIEDZ