Interaktivni formular

13. 6. 2012 08:11:19

snazim se dosahnout toho ze ve formulari bude text input s naseptavacem kde bude uzivatel psat mesta, po kliknuti na button se do formulare prida checkbox s value tohoto mesta a pridat jich muze kolik chce. naseptavac sem vyresil pomoci jquery ui, potom sou tam jeste dalsi veci a hromada overovani pred odeslanim takze sem dam jen zkracenou verzi kde popisu problem.

toto mi funguje ze se napise mesto, klikne na button a prida se checkbox s jeho hodnotou, ale:

1) nevim jak to spravne escapovat aby neslo vkladat html a abych dostal value ve spravnem tvaru

2) pridam treba 5 checkboxu, tri odskrknu, pridam dalsi a tim se automaticky zaskrknou zase vsechny.

3) uz pouze detail, ale stejne jak mam ze pokud je input prazdny tak se nic neprida, dalo by se to rozsirit ze se nic neprovede i pokud uz nejaky checkbox s timto value existuje?

body sem seradil podle dulezitosti, diky za jakoukoliv pomoc

13. 6. 2012 08:11:19

https://webtrh.cz/diskuse/interaktivni-formular/#reply774570

Jan Matoušek

(12 hodnocení)

13. 6. 2012 08:56:02

1) když používáš jquery ui, proč nepoužiješ i jquery framework? ten ti escapuje sám, když použiješ text()

2) teď si nejsem scela jistý, ale když použiješ z jQuery append, tak by neměl ovlivňovat již zaškrtlé checkboxy

3) porovnáš prvky, které si vytvořil a pokud již existuje, tak ho znovu nevytvoříš

PS: než onClick="result();" je lepší používat listenery v jquery například:

html:

jQuery:

$('#addButton').click(function(){

// kod který se provede po kliku na button

});

13. 6. 2012 08:56:02

https://webtrh.cz/diskuse/interaktivni-formular/#reply774569

Martin

(7 hodnocení)

13. 6. 2012 10:59:45

1) s jquery sem jeste ve fazi seznamovani. castokrat pouziju nejakej hotovej plugin treba s drobnejsi upravou ale chybi mi zaklady. text() sem chtel pouzit uz predtim ale skoro se to stydim napsat, nedosel sem k tomu jak ho pouzit aby escapoval jen tu promennou city a zbytek zustalo html :D az bude vic casu tak se ty zaklady musim doucit :)

2) VYRESENO - append pomohlo, diky

3) VYRESENO - kdyz bych porovnaval a jeste nebyl zadny vytvoreny tak by to hodilo error, nakonec sem pouzil primitivni reseni uz od zacatku tam mit jeden checkbox a prazdnym value a display:none;

k tem listenerum, uz delsi dobu to beru ze je jedno jakou moznost zvolim. je mezi tim nejaky rozdil?

13. 6. 2012 10:59:45

https://webtrh.cz/diskuse/interaktivni-formular/#reply774568

Jan Matoušek

(12 hodnocení)

13. 6. 2012 11:26:32

//vytvořim input

var input = $('').attr({

type: 'checkbox',

name: 'cities[]',

value: 'city',

checked: 'checked'

});

//vytvořim label, dám do něj text, před text vložim input a připíchnu na konec formu

$('').text('tada').prepend(input).appendTo('form');

13. 6. 2012 11:26:32

https://webtrh.cz/diskuse/interaktivni-formular/#reply774567

Martin

(7 hodnocení)

13. 6. 2012 11:58:09

tim vyresim html za checkboxem, porad ale zustava problem ze value checkboxu je ta stejna promenna kterou je potreba osetrit

---------- Příspěvek doplněn 13.06.2012 v 12:39 ----------

ono by ve value v podstate jen stacilo escapovat uvozovky aby nekdo nevlozil jako nazev "> a tim neukoncil checkbox predcasne tak to asi udelam tak ze pouziju na promennou ve value text.replace z javascriptu a na vypis textu za checkboxem potom text() z jquery pokud teda neexistuje elegantnejsi reseni

13. 6. 2012 11:58:09

https://webtrh.cz/diskuse/interaktivni-formular/#reply774566

Jan Matoušek

(12 hodnocení)

13. 6. 2012 12:49:43

jquery se ti o to postará a nerozhodí to stránky. Pak když ten formulář zpracováváš v PHP, tak tam to ošetři, když to ošetříš jen na straně js, tak se ti do php může dostat zlej kód...

13. 6. 2012 12:49:43

https://webtrh.cz/diskuse/interaktivni-formular/#reply774565

Martin

(7 hodnocení)

13. 6. 2012 13:25:12

predtim mi to rozhazovalo, asi byla chyba jinde, ted uz je to ok. jeste se zeptam jak k tomu tvymu reseni pridat nakonec (za label)

zkusil sem to zase v js pres innerHTML ale to znova oznaci vsechny checkboxy (nebo spis je to vraci do defaultniho stavu)

13. 6. 2012 13:25:12

https://webtrh.cz/diskuse/interaktivni-formular/#reply774564

Jan Matoušek

(12 hodnocení)

13. 6. 2012 16:05:22