Mukhbir

 
  • Increase font size
  • Default font size
  • Decrease font size
  • default color
  • green color
  • blue color

Javascript - joomla +/- Fabrik form

E-mail Print PDF

This is a conditional code for javascript. saving here as a backup and record for future reference.

anyone needs it explained, please ask, ill be making proper tutorial for it later on.

its a onchange event created on one of the elements of fabik / fabrikar form(drop down) to alter the fields in the next drop down. demo will be available soon on demo server.

var selbox = document.form_3.donation_form_main___businesscashactivityname;
selbox.options.length = 0;

if (this.value == '') {

selbox.options[selbox.options.length] = new Option('N / A','none');
}

if (this.value == 'businesscash') {

selbox.options[selbox.options.length] = new Option('Currency','currency');
selbox.options[selbox.options.length] = new Option('CC','cc');
selbox.options[selbox.options.length] = new Option('Check','check');
}

if (this.value == 'businesspledge') {

selbox.options[selbox.options.length] = new Option('N / A','none');
}

if (this.value == 'individualcash') {

selbox.options[selbox.options.length] = new Option('Currency','currency');
selbox.options[selbox.options.length] = new Option('CC','cc');
selbox.options[selbox.options.length] = new Option('Check','check');
}

if (this.value == 'individualpledge') {

selbox.options[selbox.options.length] = new Option('N / A','none');
}

if (this.value == 'gik') {

selbox.options[selbox.options.length] = new Option('N / A','none');
}

if (this.value == 'eventsponsor') {

selbox.options[selbox.options.length] = new Option('Ride Without Limits','ride-without-limits');
selbox.options[selbox.options.length] = new Option('Cigar City Celebration','cigar-city-celebration');
selbox.options[selbox.options.length] = new Option('Gundern Golf','gundern-golf');
selbox.options[selbox.options.length] = new Option('Blowing in the Tropics','blowing-in-the-tropics');
selbox.options[selbox.options.length] = new Option('Chamber Function','chamber-function');
selbox.options[selbox.options.length] = new Option('13 ugly Men Fund Raising Event','thirteen-ugly-men-fund-raising-event');
}

if (this.value == 'eventparticipant') {

selbox.options[selbox.options.length] = new Option('Ride Without Limits','ride-without-limits');
selbox.options[selbox.options.length] = new Option('Cigar City Celebration','cigar-city-celebration');
selbox.options[selbox.options.length] = new Option('Gundern Golf','gundern-golf');
selbox.options[selbox.options.length] = new Option('Blowing in the Tropics','blowing-in-the-tropics');
selbox.options[selbox.options.length] = new Option('Chamber Function','chamber-function');
selbox.options[selbox.options.length] = new Option('13 ugly Men Fund Raising Event','thirteen-ugly-men-fund-raising-event');
}

if (this.value == 'prospect') {

selbox.options[selbox.options.length] = new Option('N / A','none');
}

to make it simple
it will be like this:

var selbox = document.yourform-number.your-element-id;
selbox.options.length = 0;

if (this.value == '') {

selbox.options[selbox.options.length] = new Option('N / A','none');
}

if (this.value == 'some-value') {

selbox.options[selbox.options.length] = new Option('first-option','first-option-value');
selbox.options[selbox.options.length] = new Option('second-option','second-option-value');
}

the option values needed to be entered by js are required to be already present in element for fabrik

 

Comments (0)Add Comment
Write comment
 
  smaller | bigger
 

busy
Last Updated ( Tuesday, 06 January 2009 08:27 )