x-kom hosting

[Rozwiazany]Jak zmienić kolory ?

benkowik
utworzono
utworzono

Mam taki skrypt:

<script language="javascript">

<!--W3e JAVAscript Preset

var timerID = null;

var timerRunning = false;

function stopclock()

{

if(timerRunning)

clearTimeout(timerID)

timerRunning = false;

}

function startclock()

{

stopclock();

showtime();

}

function showtime()

{

var now = new Date();

var hours = now.getHours();

var minutes = now.getMinutes();

var seconds = now.getSeconds();

var timeValue = "" + ((hours > 12) ? hours - 12 : hours);

timeValue += ((minutes < 10) ? ":0" : ":") + minutes;

timeValue += ((seconds < 10) ? ":0" : ":") + seconds;

timeValue += (hours >= 12) ? " P.M." : " A.M.";

document.clock.face.value = timeValue;

timerID = setTimeout("showtime()",1000);

timerRunning = true;

}

//-->

</script>

<form name="clock" onSubmit="0">

<input type="text" name="face" size="24">

</form>

<script>startclock();</script>

Jak zrobić żeby tło tego obrazka było #333333 a cyfry były #FFFFFF

Drugi skrypt

W ramach HEAD

<script src="graphic-clock.js" type="text/javascript"></script>

W ramach BODY

<script type="text/javascript"><!--

write_gfx_clock(); // --></script>

W znaczniku BODY dodaj informację

<body onload="gfx_clock();">

Ważne: W pliku graphic-clock.js linijki

var digit_imgs_path = 'gif/';

var clock_24h = true;

var clock_with_seconds = true;

umożliwiają konfigurację zegarka:

digit_imgs_path

to ścieżka do obrazków;

clock_24h

jeżeli true, to będzie zegarek 24-godzinny, a jeżeli false, to 12-godzinny;

clock_with_seconds

jeżeli true, to będą wyświetlony sekundy, jeżeli false, to nie.

To gdzie mam wrzucić te pliki graficzne ? Do jakiegoś folderu ? Czy mają luzem.... ? Gdzie je umieścić ? Czy mam jakiś dodatkowy plik zrobić ?

Proszę o pomoc

z góry thx. :rolleyes:

luq
komentarz
komentarz

W pierwszym skrypcie

dodajesz klasę do inputa i tam zmieniasz jego wygląd.

A tak pyzatym to nie jest obrazek, tylko okienko formularza.

cały skrypt:

<html><head><meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" /><STYLE TYPE="text/css"><!--.wyglad {background-color: #333333;color: #FFFFFF;}--></STYLE></head><script language="javascript"><!--W3e JAVAscript Presetvar timerID = null;var timerRunning = false;function stopclock(){if(timerRunning)clearTimeout(timerID)timerRunning = false;}function startclock(){stopclock();showtime();}function showtime(){var now = new Date();var hours = now.getHours();var minutes = now.getMinutes();var seconds = now.getSeconds();var timeValue = "" + ((hours > 12) ? hours - 12 : hours);timeValue += ((minutes < 10) ? ":0" : ":") + minutes;timeValue += ((seconds < 10) ? ":0" : ":") + seconds;timeValue += (hours >= 12) ? " P.M." : " A.M.";document.clock.face.value = timeValue;timerID = setTimeout("showtime()",1000);timerRunning = true;}//--></script><form name="clock" onSubmit="0" ><input type="text" name="face" size="24" class="wyglad"></form><script>startclock();</script></html>

Co do 2 skryptu to nikt ci nie pomoże jeśli nie dasz całego kodu.

benkowik
komentarz
komentarz
Co do 2 skryptu to nikt ci nie pomoże jeśli nie dasz całego kodu.

