Archivlink: javarea.de Forum > JavaScript > Diese Uhr
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Diese Uhr

Pages: [1] 2 ... nächste » ... Letzte »
geschrieben von Susanca am 17.06.2007 - 20:34
Also ich habe im internet ein Javascript gefunden,
und habe mir die erlaubnis geholt es umschreiben zu dürfen...

Es geht um folgendes ich würde gerne die Beispieluhr dort unten erstellen, weiss aber leider gar nicht wie das gehen soll, da ich noch total unerfahren darin bin javascripte zu erstellen....vllt kann mir ja jemand von euch helfen das wäre sehr lieb !

Die Hintergrundbilder kann ich erstellen damit habe ich kein Problem...es geht lediglich um die uhr die darauf zu sehen ist!

Das Beispiel:

<script language="JavaScript" src="http://www.tanjas-gifbildli.ch/uhren/blinkieuhr8.js"></script>

Vielen lieben dank im vorraus

geschrieben von Micha am 18.06.2007 - 07:05
Hi,

das, was Du gepostet hast, ist kein Beispiel. Nur weil Du uns die Anhängerkupplung zeigst, kann keiner Rückschlüsse auf das defekte Blinklicht schließen...

Micha

geschrieben von Susanca am 18.06.2007 - 09:47
<div align="center">
<TABLE id=AutoNumber1 style="BORDER: collapse" bgcolor=#ffffff borderColor=#000000 cellSpacing=3 cellPadding=0 width=275 border=3>
<TBODY>
<TR>
<TD width=275><P align=center>
<a target="_blank" href="http://www.tanjas-gifbildli.ch">
<IMG height=175 src="http://www.tanjas-gifbildli.ch/bild.jpg" width=275 border=0 /></a></P></TD>
</TR>
<TR>
<TD width=275><P align=center> </p>
<CENTER>
<p><b><font color="#000000" size="1" face="arial"><span id=clock>
<script language=JavaScript>
<!-- Begin
var dayarray=new Array
("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag")
var montharray=new Array
("Januar","Februar","Maerz","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember")
function getthedate() {
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
{
d = new Date();
Time24H = new Date();
Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000);
InternetTime = Math.round((Time24H.getHours()*60+Time24H.getMinutes()) / 1.44);
if (InternetTime < 10) InternetTime = '00'+InternetTime;
else if (InternetTime < 100) InternetTime = '0'+InternetTime;
}
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here
var cdate=dayarray[day]+" &nbsp;&laquo;&raquo;&nbsp; "+daym+". "
+montharray[month]+" "+year+" &nbsp;&laquo;&raquo;&nbsp; "
+hours+":"+minutes+":"+seconds
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.al||document.getElementById)
setInterval("getthedate()",1000)
}
window.onload=goforit
// End -->
</script>

</span></font></b></p>
</center></td>
</tr>
</tbody>
</table>
</div>



Das ist das Script welches ich umschreiben möchte!

geschrieben von Susanca am 19.06.2007 - 19:22
schade das mir hiuer keiner helfen mag!

geschrieben von Beta am 19.06.2007 - 20:57
Zitat
 Original geschrieben von Susanca am 19.06.2007 - 19:22

schade das mir hiuer keiner helfen mag!


wer wird denn hier drängeln wollen - Freiwilligkeit macht sich in den nicht vorhandenen Kosten für Dich bemerkbar.

was willst Du eigentlich genau ändern und was hast Du versucht?

Micha

geschrieben von Micha am 19.06.2007 - 21:12
Hähä, ich oute mich mal, Beta ist mein anderer Nick - Klaus weiß warum...

Micha

geschrieben von Beat am 20.06.2007 - 13:00
@ Susanca

Zitat
 schade das mir hier keiner helfen mag!


Möglicherweise könnte ich Dir helfen, wenn ich wüsste, was Du ändern willst.

Wenn Du nur die Reienfolge der Elemente umstellen willst, dann kannst Du das in der Variablen 'cdate' machen.

var cdate=dayarray[day]+"&nbsp;&laquo;&raquo;&nbsp;"+hours+":"+minutes+":"+seconds+"&nbsp;&laquo;&raquo;&nbsp; "+daym+". "+montharray[month]+" "+year;

