Page 1 of 2 12 LastLast
Results 1 to 10 of 13

Thread: Floating form filler

  1. #1
    Join Date
    Jul 2006
    Posts
    142
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default Floating form filler

    OK Guys this is a bit complicated. I am going for something here! I don't know what it is yet so bear with me.

    I have a simple form with a text area that i submit and I save the data. Normally I would just type in the text area and type the information and I hit submit. But I want to assist the user to fill that text area by opening a window (a floating form) so that whenever the user clicks to fill the text area, a window will appear and the user will fill the appropriate fields and lick submit. This submission will take the information parse it in simple text and put it in the text area.

    For example:

    The form (floating window/form) will have the following fields:
    Name:
    Address:
    Phone:

    Now when I fill this form, the floating form will parse this data and just put it in order - John Doe,123 Road St, 123-456-7890 and put this information in the text area. Simple ? - HUH !

    I would really appreciate if anyone can help. Since I dont know where to put this, I will just leave it in general. I believe this is strictly client side. This is sort of dynamic form filler.

  2. #2
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    I don't know if this is what you want but you can give it a try:
    http://www.dynamicdrive.com/dynamici...ndow/index.htm
    Jeremy | jfein.net

  3. The Following User Says Thank You to Nile For This Useful Post:

    neo_philiac (12-18-2008)

  4. #3
    Join Date
    Jul 2006
    Posts
    142
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    Thank you for the reply but no this is not what I was looking for.

    To explain things more here what I want:

    In a php script I have this line

    Code:
    echo "<input type=\"hidden\" name=\"stack_date[".$array_num."]\" value=\"".$date[1]."\">";
    Now I want the user to set the value of the input by clicking an edit button or a pop up window. Here is a picture. It is not real but gives you the idea.



    Any help?

  5. #4
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

  6. The Following User Says Thank You to Nile For This Useful Post:

    neo_philiac (12-18-2008)

  7. #5
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    I think the OP wants the tooltip to work as a form, not just a regular tooltip.

  8. The Following User Says Thank You to Snookerman For This Useful Post:

    neo_philiac (12-18-2008)

  9. #6
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    It's possible. You'd just need a little extra coding.
    Jeremy | jfein.net

  10. The Following User Says Thank You to Nile For This Useful Post:

    neo_philiac (12-18-2008)

  11. #7
    Join Date
    Jul 2006
    Posts
    142
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    Thank you guys! Nile - That's a tease, please tell me how it can be done Spookerman - you are right! I need a form to fill out a form (no its not a typo - I want a form to fill a form!). In the picture The gray box that you see (with -skating etc in it) is a form field (textarea) itself ; it does not have to be!! This floating form can be invoked by clicking an edit button. I am just trying to give the user the privilege to (or restrict!) fill out the form properly (you know how users are!!) also give user the fancy calendar input functionality. So basically, the way i see it is to manipulate the value of $date[1] to serve my purpose dynamically.

    Thanks a lot guys

  12. #8
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    In logic it would be something like this:

    You have two forms: a parent form and a "helper" form. The "helper" form would consist of a few text fields. When one submits the "helper" form (probably easier to use a button element), the values of the text fields would get concatenated, formated in some way, and the content set equal to the value of a textarea in the parent form.

    It's all actually very simple manipulations of the DOM. Now, having said that, that simplicity is beyond my JS skills. So, I can't help with actual code. But hopefully this helps someone with the knowledge to code something up for you.

    Now, if you wanted to use jQuery, I could help you there as I get jQuery.

  13. The Following User Says Thank You to Medyman For This Useful Post:

    neo_philiac (12-18-2008)

  14. #9
    Join Date
    Jul 2006
    Posts
    142
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    Madyman!!!! Long time no post! ( In case you dont remember me - you helped me a lot with action scripts!)

    I couldnt explain it any better myself. Thank you Medyman. What you explained is exactly what I want. I do see the live examples of jQuery an it has a lot of potential - i must say! But is this something you need to install on the web server like a PHP package? Or is it just a set of scripts ? Because I dont have conmtrol over the web server. But I can ask for it. The other thing is that the web server is a windows IIS (don't ask!). If this is something I can use, I would welcome any suggestion.

    Thanks guys again!

  15. #10
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    jQuery is a library, all you need to do is go to the jQuery site, download the file and put a link to it in your page. You can also link directly to the file if you can't place it on your server. Here is the link to the latest version:
    Code:
    http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js

  16. The Following User Says Thank You to Snookerman For This Useful Post:

    neo_philiac (12-18-2008)

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •