Forum OpenACS Development: Show/hide fields based on the different inputs

How to hide and show specific fields in the form based on the inputs.

For instance,

I need specific fields to be appeared for input1
and those fields should be disappeared for input2

Please help me out

there are lots of good JavaScript examples here:
https://www.w3schools.com/js/js_ex_dom.asp

regards
Brian

Let me clarify what I need.

For instance,

I have a form with dropdown option, field1, field2,field3 which I specified within ad_form.

The dropdown field has value1, value2 and value3.
On selecting value1 in the dropdown, the field1, field2 should appear.

On the selection of value2 in the dropdown , field1 and field3 should appear but not field2.

Its like show and hide option based on the selection of dropdown options.

Please help me out!

<master>
@field1_js;noquote@

<formtemplate id="@form_id@"></formtemplate>

ad_page_contract {

} {
  {field1 "2"}
}

ns_log Notice "In brian2 - field1=$field1"

if {$field1 == 2} {
set response "
<label for=\"field2\">Field2:</label>
<select name=\"field2\" id=\"field2\" multiple=\"multiple\" >
<option value=\"a\">Apple</option>
<option value=\"b\">Brian</option>
<option value=\"c\">Carrot</option>
</select>"
} elseif {$field1 == 3} {
set response "
<label for=\"field3\">Field3:</label>
<input name=field3 size=50 value=\"This is Field3\">"

} else {
set response "
<label for=\"field4\">Field4:</label>
<select name=\"field2\" id=\"field2\"  >
<option value=\"d\">Dog</option>
<option value=\"e\">Easy</option>
<option value=\"f\">Fruit</option>
</select>"

}
ns_write $response

ad_script_abort

I made the changes as per your instructions but couldnot see any change. I installed ajax helper as well.

Javascript doesnot seem to work in the mentioned tcl and adp files.

somewhere I have gone wrong.

Below are my files,

new.adp:
<master>
@type_js;noquote@
<formtemplate id="@form_id@"></formtemplate>

new.tcl:

set type_options [list {type1 1} {type2 2} {type3 3}]
set html_list [list onClick type_func() ]
set container_name "field2"
set after_html "<div id=\"$container_name\" ></div>"

set form_id "showhide"
ad_form \
    -name $form_id  \
    -form {

        {type:text(select)
            {label "Type"}
            {options $type_options}
            {html $html_list}
            {after_html $after_html}
        }


    }

set ajax_js [ah::ajaxupdate \
                -container "$container_name" \
                -url "new2" \
                -pars "'type='+\$F('type')"]

set type_js "<script language=\"javascript\"> type_func = function() { $ajax_js } </script>"

created new2.tcl file its not being called on request.

correct me

Still I didnt find any way.

The page remains blank I mean doesnot display anything.

sorry for bothering again.

Could you please recheck the query

First thing is to check for errors in the AOLserver error log and also in Firefox's "Error Console".

Second, can you run brian2 directly in the browser and check that it's working fine (you should see the ns_log entry). It should just return raw HTML like this:

<label for="field2">Field2:</label>
<select name="field2" id="field2" multiple="multiple" >
<option value="a">Apple</option>
<option value="b">Brian</option>
<option value="c">Carrot</option>
</select>

Brian

2 things: first, can you test my files UNMODIFIED, as I can't tell what impact your changes have made to them?

Second, the "ajax not defined" error means that the Ajaxhelper Javascript files may be in a different location on your OpenACS install. I would recommend you search your installation for the "prototype.js" file. Then change the brian.adp file to have the correct path.

I should add here that the scripts I posted are running on an older version of OpenACS (5.4) and Ajaxhelper (0.82d), so things may be different if you're running on a different version. I don't have a clean install to hand to retest.

Brian

I followed all your steps.

Brian2.tcl file runs in browser.

Moreover i didnt get any error in ns_log_entry.

In firefox->Error console, I got an error as sidebar is not defined.

Ajax file is located in the same path as you have defined in brian.adp

Brian.tcl file shows a blank page still.

Please let me know when you will be online