I want to use RS From Pro to show/hide div's based on a drop down selection. A drop down will have the items 1,2,3,4,5,6,7 .... 20.

When a user selects 1-4 div1 will show and div2, div3 to hide.
When a user selects 5-9 div2 will show and div1, div3 to hide.
When a user selects 10-20 div3 will show and div1, div2 to hide.

I have used the sample code you supple for the radio button show/hide a input box and made this to work with divs, however i cannot get it to work with a drop down.

Any help will be much appreciated.
Sean.R.

Hi

I've read through a number of examples of the Hide/Show JS required for radio buttons, checkboxes, dropdown lists etc. but these all seem dependent on selecting a particular option within the relevan t lists. I need to display a second dropdown list based simply on whether or not the user has selected any item from the previous dropdown list. I'm afraid I'm not a JS fundi so I'm a bit lost as to how to accomplish this. These are also not straightforward dropdown lists - they are dynamic....

I have a form where two different radio groups hide/show different fields depending on what is selected.
The hide/show part works but the following things do not.

1) a field should be required when it is visible and not when it is hidden.
2) when loading the page the fields should be hidden and only appear when the radio button making them visible is selected.


The radio group has a 'onclick="NameOfFunction();" in the 'Attributes'.
In the 'Form Layout' tab I put id="" in the tr tags.

My...

Hi Tom,

First start making a Show/Hide field form.
See: www.rsjoomla.com/support/documentation/v...-or-hide-fields.html
demo.rsjoomla.com/fex
www.rsjoomla.com/forum/37-rsform-pro/155...howhide-textbox.html

If i'm not mistaken this will even solve the validation question

I use this script to hide fields: www.rsjoomla.com/support/documentation/v...-or-hide-fields.html

But when I refesh the page I get an error saying: window.addEvent() is not a function

Can someone point me in the right direction? I use Joomla 1.7.3

Thanks!

Victor,

Did you fixed this problem yet? I have the same problem

Hope to hear from you.

Kind regards,

Thomas

Hello,

This can be achieved in RSForm!Pro, but it will require some custom scripting. You could try grouping the fields of each event in a div with an unique id, then use a custom script in order to hide them when the page is loaded and only display the fields that correspond to the event chosen by the user. A show/hide script example can be found here:

demo.rsjoomla.com/fex

Hello, I am having the same issue also, were you able to solve yours? And if so, can you share your code with me so that I may do the same with my form?

Thank You
Joseph

Hello Victor, I am having the same issue also, were you able to solve yours? And if so, can you share your code with me so that I may do the same with my form?

Thank You
Joseph

Hey htere, i'am trying to modify the code for http://demo.rsjoomla.com/fex but i would like it to work so it show/hide more tekstbokses.

Code i used:

As...

Don't use XHTML layouts

I've installed RS Form Pro and the Feedback module. This is a great feature I want to make use of. I've got the red tab on the left of the viewport launching a specific form. See attached grab with red tab marked with green arrow.

screen grab on flickr
However, what I don't also need or want is the RS Form Pro Feedback Module to display an additional module within the site layout - the one o've shown with a red oval around it in the attached grab.

How do I disable/hide this but keep the tab...

If you haven't checked out the Front End Demo samples yet, that is a place to start. RS has put up some excellent samples that you can download and customize for your own site. One of the samples is a show/hide sample with an "other" text box.
I've used many of their examples and made forms that I'd never be able to do on my own.

Kathy

I try this :

In Checkbox Group Additional Attributes

onclick="displayField();"


In CSS and Java Script :

<script type="text/javascript">
function displayField(field)
{
if(document.getElementById('Find7').checked)
document.getElementById('helement').style.display="";

else {
document.getElementById('helement').style.display="none";
document.getElementById('FindOther').value="";
document.getElementById('component11').setAttribute("class", "formNoError");
}
}

function validateFields()
{...

Ok, I've got things set up exactly, but the text field shows immediately when the form is loaded. I only want it to show if "Other" is chosen from the background. I've got the style=\&quot;display: none;\&quot; attribute on my text field. Am I missing something obvious here?