No ale właśnie na stronie jest tylko to i plik z plikami graficznymi :(

A może ma ktoś jakiś skrypt do zegara graficznego ?

luq
komentarz
komentarz
No ale właśnie na stronie jest tylko to i plik z plikami graficznymi :(

Przecież musi być plik graphic-clock.js.

Z tego co tu pisze powinna być w nim linijka digit_imgs_path

i tam jest przechowywana ścieżka do obrazków.

Jeśli chcesz zrobić nowe obrazki to wrzuć je do pliku w którym już są obrazki

(wcześniej usuń stare) i tyle.

luq
komentarz
komentarz

To jest plik graphic-clock.js:

/* * Graphical clock * Copyright 2005 by Michal Nazarewicz (mina86/AT/tlen.pl) * Licensed under Academic Free License 2.1 */var digit_imgs_path = 'gif/';var clock_24h = true;var clock_with_seconds = true;var digit_imgs = new Array();for (var i = 0; i<10; ++i) {	digit_imgs[i] = new Image();	digit_imgs[i].src = '' + digit_imgs_path + 'c' + i + '.gif';}digit_imgs[10] = new Image();digit_imgs[10].src = '' + digit_imgs_path + 'cb.gif';if (!clock_24h) {	digit_imgs[11] = new Image();	digit_imgs[11].src = '' + digit_imgs_path + 'cam.gif';	digit_imgs[12] = new Image();	digit_imgs[12].src = '' + digit_imgs_path + 'cpm.gif';}function gfx_clock() {	if (!document.images) return;	var date = new Date();	var tmp = date.getHours();	if (!clock_24h) {		if (tmp>12) {			document.images.clock_ap = digit_imgs[12].src;			tmp -= 12;		} else {			document.images.clock_ap = digit_imgs[11].src;		}	}	document.images.clock_h10.src = digit_imgs[Math.floor(tmp/10)].src;	document.images.clock_h1.src  = digit_imgs[tmp%10].src;	tmp = date.getMinutes();	document.images.clock_m10.src = digit_imgs[Math.floor(tmp/10)].src;	document.images.clock_m1.src  = digit_imgs[tmp%10].src;	if (clock_with_seconds) {		tmp = date.getSeconds();		document.images.clock_s10.src = digit_imgs[Math.floor(tmp/10)].src;		document.images.clock_s1.src  = digit_imgs[tmp%10].src;	}	yWxTimeout('gfx_clock();', 1000);}function write_gfx_clock() {	if (!document.images) return;	with (document) {		write('<img src="' + digit_imgs_path + '/cb.gif" name="clock_h10">');		write('<img src="' + digit_imgs_path + '/cb.gif" name="clock_h1">');		write('<img src="' + digit_imgs_path + '/colon.gif">');		write('<img src="' + digit_imgs_path + '/cb.gif" name="clock_m10">');		write('<img src="' + digit_imgs_path + '/cb.gif" name="clock_m1">');		if (clock_with_seconds) {			write('<img src="' + digit_imgs_path + '/colon.gif">');			write('<img src="' + digit_imgs_path + '/cb.gif" name="clock_s10">');			write('<img src="' + digit_imgs_path + '/cb.gif" name="clock_s1">');		}		if (!clock_24h) {			write('<img src="' + digit_imgs_path + '/cam.gif" name="clock_s1">');		}	}}

a więc jak widać, pliki umieszczone muszą być w folderze o nazwie gif (oczywiście muszą mieć odpowiednie nazwy - odpowiadające obrazkom standardowym) oczywiście nazwę folderu można zmienić edytując linijkę:

var digit_imgs_path = 'gif/';

np:

var digit_imgs_path = 'nowa nazwa folderu/';

Jeśli masz jeszcze jakiś kłopot to pisz.

benkowik
komentarz
komentarz

No tak. Ale jak mam zrobić ten plik ? Zrobić nowy w notatniku, wrzucić pliki graficzne i do tego pliku gdzie mam dopisać i będzie działać ?

Nie wiem czy dobrze na stronie patrzyłeś ale mi chodzi o ten "Zegarek z grafikami

luq
komentarz
komentarz

Robisz tak.

kopiujesz to wszystko napisałem że jest plikiem graphic-clock.js

wklejasz do notatnika i zapisujesz z nazwą dokładnie taką samą

jak wcześniej wspomniałem.

Tworzysz plik index.html tam stosujesz się do tego:

W ramach HEAD<script src="graphic-clock.js" type="text/javascript"></script>W ramach BODY<script type="text/javascript"><!--write_gfx_clock(); // --></script>W znaczniku BODY dodaj informację<body onload="gfx_clock();">

Tworzysz folder o nazwie gif do niego wrzucasz wszystkie obrazki.

Jeśli chcesz zmienić obrazki rysujesz nowe ale nazywasz je odpowiednio jak tamte

tzn jak obrazek abc.gif przedstawiał liczbę 8 to tak samo rysunek z liczba 8

zapisujesz jako abc.gif.

To wszystko.

benkowik
komentarz
komentarz

Wielkie dzięki ! Kilka punktów reputacji wyżej ! Wielkie dzięki !Coś jest nie tak.Czas nie leci. Dopiero po odświeżeniu strony jest aktualny ( chodzi mi o sekundy )

luq
komentarz
komentarz

W tym zegarku z grafikami??

benkowik
komentarz
komentarz

Tak. Są sekundy ale nie lecą. Po odświeżeniu strony dopiero. Dodam że strona jeszcze nie jest w internecie ale inne zegary (sekundy) płynnie lecą :)

Co jest grane ?

luq
komentarz
komentarz

Wiem, że długo nie pisałem ale to trzeba trochę posiedzieć nad tym,

a czasu brak, bo rzeczywiście coś się krzaczy.

Udało mi się to uruchomic skrypt ale z tymi scieżkami to jest makabra.

Poniżej załączam rara z dzialajacym skryptem, tylko że nie rozpracowałem tych

ścieżek i niektóre pliki są podwójne.

Resztę postaraj się skoczyć sam bo jak widzisz mnie czas ze wszystkim goni.

http://www.speedyshare.com/143947130.html

benkowik
komentarz
komentarz

Luq, jesteś boski ! Bardzo dziękuje i nie ma za co że nie pisałeś tak długo :):D

Dzięki !

Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
Zarejestruj się lub zaloguj, aby dodać nowy temat albo zadaj pytanie bez logowania
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Strona wykorzystuje pliki cookies w celu prawidłowego świadczenia usług i wygody użytkowników. Warunki przechowywania i dostępu do plików cookies możesz zmienić w ustawieniach przeglądarki.