In dieser Variablen werden die einzelnen Elemente zusammen gefügt.
Beachte, dass die Teile, die zwischen den Anführungszeichen ("....") stehen als Trenner dargestellt werden und eigentlich nichts mit den Elementen zutun hat, ausser zur Darstellung dienen.

Wenn das nicht das ist was Du willst, dann ist meine Kristallkugel wohl schon wieder trüb.
Und das obwohl sie erst zur Rep. war.

Bitte gewöhn Dir an, die Probleme (Wünsche) genau zu beschreiben! Dann kann man auch helfen!!

Gruss aus Tropen-Klima Schweizland

Beat

geschrieben von Susanca am 25.06.2007 - 18:02
Das sollte nun auch nur ein anreiz sein eine Antwort zu schreiben ;Sorry :-[

Was ich genau ändern möchte ist folgendes der Code beschreibt eine Uhr die mit Datum und Uhrzeit anzeige ist...
Ich würde allerdings gerne ein kleines Bild 88/30 erstellen worauf nur eine uhr in Schwarz zusehen ist!

Dafür hat man mir gesagt muss ich den obigen Code umschreiben, da ich das aber nicht kann hoffe ich auf eure Hilfe...

Dazu muss ich sagen, das bild kann ich erstellen, nur wie mache ich das mit der uhr?

Viele liebe Grüße

geschrieben von Micha am 25.06.2007 - 18:40
Hi,

eine Uhr willst Du -> nur sowas, schlicht aber DOM Konform.

Die Anordnung muss dann eben via CSS passieren, hierzu brauchst Du kein JavaScript

Micha

geschrieben von Susanca am 26.06.2007 - 07:30
Genau allerdings brauch ich den ganzen code denn ich will ja auch ein hintergrundbild einfügen, am bestn ihr schaut mal auf meine Page http://Susanca.oyla15.de links unter dem Kalender ist das was ich herstellen möchte!

Vielen dank für eure mühen!

geschrieben von Micha am 26.06.2007 - 07:41
Hi,

nun, das Script:

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 

<script type="text/javascript">
		function setClock(){
			var now = new Date();
			var ss = (now.getSeconds()<10)?"0"+now.getSeconds():now.getSeconds();
			var mm = (now.getMinutes()<10)?"0"+now.getMinutes():now.getMinutes();
			var hh  = (now.getHours()<10)?"0"+now.getHours():now.getHours();
			var str = hh+":"+mm+":"+ss;
			document.getElementById("clock").firstChild.replaceData(0, str.length, str);
		}
		window.setInterval("setClock()", 500);
		window.onload = setClock;
		</script>


und dort, wo Du die Uhr haben willst, muss folgendes hin:
HTML-Quelltext
1: 

<span id="clock">&nbsp;</span>


kann auch ein anderes Element sein (DIV, TD, P,...).

Diesem Element muss noch der Hintergrund zugewiesen werden mittels CSS (background-image) und schon bist Du fertig.

Micha

geschrieben von Susanca am 26.06.2007 - 18:15
Vielen lieben dank ich versuch das gleich mal!

geschrieben von Susanca am 26.06.2007 - 18:48
also ich hab nun wirklich versucht bekomme es leider dennoch nict hin!

http://www.oyla15.de/userdaten/9950....ildyas.jpg

Dieses Bild würde ich da nun gerne einfügen!

geschrieben von Micha am 26.06.2007 - 19:02
Hi,

_WAS_ hast Du versucht?

Micha

geschrieben von H3LLFIRE am 27.06.2007 - 01:19
hi...
hmmmm ich weiß, was jetzt folgt ist nicht die schönste methode, aber sollte funktionieren^^....man nimmt eben das, was einem zur verfügung steht und bastelt es da raus
den code hast du ja bereits von micha, dann geh doch einfach mal hin, und bastel dir eine tabelle 1x1, stell background ein, und geb ihr die id clock
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td background="http://www.oyla15.de/userdaten/99501222/bilder/bildyas.jpg" id="clock">&nbsp;</td>
  </tr>
</table>

gibt bestimmt noch andere möglichkeiten....
"not beauty but unique"^^


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.