[fx.php_list] Re: [fx.php_list][Off] Modernizing a Web Form

  • From: BEVERLY VOTH <beverlyvoth@xxxxxxxxx>
  • To: fx.php_list@xxxxxxxxxxxxx
  • Date: Wed, 12 Apr 2017 08:06:03 -0400

You are correct, as always, Uncle Joel! Standard submits work very well. 
beverly

On Apr 12, 2017, at 8:00 AM, Joel Shapiro <info@xxxxxxxxx> wrote:

i.e. Sometimes people want Ajax, or 1-page apps, or (whatever), just because 
they’re currently trendy… and sometimes I think they don’t necessarily 
improve the user’s experience.  I was just trying to give a bit of pause to 
the “gotta have X” mindset — although I recognize that that may not be Troy’s 
case in this instance.

or (whatever) ;-)


On Apr 12, 2017, at 4:55 AM, Joel Shapiro <info@xxxxxxxxx 
<mailto:info@xxxxxxxxx>> wrote:

Yeah, I was just trying to suggest that since Troy knows how to do standard 
form submits and doesn’t have the time to learn Ajax-y things, that he might 
be able to get close to the “feel” that he’s looking for just by modifying 
the UI (& perhaps his expectations :-P )

-Joel


On Apr 12, 2017, at 4:49 AM, BEVERLY VOTH <beverlyvoth@xxxxxxxxx 
<mailto:beverlyvoth@xxxxxxxxx>> wrote:

Well, essentially the AJAX does that (submits and does edit after the 
initial new), but 'unseen' so that only parts of the page get redrawn.

Another method that I've used is to have hidden divs so that the entire 
form is "on" the page, but revealed as needed. But that depends on the 
length of the form whether this is efficient. Most used by me for 'dynamic' 
forms, for example, where answering "yes" to "A" reveals "A1", "A2", etc. 
Or answering "no" to "A", skips "B", "D" and "E" and shows only "C" next. 
That's CSS and JavaScript and fairly easy (no jQuery or other stuff needed)
beverly

On Apr 12, 2017, at 6:46 AM, Joel Shapiro <info@xxxxxxxxx 
<mailto:info@xxxxxxxxx>> wrote:

Hi Troy

If you haven’t already, you might try searching for “web form builder” (or 
“html5 form builder”, etc.).  Some of the results will be for hosted 
solutions (submissions go through their servers), but there should be some 
that will just help you create more “modern-looking” forms and then let 
you copy the generated html (w/ or w/o css &/or javascript).

On a separate note, if you’re looking for something (per your original 
email) "with intermediate portions of data saved and acted on”, why is it 
important that it be "all without reloading the page”?  If you’re 
envisioning some kind of “Next” buttons in your interface, could they each 
just be actual Submit buttons, creating or editing records throughout the 
process?

Best,
-Joel


On Apr 11, 2017, at 1:51 PM, Troy Meyers <tcmeyers@xxxxxxxxxxxxxx 
<mailto:tcmeyers@xxxxxxxxxxxxxx>> wrote:

Thanks Chris and Bev!

I've checked these out. I'm not a complete newbie to JavaScript, I've 
written some of my own for form validation and enough to use a few 
jQuery-based tricks, but still there is a big learning curve ahead for me 
just to get a animated, single-page, AJAX-based step by step interview 
form up and running.

If it were a case where I'd be designing these a whole lot, the time 
spent would be well worth it, but unlike you guys who are pros, and I 
think similarly to Jon, I'm just a do-it-yourselfer with just one or two 
websites, and my plate is already full with the real work of the company 
(propagating orchids) and the FileMaker end of information gathering of 
the research we are doing.

The jargon is so deep at this point that I don't even know how to find 
what I need, or know if I'm already looking at it!

I'm leaning toward getting someone who already knows what they are doing 
to design a skeleton of that kind of interface so that I can flesh it out 
with what I already know how to do well.

Budget is a big problem (which is why I have to wear many hats here) so I 
don't know if getting something like that designed is within our means, 
though.

Any suggestions about who could do such a thing? Or, who has done such a 
thing that I could tap for expertise? Or a template.

-Troy

_____________________________________________________________________
    FX.php Official Web Site -- http://fx.iviking.org/ ;
<http://fx.iviking.org/>
FX.php Official Mailing List -- //www.freelists.org/list/fx.php_list ;
<//www.freelists.org/list/fx.php_list>
    (Subscribe, unsubscribe, and more at the mailing list site!)

                 FX.php_List@xxxxxxxxxxxxxxxx 
<mailto:FX.php_List@xxxxxxxxxxxxxxxx>






Other related posts: