selbsterstellte zahlen (.png´s) statt standard zahlen ausgeben lassen

a3e · 30.01.2010

Hallo,

ich habe für bzw in meiner seite einen countdown mit javascript erstellt und ich will aber, daß die Zahlen nicht normale Zahlen zB. mit "arial" usw. ausgegeben bzw. angezeigt werden sondern mit meinen eigenen Zahlen (die ich von 0 bis 9 erstellt und jeweils als.png´abgespeichert habe) ausgeben lassen.

Nun hab ich in meinem Quelltext die Zahlen bzw. Grafiken in id´s (#zahlen) und classen (#zahlen.zahl1 - ...2 - ...3 usw) erstellt/deklariert/bekannt gemacht oder wie man das auch immer nennt, aber ich weiss nicht wie ich das im quellltext das dem javascript sagen soll, daß die ausgabe mit diesen bzw über diese "id" geschehen soll :'(

Ich wäre sowas von dankbar, wenn jemand mir da einen hilfreichen tipp geben könnte

PS: hab das auch schon in anderen foren geschrieben, aber abgesehen von tipps zum javascript und vorschläge zum thema sprites, habe ich hierzu nirgendswo hilfe bekommen

noodless · 30.01.2010

AW: selbsterstellte zahlen (.png´s) statt standard zahlen ausgeben lassen

So wie du es dir vornimmst, weiß ich gerade nicht, wie man es macht.

Aber alternativ, kontrolliere doch einfach, welche Zahl das ist und zerlege sie ggf. z.B. 10 in 1 und 0. Und lass dir dann einfach mit <img> das bild anzeigen ;>

a3e · 30.01.2010

AW: selbsterstellte zahlen (.png´s) statt standard zahlen ausgeben lassen

ich zeig dir einfach meinen quelltext - dann wirst du wissen was ich meine (aber mir ist auch grad aufgefallen, daß es so ja gar nicht funzen kann wie ich das gemacht habe, da nirgends gesagt wird die classe "zahl3" in der id "zahlen" ist bzw steht für die zahl 3) peinlich, aber dennoch weiss ich nicht wie und wo ich das bekannt machen muss, aber hier mein quellt.:

HTML:

<html>
<head>
<title></title>

    <style type="text/css">

        #zahlen.zahl0 { 
            text-indent: -999em;
            background: transparent url('0.png') no-repeat;}

        #zahlen.zahl9 { 
            background:url(9.png);}

</style>
</head>
<body>

    <div style="text-align: center;">
        <span id="zahlen"></span>
    </div>

    <script type='text/javascript'>
        var end = new Date('Februar 01, 2010 12:00:00');
        function toSt2(n) {
            var s = '';
            if (n < 10) s += '0';
            return (s + n).toString();
        }
        function toSt3(n) {
            var s = '';
            if (n < 10) s += '00';
            else if (n < 100) s += '0';
            return (s + n).toString();
        }
        function countdown() {
            var d = new Date();
            var count = Math.floor(end.getTime() - d.getTime());
            if(count > 0) {
                var miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
                var seconds = toSt2(count%60); count = Math.floor(count/60);
                var minutes = toSt2(count%60); count = Math.floor(count/60);
                var hours = toSt2(count%24); count = Math.floor(count/24);
                var days = count;
                document.getElementById('zahlen').innerHTML = days + ':' + hours + ':' + minutes + ':' + seconds
                setTimeout('countdown()', 100);
            }
        }
        countdown();
    </script>

</body>
</html>

ich hoffe dass du oder sonst jemand was damit anfangen kann bzw mir weiterhelfen kann

a3e · 30.01.2010

AW: selbsterstellte zahlen (.png´s) statt standard zahlen ausgeben lassen

ja gerne, da ich eh früher oder später mit dem erstellen meiner datenbank über php anfangen muss, wäre es sogar super wenn ich das mit php lösen könnte - verrate mir wie

noodless · 30.01.2010

AW: selbsterstellte zahlen (.png´s) statt standard zahlen ausgeben lassen

Sorry, wenn du auf PHP Basis das ganze machen kannst, kann ich es probieren, aber ich habe halt seit paar Jahren nichts mehr in die Richtung gemacht und zumindestens für einen Samstag abend, sprengt mir das ganze Javascript zeug den rahmen ;>

€dit:
Beschreib mir bitte nochmal, was genau du mit dem Counter zählen willst und wie der aussehen soll. Ich sehe wiegesagt durch das Javazeugs nicht mehr so durch ;>

€dit2:
Ich werd alt, nichtmal lesen kann ich ... das ist ein script Problem, also kommando zurück, php ist hier fehl. ich schau mal, ob ich was finde ... :>

a3e · 30.01.2010

AW: selbsterstellte zahlen (.png´s) statt standard zahlen ausgeben lassen

