Ajax add-on Form Hack

[Deepdog009]

Ajax addon FORM HACK
********************

ATTENTION: please try the tutorial first...

Installation
************

{1} FORM HACK must be installed and working...>>>FORM HACK (https://vborg.vbsupport.ru/showthread.php?t=126676&highlight=form+hack)<<<

{2} Open tutorial folder and view setup information...

{3} upload clientscripts folder to your forum root... http://yoursite.com/forum/

{4} Basic knowledge working with javascript required...

{5} Open setup folder thats holds plugincode,,, answertemplatecode and maintemplatecodes...

{6} Again FORM HACK must be installed correctly and Forms working before using this minor ajax mod...


Ver...>>> 0.1.1
************

Added xml files to make things easier to setup...
Added new clientscript files...


Ver...>>> 0.1.2
************

Added Triple Dropdowns... Testers wanted:eek:


Save to Form Hack mod and view...

http://yoursite.com/forums/newthread.php?do=video

http://yoursite.com/forums/newthread.php?do=disable

http://yoursite.com/forums/newthread.php?do=dd1


What's the purpose of this mod???

Help folks add AJAX to FORM HACK...

Co-Authors:
*********
Vrokar & Ccplim


************************************************** ***

Added XML setup files to make things a bit easier for some...

Download XML's and clientscript zip also...

[M-Tuning]

Nice!

[ccplim]

Cool! This is something that I have been really looking forward to :up:

Time to mix and match the codes and put them into operation in my form :)

Btw, that tutorial really act as a good start to introduce me to ajax :up:

Way to go buddy!!! And thanks for the effort :)

[Deepdog009]

Folks,,, I added XML files to make things a bit easier... Download clientscript zip and FTP to forumroot,,, next Install XML's and thats about it...

One of the Triple dropdowns has issues with IE and Opera,,, the other one works ok in most browsers... Test both and if you find any bugs,,, please eradicate um...;)

L8ter G8tors...

[montsa007]

Very nice after seeing the screenshots,
but i am really scared to use it.

[ccplim]

Folks,,, I added XML files to make things a bit easier... Download clientscript zip and FTP to forumroot,,, next Install XML's and thats about it...

One of the Triple dropdowns has issues with IE and Opera,,, the other one works ok in most browsers... Test both and if you find any bugs,,, please eradicate um...;)

L8ter G8tors...

Nice one pal! I will give the triple dropdown a shot when I get some time ;)

Btw, did you managed to figure out the double dropdown preview issue?

[ccplim]

Very nice after seeing the screenshots,
but i am really scared to use it.

Why is that so? :confused:

This mod is actually pretty simple and I managed to set it up within a very short time. On top of that, I am one which have zero knowledge about html and ajax prior to this. :)

Do feel free to let us know if you need any help. We will be more than happy to do so ;)

Cheers!

[RedGTiVR6]

If I'm just wanting to screen the basic form features, I take it I don't need to install all of the .xml files, right?

Do I just use the disable text area .xml?

[Deepdog009]

If I'm just wanting to screen the basic form features, I take it I don't need to install all of the .xml files, right?

Do I just use the disable text area .xml?


***********************************

RedGTiVR6,,,
Yes thats right!

Try them all for testing if U like... If you want to see the validation take affect you must upload the clientscript folder to correct path...

This mod is to help folks that want to add ajax dropdowns, textbox options and validation to FORM HACK forms by ABE1...

Some of the ajax forms require a bit of javascript knowledge to integrate with your new forms...

If you test and find any issues please post so that we all can make changes to make better forms...:up:

[ccplim]

If you test and find any issues please post so that we all can make changes to make better forms...:up:

You want me to re-post the issues that I have sent you through PM again in here? :)

[Deepdog009]

You want me to re-post the issues that I have sent you through PM again in here? :)

No worries ccplim... If you find anything helpful to others,,, post it...;)

[Stryker412]

I'm trying to add just the triple drop down code into an existing form. How would I do this?

[ccplim]

I'm trying to add just the triple drop down code into an existing form. How would I do this?

How do you want to go about doing it and at which stage are you at at this this moment?

I may not be very good in programming stuff but I'll see if I can help.

[ccplim]

Deepdog009,

I see that there is a "Ajax Dual Dropdowns Form ver{1}.zip" which appears to be a little different in the dropdowns codings. Is this something new that I have missed out?

I haven't get any chance to do much of a testing as I have been sick for the past one week and is still in the stage of recovery.

[Stryker412]

How do you want to go about doing it and at which stage are you at at this this moment?

I may not be very good in programming stuff but I'll see if I can help.

I already have the 4.0 Form Hack done, the only thing I'm waiting for is to implement a birthday question so I want the triple dropdown for month/day/year. I already have a birthday question but with only one drop down for month (placeholder).

[ccplim]

I already have the 4.0 Form Hack done, the only thing I'm waiting for is to implement a birthday question so I want the triple dropdown for month/day/year. I already have a birthday question but with only one drop down for month (placeholder).

From what I see, what you need seem to be pretty straight forward (unless you want to make it into something that is really complicated).

In fact, if you just need to have a simple dropdown for your users to select month, day and year without any fanciful stuff, you might not need the triple dropdown add-on at all.

[Stryker412]

oh? I thought that was the only way to do it?

[ccplim]

oh? I thought that was the only way to do it?

Not really. The double and triple dropdown are actually more useful if you need to have a list of standard values tied to another value. You can use it for your birth date entry but that will required lots of condition checking if I am not mistaken. :)

[ccplim]

One thing just came across my mind. By using a simple dropdown, you might have problem with the year especially if the list is long. I'm not sure if there's any other alternative for this.

[ccplim]

Deepdog009,

Just tested your Ajax Dual Dropdowns Form ver{1} and here are the problems that I discovered.

Testing was done by selecting all required values in $dropanswer1, $dropanswer2, $dropanswer21, $dropanswer22, $dropanswer23 and perform a preview before submitting the form. (Attachment "01 - All values selected.JPG")

Issues in Dual dropdown
$dropdownanswer1 remain in selected value but cannot select value in $dropdownanswer2 anymore. (Attachment "02 - How form look like after preview.JPG")

At this stage, selecting a different value from $dropdownanswer1 will bypass the issue but this is not a solution as some people might not notice the error and went straight for the "Submit" button after they perform a preview.

Issues in Triple dropdown
Values selected for $dropanswer21, $dropanswer22, and $dropanswer23 were all reset to default after preview. (Attachment "02 - How form look like after preview.JPG")

[Stryker412]

Ok I tried to take my existing form and integrate it into the triple drop down hack. Right now I am unsure how to exactly set the triple drop down code up. Here is my code for the form template.

[Deepdog009]

Stryker412 & Ccplim I have a update coming next month... Standby Folks ;)

[ccplim]

Stryker412 & Ccplim I have a update coming next month... Standby Folks ;)

That is a piece of good news :up: I am looking forward to that (and hopefully those features that I need are included :p :o) :D

[jdunsworth]

I am looking for a way to require the user to choose something in the dropdown and not use the default.

For example... my dropdown would look like this:

choicea: - Choose Option -
choiceb: Dropdown 1
choicec: Dropdown 2
choiced: Dropdown 3
choicee: Dropdown 4
choicef: Dropdown 5

If this is a required field, of course it should not be able to choose choicea.. so is it possible to adapt the form verification to ensure that choiceb-f are the only one able to be chosen in this required field?