pobierz frate flash komponent do głosowania

frate v1.0

frate v1.0

Kolejny przydatny i prosty koponent który możesz za darmo zainstalować na swojej stronie. Komponent do głosowania Frate wyświetla procentową wartość, którą możesz podać w jednym z 6 parametrów w kodzie HTML. Komponent podaną wartość wyświetla w postaci ikonek które można zmienić w zależności od potrzeb (domyślnie są to gwiazdki). Także kolorystyka jest w pełni konfigurowalna co pozwala dopasować wygląd komponentu do charakteru witryny. Ustawiając w jednym z parametrów ścieżkę dostępu do skryptu PHP Komponent pozwala głosować w skali od 1-10 i zagłosowaną wartość wysłać metodą POST do sktyptu PHP. Ponieważ komponent jest wykonany w technologii flash, nie ma potrzeby ponownego przeładowania strony (działa jak AJAX i wysyła wartość "rate=XX" wtle). Do obsługi komponentu nie jest potrzebna wiedza z obsługi Flasha a jedynie podstawowa znajomość HTML i lub PHP. Dzięki zastosowaniu grafiki wektorowej i masek skryptowych, komponent jest bardzo malutki (około 5KB) i nie obciąża strony. Mimo to udało się w nim zmieścić ponad 17 styli dla ikon. Aplikacja FRATE dzięki zastosowaniu flasha odróżnia się także animowanymi ikonami do głosowania (do wyboru animowane lub statyczne). Jest to nowość i raczej żadko spotykane u konkurencji.
FRATE doskonale sprawdzi się w dużych portalach, z filmami, grami, społecznościowymi, jako dodatek do wysyłanych komentarzy i wszędzie tam gdzie chciałbyś zastosować system oceniania. Komponent frate jest 100% darmowy i można go używać, a także rozpowszechniać bez żadnych ograniczeń. Można go używać wielekrotnie na tej samej stronie (dzięki JavaScript jest to bardzo łatwe i mało obciążające.). Flash komponent frate został zaprojektowany tak aby był prosty w użyciu zarówno dla programisty jak i dla użytkownika który będzie z niego kożystał. Dodatkowo komponent jest ultra lekki w porównaniu do innych skryptów tego typu nowoczesny i estetycznie wykonany.

Bardziej zaawansowany przykład (połączony HTML, JS i PHP) użycia tej aplikacji flash możesz zobaczyć na stronie: http://www.sexlogin.pl gdzie został użyty do oceny filmów i opowiadań erotycznych (strona tylko dla pełnoletnich).

Pobierz frate.zip (25KB)

Paczka zip zawiera pliki:

  • Pliki informacyjne - ta strona i pliki graficzne,
  • Pliki licznika fcounter.
  • demo.php (przykładowy prosty skrypt głosowania PHP + pliki txt i js),
  • frate.swf (komponent FRATE 5KB),



    Opis używanych parametrów:

    p1 - Procentowa wartość pokazywana przez komponent (z zakresu od 1-100)
    p2 - Styl ikonek: 1-słońce, 2-smile, 3-tarcza, 4-koło, 5-paczka, 6-pasek, 7-order, 8-plomyk, 9-kwiat, 10-segment, 11-reka, 12-serce, 13-animplomyk, 14-animserce, 15-animpostep, 16-animkolo, 17-animgwiazda, 18-animsmile (domyslnie 0-gwiazdka)
    p3 - Kolor ikonek (domyślnie 0 oznacza FFCC00 - żółty).
    p4 - Kolor tła ikonek (domyślnie 0 oznacza EEEEEE - jasno szary).
    p5 - url do skryptu PHP odbierającego wartość głosowania (ex. "demo.php"). Domyślnie 0 oznacza że komponentem nie da się głosować (tylko wyświetla).

    "vars=p1|p2|p3|p4|p5"

    Wszystkie parametry zapisujemy w zmiennej FlashVars w postaci tak jak wyżej. Adresy url powinny być w tej samej domenie (można używać relatywnych adresów url). Jeśli nie wiesz jak powinien wyglądać kod HTML, zobacz do źródła tej strony z przykładami.



    Przykłady :

    Nie chcąc mieszać w głosowaniu dla tej strony, dopiero w ostatnim przykładzie prezentuję ostatni parametr ze ścieżką do skryptu głosowania :-).



    Przykład 1:

    Wszystkie parametry domyślnie ustawione, brak wartości (p1=0) i przycisku do głosowania. Domyślny styl gwiazdka:
    "vars=0|0|0|0|0"




    Przykład 2 :

    Do poprzedniego przykładu dodajemy wartość (p1=98) komponent automatycznie zaokrągla wartość do 90% i prezentuje ją za pomocą kolejnego stylu slonca (p2=1) :
    "vars=98|1|0|0|0"




    Przykład 3 :

    Teraz ustawimy wartość na 50% (p1=50) zastosujemy animowany styl serca (p2=14) i zmienimy kolor ikony na czerwony (p3=cc0000):
    "vars=50|14|cc0000|0|0"




    Przykład 4 :

    Teraz ustawimy wartość na 20% (p1=20) zastosujemy styl segmentowy (p2=10) i zmienimy kolor tla tak aby nie bylo go widać (p4=777777):
    "vars=20|10|cc0000|777777|0"




    Przykład 5 :

    W ostatnim przykładzie dodaliśmy ścieżkę do skryptu php który będzie odbierał wartość głosowania (p5=demo.php). Powiększyliśmy także sam obiekt flash zmieniając wartości "width" i "height" (dzięki temu łatwiej się głosuje). Zmieniono styl na animowane usmiechy (p2=18). Aby zobaczyć zmianę wartości po głosowaniu przeładuj tę stronę:
    "vars=XX|18|cc0000|777777|demo.php"






    POZOSTAŁE FLASH KOMPONENTY:

    Pozostałe moje komponenty znajdziesz na: http://www.flashstar.pl/f/