Forum PHP.pl > [skrypt] handyAjax & handyEffects

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [skrypt] handyAjax & handyEffects

SHiP

30.08.2006, 18:18:48

Witam chciałbym zaprezentować prosty zestaw klas mający na celu ułatwienie pracy z ajaxem... Jest to dopiero wczesny początek pracy nad tym projektem ale chciałbym troche tym zainteresować ludzi i dowiedziec się czego naprawdę potrzebują. Nie chce tworzyć kolejnego kombajna czy armaty na mrówki ;] Klasa ma być prosta, intuicyjna i jak nazwa mówi handy

Odświerzę lekko temat

Jestem już dostępna wersja handyAjax 0.2 a w niej wiele porawek:
- Pobierz -

+ zmiana sposobu przekazywania parametrów na notacje JSON
+ mozliwosc animowania całego kodu html a nie tylko jednej zmiennej
+ mozliwosc wybrania kierunku(pojawianie, zanikanie)

Przykład zastosowania: http://ehand.muminski.be/wip/handy/example1.php (porawne dane to login: hellson hasło: test)

Sposób użycia jest teraz następujący:

W pliku php deklarujemy zmienne które zostaną odczytane

[PHP] pobierz, plaintext 
<?php
require_once 'libs/handyajax.class.php';
$handy = new handyAjax();
// setVar( nazwa zmiennej, wartosc zmiennej)
$handy -> setVar('kolor', '#de2222');
$handy -> setVar('text', 'Bla bla bla bla bla bla');
$handy -> display();
?>
[PHP] pobierz, plaintext

W pliku html tworzymy obiekt klasy handyAjax i wykonujemy zapytanie:

Kod

  handy = new handyAjax();

  handy.doAnimation(
{'target': 'moj_div',
'text': '<b style="color:$kolor"> $text </i>',
'effect': 'fade',
'mode' : 'letter',
'speed': 15,
'direction': 1});

// zapytanie do pliku plik.php metodą POST przekazując zmienne(zmienna i zmienna2)
  handy.makeRequest('plik.php','POST', 'zmienna=blabla&zmienna2=blablebla');

I krótkie wytłumaczenie:
- target - div do ktorego zostanie wrzucona zawartosc
- text - to jest ta zawartosc

$kolor oraz $text beda podmienione na odpowienie wartości zwrocone przez plik.php
- effect - uzyty efekt(narazie tylko "fade" dostepny)
- mode - tryb ("all", "word" lub "letter")
speed - predkosc - domyslnie 10
direction - kierunek: 1 pojawianie sie, 0 - zanikanie

Musimy jeszcze umieścić nasz div

[HTML] pobierz, plaintext 
<div id="moj_div"></div>
[HTML] pobierz, plaintext

System jest na tyle sprytny ze sam pominie znaczniki niezadeklarowane jako możliwe do zanikania

(np. wstawiając obrazek, poziomą linie <hr/> lub tabelke one takze beda zanikac), System takze rozpoznaje encje wiec nie bedzie pokazywal & jako 5 znakow tylko jako jeden ampersand.

Czekam na komentarze i propozycje zmian ;]

Turgon

31.08.2006, 08:18:03

Przyznam ciekawe, ciekawe. Jak znajdę dzisiaj chwilkę sciągnę źródła i przejżę

enigma

5.11.2006, 18:14:48

Cytat(SHiP @ 30.08.2006, 18:18:48 )

- Pobierz -

nie wiem czy to przejściowe, ale szanowny Panie

żadnego z twoich projektów nie moge pobrać:

Cytat

Not Found
The requested URL /wip/handyAjax-0.2.tar.gz was not found on this server.

SHiP

5.11.2006, 19:47:24

Heh... dawno nie aktualizowałem moich tematów na forum, stary serwer padł i stąd te problemy.

http://srodek.info/download/ - tutaj są dostepne najnowsze paczki, jest i handyAjax ;] Przykłady wewnątrz...

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.