es geht darum das der schlicht und einfach die zeit (wieviele tage, stunden, minuten und sekunden) bis zb zum 01.05.2010 an - also die zeit differenz rückwärts abzählt und dann das die zahlen (also wenn es zb 20 (tage) : 18 (stunden) : 34 (minuten) : 26 (sekunden) sind, soll es auch so nur ohne die klammern also: 20:18:34:26 angezeigt werden auf der seite aber statt standard zahlen, will ich meine eigenst erstellten benutzen

PS: php ist aber wirklich nicht ganz falsch, da das mit sicherheit auch serverseitig gemacht werden kann und eine datenbank muß ich eh noch machen - also um php herum komm ich da gewiss nicht und vielleicht wäre es sogar praktischer wenn ich auch dieses anliegen damit lösen täte

(ganz nebenbei, hab ich nullllssst erfahrung mit javascript und eigentlich wollte ich mich auch nicht unnötig damit aufhalten)

noodless · 30.01.2010

AW: selbsterstellte zahlen (.png´s) statt standard zahlen ausgeben lassen

Schau dir mal folgendes an, ich denke das könnte dein Problem schon nahe kommen:

Nur natürlich, dass du nur die Differenz und damit nicht den aktuellen Tag brauchst ... Du müsstest aber letztlich genauso die Zahlen zerlegen, ich bin mir nicht sicher, wie das am besten in Javascript geht, in PHP kannst du mit folgender Operation gut rechnen: Zahl % 10 = Die Zahl durch 10 Geteilt und davon der Rest, also z.B. 11%10=1 und dann müsstest du für die Zahl die 1 einsetzen. dann die zahl durch 10 teilen und mit der neuen zahl (in dem fall 1,1) das ganze nocheinmal machen, solange wie die zahl > 10 ist.
Aber ich bin dafür der falsche. Ich hab seit vier Jahren nichts mehr im HTML bereich gemacht, sondern nur noch mit c++, daher bin ich mir nicht so sicher, wie man das berechnet.
Aber vielleicht konnte ich dir ein wenig helfen oder wenigstens einem anderen eine Idee geben, wie man es machen könnte.

Es tut mir leid, dass ich dir nicht zu 100% helfen konnte. Aber viel erfolg und ich denke nochmal darüber nach, vielleicht fällt mir auch die Umsetzung ein :>

mfg nudelz

cebito · 30.01.2010

AW: selbsterstellte zahlen (.png´s) statt standard zahlen ausgeben lassen

@a3e - Ich mach das nicht umsonst, deinen Code in den entsprechenden Code-tag zu packen - untersteh dich, das nochmal zu ändern! Dafür sind die Buttons oben rechts da, das man sie auch benutzt! Ist für die User, die dir helfen wollen auch viel übersichtlicher.

a3e · 30.01.2010

danke schön trotzdem

nur nebenbei, wenn ich die auszugeben zahlen durch meine grafiken ersetze wäre das wirklich ein problem - die einfachere lösung wäre eben die grafiken zuerst zu den zugehörigen zahlen deklarieren und sozusagen eine eigene font erstellen und darüber ausgeben lassen zb wie im css style="font... neuefont..." usw.

aber trotzdem danke für deine hilfe und wenn ich die lösung habe, kann ich sie ja hier posten falls interessiert

bis dann

danke für die info, aber
1. ich habe das nicht gewusst
2. ich habe das nicht aus was weiss ich welchen gründen gemacht sondern nur weil ich den quelltext wegen der übersichtlichkeit verkürzt habe
und punkt 3. was ist das für eine unverschämte art mich anzuschreiben "...untersteh dich..."

wir kennen uns nicht, dutzen kannst was weiss ich wen und befehlen kannst du deinen kindern aber nicht mir !!!

cebito · 30.01.2010

AW: selbsterstellte zahlen (.png´s) statt standard zahlen ausgeben lassen

a3e schrieb:
3. was ist das für eine unverschämte art mich anzuschreiben "...untersteh dich..."

wir kennen uns nicht, dutzen kannst was weiss ich wen und befehlen kannst du deinen kindern aber nicht mir !!!

Duzen (ohne "t") ist hier im Forum Umgangston (hast doch schon gelernt, nutzt es ja auch

), die Entscheidung/Weisung/Reglementierung eines Moderators in Eigeninitiative rückgängig zu machen nicht. In dem Sinne, halt mal den Ball flach...

Lobster1956 · 30.01.2010

AW: selbsterstellte zahlen (.png´s) statt standard zahlen ausgeben lassen

vielleicht hilft dir dies script weiter...
macht eigentlich das was du willst
Javascript-Countdown

a3e · 30.01.2010

AW: selbsterstellte zahlen (.png´s) statt standard zahlen ausgeben lassen

danke sehr - werde ich mir sofort angucken