crossForm form sablonozó motor
kicsit promotálnám 6 napi munkám gyümölcsét, ha sokan nézitek sok hibát felfedeztek alapon :)
folyt.
http://www.tutorial.hu/forum/index.php?showtopic=1364&view=findpost&p=77018
demó :
http://toxin.hu/cForm_b004/form.php
leírás, letöltés
http://www.tutorial.hu/forum/index.php?showtopic=1364&view=findpost&p=80142
üdv t
■ - szétválaszott form-sablon és feliratok (form mező feliratai és hibakiírás), ergo 1 form-sablonhoz akárhány nyelv rendelhető
- egy lapba akárhány form behúzható, egymástól függetlenül működnek, közös vagy saját nyelvi fájlt használva (formonként lehet különböző nyelvi könyvtár)
- checkbox, select/option, radio elemek közül egyet kell megadni, a többit a nyelvi fájlból tölti, ill. select-ből csak a select-et, option-okat a nyelvi fájlból tölti, ill. mindent csak 1x kell megadni lásd cucc
- a generált template fieldset/label alapú azaz táblázatmentes, az egyes elemek css-el dizájnolhatóak, lásd kimeneti forrás perpill. majd eszközlök vmi doksit
- az elpostolt értékeket hiba esetén automatikus visszatölti a form-ba ezzel nem kell foglalkozi
- perpill támogatja, text és társai, textarea, checkbox, radio, select, multiple select, mindegyik tipusra példa a forrásban
- mező tartalomszűrést : a form mezők tartalomszűrését külső class InputFilter végzi,
- egy lapba akárhány form behúzható, egymástól függetlenül működnek, közös vagy saját nyelvi fájlt használva (formonként lehet különböző nyelvi könyvtár)
- checkbox, select/option, radio elemek közül egyet kell megadni, a többit a nyelvi fájlból tölti, ill. select-ből csak a select-et, option-okat a nyelvi fájlból tölti, ill. mindent csak 1x kell megadni lásd cucc
- a generált template fieldset/label alapú azaz táblázatmentes, az egyes elemek css-el dizájnolhatóak, lásd kimeneti forrás perpill. majd eszközlök vmi doksit
- az elpostolt értékeket hiba esetén automatikus visszatölti a form-ba ezzel nem kell foglalkozi
- perpill támogatja, text és társai, textarea, checkbox, radio, select, multiple select, mindegyik tipusra példa a forrásban
- mező tartalomszűrést : a form mezők tartalomszűrését külső class InputFilter végzi,
folyt.
http://www.tutorial.hu/forum/index.php?showtopic=1364&view=findpost&p=77018
demó :
http://toxin.hu/cForm_b004/form.php
leírás, letöltés
http://www.tutorial.hu/forum/index.php?showtopic=1364&view=findpost&p=80142
üdv t
demó
css nélkül
köszi
jelenlegi beta6-os cForm
http://ideafontana.com/idea/balmenu/ajanlatkeres/
(a validálási szabályok még nincsenek csak első blikkre felrakva)
( tölthető a cForm motor http://www.tutorial.hu/forum/index.php?showtopic=1364&view=findpost&p=80299 bár bár a blogmarkoknál úgyis felfedeztétek látom fórum számlálóján :D )
ez már a Sapid cms-be van portolva azt is promótálom már mint alprogramozósegédje :) http://sapid.sourceforge.net/
ui: jajj lebuktam a SapidBlog-nál ott nevem :D
használhatóság
Használhatóság szempontjából szerintem akad pár kivetnivaló. Legfontosabb, hogy a mezőkhöz tartozó feliratok legyenek label tagben. Ha nem lenne benne, akkor érdemes lehet accesskey támogatást is tenni bele. A másik dolog, ami engem zavar, hogy szerintem nem teljesen szerencsés a mostani jelölési rendszer. Zavaró, hogy egy nem kötelezően kitöltendő mező esetében miért van ott az a zöld pipa. Én másképp jelölném a dolgokat, külön választanám a kötelezően kitöltendő mezők jelölését, valamint a hibás kitöltsét (már csak azért is, mert pl. egy nem kötelezően kitöltendő mező esetén is simán lehet, hogy azért formai követelmény van vele szemben).
Tehát alapban csak az látszik, hogy mik a kötelezően kitöltendő mezők. A user rámegy egy mezőre, és elkezd gépelni. Ekkor a kötelezően kitöltendő jelzés eltűnik, ha olyan volt a mező. Az ellenőrzés meg úgy menne, hogy amíg nem volt még kitöltve a mező, akkor csak onchange eseményre kezded el validálni a szöveget. Ha rossz a beírt tartalom, akkor megjelenik a hibás jelzés. Ezután ha a user visszamegy egy ilyen mezőre, akkor már billentyűzet leütésenként lehet validálni. Ha mondjuk teljesen kitörli, akkor eltünik a hibás jelzés, de ha kötelezően kitöltendő volt, akkor az erre utaló jelzés újból megjelenik.
Felhő
re
így nézki most pl. egy input szakasz
<input type="text" name="Elérhetősége_(telefon,_e-mail)" title="" value="" />
többi mezőtípus hasonló, ez akkor ok ?
külön van választva a kötelezőendően kitöltendő mezőket kis piros csillag jelzi, a label-ben lásd fent <span class='request' >*</span> úgylátszik túl kicsi :)
azért van ott a zöld pipa, mert akkor megy át a form az ellenörzésen ha mindenhol zöld pipa van, amíg nincs egy ilyen mezőben semmi addig okés hiszen ez is elfogadott, amennyiben ír bele a Juzer, akkor ellenöriz ha hibás jelzi, ha nem marad a pipa
egyébként a http://ideafontana.com/idea/balmenu/ajanlatkeres/ -ben, jelenleg a mezőkhöz tartozó title-k üresek, ide még lehet info-t írni, min max karakterszám, elvárt tartalom stb.
erre én is gondoltam csak első nekifutásra a prototype kódbázis Form.Element.EventObserver -re épül a dolog, lustasági alapon, de majd még fejlődik a dolog :)
azaz ennyi
rere
Nem oké, mert a label for attributumában megadott érték az input elem id attributuma kell legyen, Nálad meg nincs ilyen.
Ja, tényleg. :)
Hát ne a zöld pipa legyen az ellenőrzés alapja. ;)
Ha belegondolsz, jön egy user, nézi, hogy miért van ott piros X (az leesik neki, hogy ez valami olyasmit jelent, hogy elkefélt valamit), amikor még nem is gépelt be semmit. Meg minek van ott egy zöld pipa?
Hajrá, sok sikert hozzá. :)
Felhő
label és zöld pipás gondolataim
pipás rendszer azért lett végül, mert kikapcsolt js-el is érthető ill. hasonló form-kitöltési logikájú működést produkál a cuccos mint bekapcsoltal (felhasználói oldalról nézve), ha más akkor kikapcsolt vs bekapcsolt js mellett változik a kitöltési logika is, mondjuk a kikapcsolt js-es működéssel még nem vagyok megelégedve, majd gondolkozom azon amit írtál, köszi a rere-t :)
ui: júzer meg annyit tudjon hogy legyen mindenhol zöld pipája és a csillagos mezőket kötelező kitölteni, aztán mehet a form, ez elég egyszerű vagy nem [think] meg oda is lesz írva a form fölé :)
ui2: egyébként egy pici blog, az egész úgy indult hogy kaptam egy 6nyelvű form-ot 6nyelvű felirattal és 6 nyelvű hibakezeléssel :O :)
b_9pre
http://toxin.hu/cForm/form.php
http://toxin.hu/cForm/cForm_b9_pre.zip
- id generálás benne,
- api-n keresztüli mezőellenörzésre példa benne (igazából egyszerűbb magában a class-ban felvinni az új ellenőrzést, ill. célszerűbb is, de a jövőre gondolva ilyen is van)
- capcha-ra példa benne
- submitol-ható (szép anyanyelvünk :) ) ürlap generálásra példa benne, ill. ha helyes kitöltés után mehet akkor látható
még nézem, ill. elkezdem dokumentálni (api autodoksi, használat, kódkommentezés), új fícsőr már csak 1.0-után tervezek, bugfixelek ha kiszúrok/tok valamit, egyébként doksigyártás van soron
még az előző betára készült egy tutorial: http://toxin.hu/cForm/cFormTutorial/original.html
api kicsit változott, kapott egy resetForm metódust, más nem, lásd benne
üdv t
((( sitebuilder állást keresek lásd állásban :))) )))
jó ez a cucc
nem tudod odaadni a nyelvi fájlt a bölcsész végzettségű fordítónak, hogy fordítsa le, utána neked még csomót kell vacakolnod vele.
re
ez lesz az 1.0, aztán szóljatok és olyan lesz :) ,
jav: egyébként a reguláris kifejezések csodákra képesek, tervezek egy olyat ami a sablonból direkt megcsinálja az üres nyelvi fájlt (mert ez megint tiszta mechanikus copy-paste munka, sablon és nyelvi fájl között, ami ellen ezzel a cuccal is harcolok) , akkor majd olyan lesz csak milyen legyen?
b9_pre2
getFieldValuesArray() : visszadja a kitöltött form-ot tömbösített formában, sablonbeli kulcsokkal indexelve, adatbázisbeli tároláshoz, lásd alsó form kitöltés után ill. példában
http://toxin.hu/cForm/cForm_b9_pre2.zip
http://toxin.hu/cForm/form.php
meg elkövettem egy szkriptet azóta, ami a sablonból legenerálja az üres nyelvi fájlt
kicsit régebbi frissítés de majd lesz dokument is, meg belerakom a "Karakterkódolási problémák kiküszöbölése" eredményeit egyenlőre utf-8-as lapra így megy ki
vagy iconv-val
, ha végre nem 4-5-6 weblapon dolgozom egyszerrre :))
ui: ill még annyi hiba volt hogy lásd itt
http://proba.webes.hu/webtarhely_megrendelo/
így alakul a vezérlési logika
aki esetleg használná, vagy vmit tőlem, vagy akar dicsérni :
http://toxin.hu/forums/?req=main
:)