Ok, i will extend form element, but first i need to be if the method
now is better and make sense.
On 12 jun, 17:50, kangax <[EMAIL PROTECTED]> wrote:
> Tobie suggests that extending form elements with such method would
> make more sense in your case:
>
> Element.addMethods('form', {
> toJSON: function(element) {
> // your logic here
> }});
>
> ...
> Object.toJSON($('someForm'));
> // or:
> $('someForm').toJSON();
>
> - kangax
>
> On Jun 12, 4:24 pm, TAOS <[EMAIL PROTECTED]> wrote:
>
> > I don't understand what you want to tell me.
>
> > the toJSON method is diferent that the method that i do.
>
> > Did you refer about the method's name? formToObject is better?
>
> > On 12 jun, 16:05, Tobie Langel <[EMAIL PROTECTED]> wrote:
>
> > > Find don't you just define a toJSON method for forms and form
> > > elements.
>
> > > Prototype's implementation was designed with that in mind.
>
> > > Seehttp://prototypejs.org/learn/jsonfordetails. (About midways)
>
> > > Best,
>
> > > Tobie
>
> > > On Jun 12, 3:52 pm, TAOS <[EMAIL PROTECTED]> wrote:
>
> > > > Now i fix my method.
>
> > > > It work like a prototype serialize method without options and with ths
> > > > option hierarchy = true work like my way, broke in each point.
>
> > > > examples with this form:
>
> > > > Look herehttp://pastebin.com/f41ba8348toviewthecode with better
> > > > look.
>
> > > > <form id="form_person">
> > > > <input name="person.name" value="Thiago"/>
> > > > <input name="person.age" value="23"/>
> > > > <input name="person.address.street" value="Marketplace Street" />
> > > > <select name="person.country.id">
> > > > <option value="BR">BR</option>
> > > > <option value="EUA">EUA</option>
> > > > </select>
> > > > <input type="checkbox" name="person.intersting" value="Prototype"
> > > > checked="checked"/>
> > > > <input type="checkbox" name="person.intersting" value="Ruby"
> > > > checked="checked"/>
> > > > <input type="checkbox" name="person.intersting" value="Java" />
> > > > </form>
>
> > > > formToJSON('form_person');
>
> > > > "person.name=Thiago&person.age=23&person.address.street=Marketplace
> > > > %20Street&person.country.id=BR&person.intersting=Prototype&person.interstin
> > > > g=Ruby"
>
> > > > formToJSON('form_person', {});
>
> > > > {
> > > > person.name:"Thiago",
> > > > person.age:"23",
> > > > person.address.street:"Marketplace Street",
> > > > person.country.id:"BR",
> > > > person.intersting:["Prototype", "Ruby"]
>
> > > > }
>
> > > > formToJSON('form_person', { hierarchy: true, prefix : 'person.',
> > > > exclude: ['intersting'] } );
>
> > > > {
> > > > name:"Thiago",
> > > > age:"23",
> > > > address:{street:"Marketplac..."},
> > > > country:{id:"BR"}
>
> > > > }
>
> > > > And finally the method. No repeat code, and no eval
>
> > > > function formToJSON(form, options) {
> > > > elements = $(form).getElements();
> > > > if (typeof options != 'object') options = { hash: !!options };
> > > > else if (Object.isUndefined(options.hash)) options.hash = true;
> > > > var key, value, submitted = false, submit = options.submit;
>
> > > > var data = elements.inject({ }, function(result, element) {
> > > > if (!element.disabled && element.name) {
> > > > key = element.name;
> > > > value = $(element).getValue();
> > > > if (value != null && (element.type != 'submit' ||
> > > > (!submitted &&
> > > > submit !== false && (!submit || key == submit)
> > > > && (submitted
> > > > = true)))) {
>
> > > > function set_key(key, obj, value) {
> > > > if (key in obj) {
> > > > if ( !Object.isArray( obj[key] ) ) obj[key] =
> > > > [ obj[key] ];
> > > > obj[key].push(value);
> > > > } else obj[key] = value;
> > > > return obj;
> > > > }
>
> > > > function is_exclude_key(key) {
> > > > if( Object.isArray(options.exclude) &&
> > > > options.exclude.indexOf(key) != -1 ) return true;
> > > > return false;
> > > > }
>
> > > > if( !Object.isUndefined(options.hierarchy) &&
> > > > options.hierarchy ) {
> > > > key = (
> > > > !Object.isUndefined(options.prefix) ) ?
> > > > key.replace(options.prefix,"") : key;
> > > > if( is_exclude_key(key) ) return result;
> > > > if( key.indexOf(".") != -1 ) {
> > > > var newkey = key.substring( 0,
> > > > key.indexOf(".") );
> > > > key = key.replace( newkey +
> > > > ".", "" );
>
> > > > function
> > > > set_and_advance_key(processkey, obj, value) {
> > > > if(
> > > > processkey.indexOf(".") != -1 ) {
> > > > var newkey =
> > > > processkey.substring( 0,
> > > > processkey.indexOf(".") );
> > > > processkey =
> > > > processkey.replace( newkey + ".", "" );
> > > > obj[newkey] =
> > > > set_and_advance_key( processkey, {},
> > > > value )
> > > > } else obj =
> > > > set_key(processkey, obj, value);
> > > > return obj;
> > > > }
> > > > result[newkey] =
> > > > set_and_advance_key(key, {}, value);
> > > > } else result = set_key(key, result,
> > > > value);
> > > > } else if( !is_exclude_key(key) ) result =
> > > > set_key(key,
> > > > result, value);
> > > > }
> > > > }
> > > > return result;
> > > > });
> > > > return options.hash ? data : Object.toQueryString(data);
>
> > > > };
>
> > > > and now, with yout tips i think that the method is better.
> > > > How can i get more better yet?
>
> > > > On 12 jun, 10:12, "Frederick Polgardy" <[EMAIL PROTECTED]> wrote:
>
> > > > > You passed the serialized string into the function, which won't work.
> > > > > (It'll iterate through the characters, as you can see.)
>
> > > > > There isn't a Prototype function that collects a form's values into an
> > > > > object, but it's pretty simple to write one:
>
> > > > > function to_object(form) {
> > > > > return $(form).getElements().inject({}, function(object, element) {
> > > > > o[e.name] = $F(e);
> > > > > return o;
> > > > > });
>
> > > > > }
>
> > > > > This doesn't handle multiple valued elements like checkboxes and
> > > > > multiselects, but it gives the basic idea. You'd then pass the
> > > > > result of
> > > > > that to to_exploded_object() to handle the rest:
>
> > > > > var object = to_exploded_object(to_object('form_test'));
>
> > > > > I might refactor this a bit into a single function. I think it has a
> > > > > pretty
> > > > > important use-case: where you want to submit a JSON request directly
> > > > > from a
> > > > > form in HTML/JS without going through a server-side framework that
> > > > > handles
> > > > > this unpacking for you.
>
> > > > > -Fred
>
> > > > > On Thu, Jun 12, 2008 at 7:43 AM, TAOS <[EMAIL PROTECTED]> wrote:
>
> > > > > > How to use this?
>
> > > > > > json = to_exploded_object( $('form_test').serialize() );
>
> > > > > > or
>
> > > > > > json = to_exploded_object( Object.toJSON( $
> > > > > > ('form_test').serialize() ) );
>
> > > > > > Look the result in both examples, this don't work like i expected,
> > > > > > but
> > > > > > i get the ideia to don't use eval. thx both.
>
> > > > > > { 0:""", 1:"c", 2:"o", 3:"n", 4:"c", 5:"e", 6:"s",
> > > > > > 7:"s", 8:"i", 9:"o", 10:"n", 11:"a", 12:"r", 13:"i",
> > > > > > 14:"a", 15:".", 16:"c", 17:"a", 18:"r", 19:"r",
> > > > > > 20:"o", 21:".", 22:"m", 23:"a", 24:"r", 25:"c",
> > > > > > 26:"a", 27:".", 28:"c", 29:"o", 30:"d", 31:"i", 32:"g",
> > > > > > 33:"o", 34:"=", 35:"2", 36:"0", 37:"&",
> > > > > > 38:"c", 39:"o", 40:"n", 41:"c", 42:"e", 43:"s",
> > > > > > 44:"s", 45:"i", ....
>
> > > > > > On 11 jun, 22:48, "Frederick Polgardy" <[EMAIL PROTECTED]> wrote:
> > > > > > > Right, all the uses of eval were unnecessary.
>
> > > > > > > I came up with a quick utility along these lines, that allows you
> > > > > > > to pass
> > > > > > in
> > > > > > > an object like:
>
> > > > > > > {"a.b.c": 1, "a.b.d":2, "a.b.e[0].f": 3, "a.b.e[1].g": 4}
>
> > > > > > > Which you might get from a Prototype form utility function, and
> > > > > > > get back
> > > > > > an
> > > > > > > exploded object like:
>
> > > > > > > {"a": {"b": {"c":1, "d":2, "e": [{"f": 3}, {"g": 4}]}}}
>
> > > > > > > Which is suitable for passing to Object.toJSON(). It basically
> > > > > > > just
> > > > > > handles
> > > > > > > intermediate objects that can be ordinary values or arrays, but
> > > > > > > that
> > > > > > handles
> > > > > > > all the cases I can think of. Let me know what you think.
>
> > > > > > > function to_exploded_object(object) {
> > > > > > > var root = {};
>
> > > > > > > $H(object).each(function(property) {
> > > > > > > var current = root,
> > > > > > > path = property.key.split("."),
> > > > > > >
>
> ...
>
> mais »
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby
on Rails: Spinoffs" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
