• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

CF Ajax - how to make a small form 'pop up' over the existing content

Participant ,
Apr 25, 2008 Apr 25, 2008

Copy link to clipboard

Copied

hi. i have a standard html form with quite a few elements (selects, radio buttons, input fields, text areas etc)

some users will need the ability to supply additional data but i only want the fields for this additional data to appear upon request (to keep the form clean looking for the majority of users)

i want to make it when users click on an "add more detail" button then the screen goes 'greyed out' and a new form appears roughly 350px x 350px centred on their screens. ive seen this done quite a lot recently and was just about to google javascript tutorials to get started, then it occured to me i may be able to utilise cf8's ajax tags to achieve this (which would be handy as i really struggle with anything other than v basic javascript)

my requirements are:

1 button (or link) in my standard form that launches the 'more detail' form in a ?layer? over the top of the existing content
2 when this happens the existing content is 'greyed out' preventing uses from interracting with it until they either complete this new form (or click the close button in that new form)
3 this form is to contain 2 text inputs and a submit button
4 i want to pass the data from this form back to the original form when it is submitted (temporarily storing the data in hidden fields within the original form) and will then ultimately pass this back to the server when the original form is submitted

does anyone know if cfajax can help me with this (i dont need the asynchronous server interaction stuff ajax offers only the javascript to make my form pop up etc)

if not does anyone know what this behaviour is commonly termed so i can google for it

thanks very much indeed for any help

cheers

Nick
TOPICS
Advanced techniques

Views

215

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 29, 2008 Apr 29, 2008

Copy link to clipboard

Copied

LATEST
Hi,
i am not sure this serves ur purpose..but u can use try using cfwindow for this...this tutorial might help u get started..
http://tutorial6.learncf.com/

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
Documentation