Countup-Text aus Javascript-Datei als png erstellen lassen

Hier kann über alles diskutiert werden, wirklich alles. Betonung liegt auf "diskutiert", das ist also kein Freischein zum Spammen.
(Beitragszähler deaktiviert)
Antworten
Dimi

Countup-Text aus Javascript-Datei als png erstellen lassen

Beitrag von Dimi » 1. Jan 2011, 03:53

Ich hätte gerne den Text der mir hier angezeigt wird als png datei die ich in mein FW-Profil einbinden kann. Leider hab ich mal absolut garkeine Ahnung, weshalb ich mich über ne genaue Erklärung wie ich das hinbekommen kann sehr freuen würde ^^

Code der countdown.html:
SpoilerShow

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>~~~ Countup ~~~</title>

<style type="text/css">
	body { background-color:#FFFFFF; }

	a:link { text-decoration:none; color:#000000; }
	a:visited { text-decoration:none; color:#000000; }
	a:hover { text-decoration:none; color:#ffffff; }
	a:active { text-decoration:none; color:#000000; }
	a:focus { text-decoration:none; color:#ffffff; }
</style>
</head>
<body>
<script>
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countup(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var paststring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1)
difference+=" "
document.write("Seit <b>"+difference+"</b> Tagen in Welt 4 angemeldet.")
}
//enter the count up date using the format year/month/day
countup(2005,11,05)
</script>
</body>
</html>
Und 2. wäre es praktisch wenn ich auch die Stunden und Minuten angezeigt bekommen könnte. Mir ist klar dass ich dafür nicht nur das datum abfragen muss sondern auch die uhrzeit und das genau so auch ausgeben lassen muss. Hab aber wie gesagt nicht wirklich Ahnung davon und will auch nicht ewig lange rumprobieren, wenn sich hier jemand besser auskennen sollte der das ruckzuck hinbekommt.

Benu
Zauberer der Bergwiesen
Beiträge: 658
Registriert: 26. Okt 2008, 13:21

Re: Countup-Text aus Javascript-Datei als png erstellen lass

Beitrag von Benu » 1. Jan 2011, 13:52

Machs lieber über PHP. Dann geht auch die Bildausgabe einfacher. Ansonsten müsstest du über svg oder Canvas gehen und das ist nur unnötig kompliziert.
http://fwrails.net
lokale Styes in Google Chrome
lokale Styles in Gologle folgen...
I'm beginning to feel like a Spam God

Dimi

Re: Countup-Text aus Javascript-Datei als png erstellen lass

Beitrag von Dimi » 1. Jan 2011, 15:34

Benu hat geschrieben:Machs lieber über PHP. Dann geht auch die Bildausgabe einfacher. Ansonsten müsstest du über svg oder Canvas gehen und das ist nur unnötig kompliziert.
wäre mir auch lieber, aber da ich wie gesagt nicht viel ahnung davon habe und am liebsten einfach nur nen bestehenden code haben wollen würde wo ich nur das datum von wo an er zählen soll ändern muss und fertig, ist das problem einfach dass ich nach gut ner stunde googlen nach nem php count up nur herausgefunden habe dass es anscheinend extrem schwer sein muss, dass selbst leute die sich mit php gut auskennen es nur bedingt hinbekommen und niemand wirklich so eine simple, funktionierende phpdatei erstellen kann. aber vielleicht kann ja jemand hier der sich mit php auskennt mir das gegenteil beweisen, würd mich sehr freuen ^^

Benu
Zauberer der Bergwiesen
Beiträge: 658
Registriert: 26. Okt 2008, 13:21

Re: Countup-Text aus Javascript-Datei als png erstellen lass

Beitrag von Benu » 1. Jan 2011, 15:51

Ich frag mich immer in was für Foren einige Leute da suchen bzw was für Suchmaschinen sie verwenden. Sowas ist recht fix gefunden aber irgendwo hab ich sicher noch so ein Schnipsel herrumliegen, was ich dir geben kann.

Ansonsten hab ichs gerade mal über svg versucht und das Ergebnis ist nicht wirklich zufriedenstellend. SVG+Javascript in einem img Tag geht nicht so wirklich. Im embed oder object sieht es vielleicht anders aus aber die werden nicht im Profil unterstützt. Wenn man die Datei rein im Browser aufruft klappts aber:
http://darkfleet.info/test/test.svg

Ich hab noch nicht oft mit svg zu tun gehabt von daher würde mich ein Kenner bei dem Quelltext wohl den einen oder anderen Kopf kürzer machen. Aber ich wollte nur helfen ;)

Als png wirst du es aber definitiv nicht per Javascript erzeugen können. Beste Weg wird wohl über PHP gehen das kann ich dir aber noch nachliefern :)
http://fwrails.net
lokale Styes in Google Chrome
lokale Styles in Gologle folgen...
I'm beginning to feel like a Spam God

Dimi

Re: Countup-Text aus Javascript-Datei als png erstellen lass

Beitrag von Dimi » 1. Jan 2011, 16:18

hm ok, an sich ist das ja gut so, aber wenns nicht ins fwprofil einbindbar ist bringt mir das nicht viel. danke trotzdem erst mal für die geduldige erklärung.

wenn du sowas per php erstellen könntest wärs echt genial, falls es nicht zu viel verlangt ist gerne auch mit einfügbarem hintergrundbild für den text. wenn das aber dann schon zu kompliziert wird reicht mir auch der simple text, einfach nur als transparente png-datei ^^


ich meine auch das irgendwo bei jemanden schon mal im fw-profil gesehen zu haben und ich hatte auch selber schon mit php ein bild fürs profil erstellt dass die zeit bis zu einem bestimmten datum anzeigt, aber so ein zeithochzähler ist dann doch nochmal was anderes.

Benu
Zauberer der Bergwiesen
Beiträge: 658
Registriert: 26. Okt 2008, 13:21

Re: Countup-Text aus Javascript-Datei als png erstellen lass

Beitrag von Benu » 1. Jan 2011, 16:35

Dimi hat geschrieben: [...] aber so ein zeithochzähler ist dann doch nochmal was anderes.
Dir ist schon bewusst, dass das selbe ist. Countdown und Countup unterscheiden sich nur im Vorzeichen. Aber naja ich machs trotzdem ;)

Update:
Da isser
SpoilerShow

Code: Alles auswählen

<?php
/**
 * cd_string: Git eine Countdown-Anzeige zurück
 *
 * @param  integer Restzeit in Sekunden
 * @param  integer Gibt an wieviele Zeiteinheiten angzeigt werden
 * @param  string  Trennzeichen zwischen Zeiteinheiten
 * @return string
 */
function cd_string($diff_time, $level = 2, $separator = ", ")
{
        $parts = array(
            31536000 => array("Jahr", "en"),
            2592000  => array("Monat", "en"),
            86400    => array("Tag", "en"),
            3600     => array("Stunde", "n"),
            60       => array("Minute", "n"),
            1        => array("Sekunde", "n"),
        );
    $cd_array = array();
    $mod = 0;
    foreach ($parts as $factor => $data)
    {      
        $cd_num = floor((($mod > 0) ? (($diff_time % $mod) / $factor) : ($diff_time / $factor))) ;
        if ($cd_num > 0)
        {
            $cd_array[] = $cd_num . " " . $data[0] . (($cd_num > 1) ? $data[1] : "");
        }
        $mod = $factor;
    }
    return implode($separator, array_slice($cd_array, 0, $level));
}

$font = 3;
$margin_top = 5;
$margin_bottom = $margin_top;
$margin_left = 5;
$margin_right = $margin_left;

$now = $_SERVER['REQUEST_TIME'];
$past = strtotime('22 December 2005');
$diff = $now - $past;
$str = 'Angemeldet seit: ' . cd_string($diff, 2, ' und ');

$width = strlen($str) * imagefontwidth($font) + $margin_left + $margin_right;
$height = imagefontheight($font) + $margin_top + $margin_bottom;

$im = imagecreate($width, $height);

$color['lime'] = imagecolorallocate($im, 0x00, 0xFF, 0x00);//Lime Hintergrund setzen, für leichteres Entfernen
$color['black'] = imagecolorallocate($im, 0x00, 0x00, 0x00);//Schwarze Farbe setzen

imagestring ($im , $font, $margin_top, $margin_left, $str, $color['black']);

imagecolortransparent($im, $color['lime']);
header('Content-type: image/png');
imagepng($im);
imagedestroy($im);

?>
http://fwrails.net
lokale Styes in Google Chrome
lokale Styles in Gologle folgen...
I'm beginning to feel like a Spam God

Dimi

Re: Countup-Text aus Javascript-Datei als png erstellen lass

Beitrag von Dimi » 1. Jan 2011, 19:46

perfekt, danke dir vielmals ^^

eine bitte hätte ich noch, was muss ich umschreiben damit ich auch die stunden, minuten und sekunden angezeigt bekomme?

Benu
Zauberer der Bergwiesen
Beiträge: 658
Registriert: 26. Okt 2008, 13:21

Re: Countup-Text aus Javascript-Datei als png erstellen lass

Beitrag von Benu » 1. Jan 2011, 20:52

Bei $str = 'Angemeldet seit: ' . cd_string($diff, 2, ' und ');
einfach das level anpassen also von 2 auf 4 oder 5. Je nachdem wieviel Einheiten er dir anzeigen soll.
http://fwrails.net
lokale Styes in Google Chrome
lokale Styles in Gologle folgen...
I'm beginning to feel like a Spam God

Dimi

Re: Countup-Text aus Javascript-Datei als png erstellen lass

Beitrag von Dimi » 1. Jan 2011, 21:20

wunderbar, dann hab ich ja jetzt was ich wollte ^^ danke dir nochmal vielmals :)

Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 7 Gäste