ilch Forum » Allgemein » HTML, PHP, SQL,... » Eigene Funktion in Javascript

Geschlossen
  1. #1
    User Pic
    Circushund Mitglied
    Registriert seit
    19.01.2007
    Beiträge
    16
    Beitragswertungen
    0 Beitragspunkte
    Hi,

    Ich hab forlgenden Code in der "War.thm" dazugeschrieben:


    <!--Balken-->
    <div style="position:relative;top:0px; left:400px;width:150px; height:50px" >

    <!--<img src="../include/images/statistik/skala.png" height='100px' width='30px' />-->
    <img src="'../include/images/statistik/WarbalkenWin.png'" height='{WIN}px' width='30px'/>&nbsp;
    <img src="'../include/images/statistik/WarbalkenLos.png'" height='{LOS}px' width='30px'/>&nbsp;
    <img src="'../include/images/statistik/WarbalkenPat.png'" height='{PAT}px' width='30px'/>&nbsp;

    </div>

    Dabei werden 3 Balken für Win, Los, Pat gezeigt

    Siehe externer Link

    Die Höhe der Balken hab ich jetz mal ganz profan als "{WIN}" angegeben, was dann bei den Win's zB. 80 Pixel entspricht.

    Nun möchte ich aber die Werte {WIN}{LOS} und {PAT} anders verwenden, dh.
    ich möchte daraus ein Vergleichs bzw. Durchschnitts-Diagramm erstellen.

    Dh ich möchte mit den Werten rechnen, nur wie mach ich das??

    Die Formel für so ein Durchschnitts-Diagramm wäre dann:

    100/{GES} * {WIN} = Höhe des Gewonnen-Balkens,
    100/{GES} * {LOS} = Höhe des Verloren-Balkens,
    100/{GES} * {PAT} = Höhe des Unentschieden-Balkens,

    Nur wie könnte ich das implementierne, ich dachte mit Javascript, doch hab ichs irgendwie noch nicht hinbekommen?
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Es geht mit Javascript oder auch mit PHP direkt eine eigene Variable zu setzen, was hast du denn gemacht, dann könnte man schauen was falsch ist.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Circushund Mitglied
    Registriert seit
    19.01.2007
    Beiträge
    16
    Beitragswertungen
    0 Beitragspunkte
    danke für deine Antwort:)

    ..ich hab noch nichts gemacht, ich suche ja erst nach einer Lösung.

    Ich möchte diese Formeln verwenden:

    100/{GES} * {WIN} = Höhe des Gewonnen-Balkens,
    100/{GES} * {LOS} = Höhe des Verloren-Balkens,
    100/{GES} * {PAT} = Höhe des Unentschieden-Balkens,

    ..die Datei ist ja eine .html-Datei, insofern denke ich, kann man kein PHP ausführen sondern muss es mittels einer Javascript-Funktion mache?

    Doch ich komm einfach nicht drauf, wie ich diese Funktion schreibne?
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Ok dann versuchs mal mit
      <script type="text/javascript">
        win = 100 / {GES} * {WIN};
        los = 100 / {GES} * {LOS};
        pat = 100 / {GES} * {PAT};
        document.write('<div style="position:relative;top:0px; left:400px;width:150px; height:50px"><img src="../include/images/statistik/WarbalkenWin.png" height="'+win+'" width="30" />&nbsp;<img src="../include/images/statistik/WarbalkenLos.png" height="'+los+'" width="30" />&nbsp;<img src="../include/images/statistik/WarbalkenPat.png" height="'+pat+'" width="30" />&nbsp;</div>');
      </script>

    Dabei wollte ich dich auch noch darauf hinweisen, dass dein Code ein paar Fehler enthielt.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Circushund Mitglied
    Registriert seit
    19.01.2007
    Beiträge
    16
    Beitragswertungen
    0 Beitragspunkte
    jau super , das geht..:)

    das man das
    ... ="'+win+'" setzen muss, hätt ich nicht gedacht
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    littlecrow Mitglied
    Registriert seit
    29.08.2007
    Beiträge
    281
    Beitragswertungen
    0 Beitragspunkte
    Hi Mairu,

    und wie schaut das dann mit php aus , eine Tabelle hätte ich schon gemacht nur über javascript einbinden in die Tabelle geht nicht.Würde das gerne über php mit Balken und prozent angabe machen.

    Thx littliecrow
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1216 Beitragspunkte
    Hier eine Möglichkeit wie ich es umgesetzt habe!

    in der wars.php
    	$ergWin = db_query('SELECT COUNT(id) FROM `prefix_wars` WHERE wlp = "1"');
    	$anzWin = db_result($ergWin,0);
    	$ergLos = db_query('SELECT COUNT(id) FROM `prefix_wars` WHERE wlp = "2"');
    	$anzLos = db_result($ergLos,0);
    	$ergPat = db_query('SELECT COUNT(id) FROM `prefix_wars` WHERE wlp = "3"');
    	$anzPat = db_result($ergPat,0);
    	$ergGes = db_query('SELECT COUNT(id) FROM `prefix_wars` WHERE status= "3"');
    	$anzGes = db_result($ergGes,0);
    	$anzGes2 = $anzGes == 0 ? 0.01 : $anzGes/100; 
        $proWin = round($anzWin/$anzGes2,2).'%'; 
        $proLos = round($anzLos/$anzGes2,2).'%'; 
        $proPat = round($anzPat/$anzGes2,2).'%'; 
        $balWin = round($anzWin/$anzGes2,0); 
        $balLos = round($anzLos/$anzGes2,0); 
        $balPat = round($anzPat/$anzGes2,0); 
        $tpl = new tpl ( 'wars.htm' ); 
        $tpl->set_ar_out ( array('PAT' => $anzPat, 'WIN' => $anzWin, 'LOS' => $anzLos, 'GES' => $anzGes, 'TITLE'=> $allgAr['title'], 'PPAT' => $proPat, 'PWIN' => $proWin, 'PLOS' => $proLos, 'BPAT' => $balPat, 'BWIN' => $balWin, 'BLOS' => $balLos,) , 0 ); 	$akttime = date('Y-m-d');


    $proWin gibt zum Beispiel Gewonnene Wars in Prozent aus (2 Kommastellen)
    $balWin gibt die Zahl aus die man als Balken verwenden kann

    zb dann so in der wars.htm
    <img border="0" src="../include/images/wars/winbalken.jpg" width="40" height="{BWIN}">


    Somit bestimmt {BWIN} die Höhe der Grafik, hier der Balken!
    So wären 100% gewonnen, eine Höhe von 100px
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    littlecrow Mitglied
    Registriert seit
    29.08.2007
    Beiträge
    281
    Beitragswertungen
    0 Beitragspunkte
    Hallo Lord|Schirmer

    Thx Funktioniert, mus nur nochmal die wars.htm überarbeiten.

    Also nochmal THX

    Mfg Littlecrow
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1216 Beitragspunkte
    Gern geschehen!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten