Dienstag, 11. Januar 2011

Formidable: Custom forms with JQuery and CSS3

I have moved! You'll find Formidable on my new Blog: http://salatsosse.ch/jquery/

Kommentare:

  1. Hi, I have found a bug in yor plugin. When I have a select HTML element, and their itens has the "value" attribute, the select display the value of this element, not the text. I have changed the code from

    tdCurrent.text(select.val());

    to

    tdCurrent.text(select.attr("options")[select.attr("selectedIndex")].text);

    and it works.

    AntwortenLöschen
  2. Thank you André, I've just updated the zip as well as the demo.

    AntwortenLöschen
  3. I may have found another bug. Unfortunately, I do not have a solution to offer.

    I have a [SELECT NAME="form_select box"][OPTION]Kevin's feet[/OPTION][OPTION SELECTED]Border Collie[/OPTION][/SELECT] section, but the SELECTED attribute isn't read, and the form automatically defaults to the first tag.

    AntwortenLöschen
  4. try [option selected="selected"] instead of [option selected]

    AntwortenLöschen
  5. Yeah, Anonym is right. I don't know if (as of html 5) selected is allowed - but as someone who likes xml, serialization and beer. I'd say go with xhtml... also, set the id attribute as well as the name attribute - it's just cleaner and nicer (I think...)

    AntwortenLöschen
  6. Great plugin but I have a bit of an issue around select boxes. I am quite new to jquery but how do I change the width of the select boxes?
    It defaults to the form width and I cant seem to change it, could you point me in the right direction?

    AntwortenLöschen
  7. What about password fields?

    AntwortenLöschen
  8. Nice script, thanks for sharing!

    just for you to know, in the packed version Dänu´s suggestion is not included.

    Thanks again!

    AntwortenLöschen
  9. Is there a way to have check boxes use checkmarks when selected?

    AntwortenLöschen
  10. input.click(); needs to be added to the end of the div.click functions for checkboxes and radio buttons otherwise the onClick event will be ignored for them.

    AntwortenLöschen
  11. I am glad to find your impressive way of writing the post. Now it become easy for me to understand and implement the concept. Thanks for sharing the post.

    AntwortenLöschen
  12. I just downloaded and I am having a couple of small issues:

    The default selected element in a select is showing the value instead of the text. (I tried Andre's fix from above and it failed). It seems that select.attr("options") should be select.children(options) or select.children("option") and select.attr("selectedIndex") is coming back as undefined.

    Also I do not seem to be able to come up with the syntax to control the width of a simple text input "text: {width: xxx}" does not work and neither does "input: {width:xxx}"

    Finally, I cannot seem to get all the entries to show up on a single line like in your example where you have 4 across.

    AntwortenLöschen
  13. I have patched / adjusted etc around the issues above. I need to add new support for buttons, form reset that will reset all the field types to original settings, linked check box lists and such. Are you available to work with me to enhance your base or am I on my own?

    AntwortenLöschen
  14. very impressive and informative post..I understood the concept very well..Thanks for sharing..

    AntwortenLöschen

Socialize!