Teamraiser registration

Options

I'm working in teamraiser for our registration for our walk/ride the participants have an option of 100% going to our agency and 50% to another.  Is there a way that when they choose 100% for our agency that the others are grayed out?  Or once they pick another agency for 50% of proceeds the others are grayed out?  So they will not pick more than one agency.  Any assistance will be very helpful....Thanking you all in advance.

Tagged:

Comments

  • You could do it with some jquery. (I think you can do anything with jquery!)

     

    Do you have a link to the page we could see?

  • Brian Mucha:

    You could do it with some jquery. (I think you can do anything with jquery!)

     

    Do you have a link to the page we could see?

    Hi Brian,

     

    Our site is www.aidswalkandride.org.  Any assistance you can give would be great. 

  • Chermaine Arthur-Fisher:

    Hi Brian,

     

    Our site is www.aidswalkandride.org.  Any assistance you can give would be great. 

    This is totally untested.

     

    Put this in your PageWrapper for this event.

     


    [[?[[S334]]::reg
    ::
    <script type="text/javascript">

    // Attach the handleDistribution function to each field's onChange event.
    $('#3453_1260_3_1285').change(function () { handleDistribution(); });
    $('#3453_1260_4_1283').change(function () { handleDistribution(); });
    $('#3453_1260_5_1284').change(function () { handleDistribution(); });
    $('#3453_1260_6_1282').change(function () { handleDistribution(); });
    $('#3453_1260_7_1286').change(function () { handleDistribution(); });
    $('#3453_1260_8_1287').change(function () { handleDistribution(); });

    function handleDistribution()
    {
    if ($(this).val() == 'Yes')
    {
    // Disable the other fields.
    $('#3453_1260_3_1285').attr('disabled', true);
    $('#3453_1260_4_1283').attr('disabled', true);
    $('#3453_1260_5_1284').attr('disabled', true);
    $('#3453_1260_6_1282').attr('disabled', true);
    $('#3453_1260_7_1286').attr('disabled', true);
    $('#3453_1260_8_1287').attr('disabled', true);
    $(this).removeAttr('disabled'); // UNdisable this field.
    } else {
    $('#3453_1260_3_1285').removeAttr('disabled');
    $('#3453_1260_4_1283').removeAttr('disabled');
    $('#3453_1260_5_1284').removeAttr('disabled');
    $('#3453_1260_6_1282').removeAttr('disabled');
    $('#3453_1260_7_1286').removeAttr('disabled');
    $('#3453_1260_8_1287').removeAttr('disabled');
    }
    });

    </script>
    ::
    <!--// Only show on the pg=REG page of the registration wizard. //-->
    ]]

     

    Note: If you change or rearrange those questions later on then this script may break.

  • Brian Mucha:

    This is totally untested.

     

    Put this in your PageWrapper for this event.

     


    [[?[[S334]]::reg
    ::
    <script type="text/javascript">

    // Attach the handleDistribution function to each field's onChange event.
    $('#3453_1260_3_1285').change(function () { handleDistribution(); });
    $('#3453_1260_4_1283').change(function () { handleDistribution(); });
    $('#3453_1260_5_1284').change(function () { handleDistribution(); });
    $('#3453_1260_6_1282').change(function () { handleDistribution(); });
    $('#3453_1260_7_1286').change(function () { handleDistribution(); });
    $('#3453_1260_8_1287').change(function () { handleDistribution(); });

    function handleDistribution()
    {
    if ($(this).val() == 'Yes')
    {
    // Disable the other fields.
    $('#3453_1260_3_1285').attr('disabled', true);
    $('#3453_1260_4_1283').attr('disabled', true);
    $('#3453_1260_5_1284').attr('disabled', true);
    $('#3453_1260_6_1282').attr('disabled', true);
    $('#3453_1260_7_1286').attr('disabled', true);
    $('#3453_1260_8_1287').attr('disabled', true);
    $(this).removeAttr('disabled'); // UNdisable this field.
    } else {
    $('#3453_1260_3_1285').removeAttr('disabled');
    $('#3453_1260_4_1283').removeAttr('disabled');
    $('#3453_1260_5_1284').removeAttr('disabled');
    $('#3453_1260_6_1282').removeAttr('disabled');
    $('#3453_1260_7_1286').removeAttr('disabled');
    $('#3453_1260_8_1287').removeAttr('disabled');
    }
    });

    </script>
    ::
    <!--// Only show on the pg=REG page of the registration wizard. //-->
    ]]

     

    Note: If you change or rearrange those questions later on then this script may break.

    The first part is the S Tag. This checks if the current url has the querystring paramerter pg=reg, which your page with the questions uses.

     

    http://support.aas-c.org/site/TR/Events/General/1537882162?pg=reg&fr_id=1060

     

    If we are on that page, then it injects the block of jquery.

     

    All the script does is attach an onChange script to each of your fields. That script checks to see if the selected value of the field you just changed is 'Yes' and if so, it disables all the other fields. If it isn't 'Yes' then it UNdisables all the fields.

Categories