Do you want different forms for different categories or different elements in the form depending on the category? Either way it’s a bit tricky.

Permalink | Quote

I think it doesn’t matter… but probably displaying whole new form would be a little easier (?) and more practical to modify later.

I’m thinking hardcoding some ajax would do but i never worked with ajax.

Permalink | Quote

I’m not sure you need “ajax” per say, but certainly javascript.

What I would have do is create a page template in your theme and in this theme, create all the forms you wish to display dynamically using the template tags (i.e. tdomf_the_form(id of form)). Then use a bit of jQuery magic to hide all of them except the one you’re interested in.

…

I did a small test and managed to get it to work using a page template. This is the code I added to switch dynamically between 4 different forms depending on a radio button:

<?php if(function_exists('tdomf_the_form')){ ?>

   <script type='text/javascript' src='<?php echo get_bloginfo('wpurl'); ?>/wp-includes/js/jquery/jquery.js'></script>

   <style>
      #tdomf_form1 { display: none; }
      #tdomf_form2 { display: none; }
      #tdomf_form3 { display: none; }
      #tdomf_form4 { display: none; }
   </style>

   <script type="text/javascript">
   //< ![CDATA[
   function show_form(form_id){
      switch(form_id) {
      case 1:
         jQuery('#tdomf_form2').css("display", "none");
         jQuery('#tdomf_form3').css("display", "none");
         jQuery('#tdomf_form4').css("display", "none");
         jQuery('#tdomf_form1').css("display", "block");
         break;
      case 2:
         jQuery('#tdomf_form1').css("display", "none");
         jQuery('#tdomf_form3').css("display", "none");
         jQuery('#tdomf_form4').css("display", "none");
         jQuery('#tdomf_form2').css("display", "block");
         break;
      case 3:
         jQuery('#tdomf_form1').css("display", "none");
         jQuery('#tdomf_form2').css("display", "none");
         jQuery('#tdomf_form4').css("display", "none");
         jQuery('#tdomf_form3').css("display", "block");
         break;
      case 4:
         jQuery('#tdomf_form1').css("display", "none");
         jQuery('#tdomf_form2').css("display", "none");
         jQuery('#tdomf_form3').css("display", "none");
         jQuery('#tdomf_form4').css("display", "block");
         break;
      default:
         alert("ERROR: show_form: Unknown Form ID");
         break;
      }
   }
   //-->
   </script>

   <?php if(tdomf_can_current_user_see_form(1)) { ?>
      <input type="radio" name="dynamic_forms" id="dynamic_forms_1" onChange="show_form(1);">
      <label for="dynamic_forms_1">Form 1</label><br/>
   <?php } ?>

   <?php if(tdomf_can_current_user_see_form(2)) { ?>
       <input type="radio" name="dynamic_forms" id="dynamic_forms_2" onChange="show_form(2);">
      <label for="dynamic_forms_2">Form 2</label><br/>
   <?php } ?>

   <?php if(tdomf_can_current_user_see_form(3)) { ?>
      <input type="radio" name="dynamic_forms" id="dynamic_forms_3" onChange="show_form(3);">
      <label for="dynamic_forms_3">Form 3</label><br/>
   <?php } ?>

   <?php if(tdomf_can_current_user_see_form(4)) { ?>
      <input type="radio" name="dynamic_forms" id="dynamic_forms_4" onChange="show_form(4);">
      <label for="dynamic_forms_4">Form 4</label><br/>
   <?php } ?>

   <?php if(tdomf_can_current_user_see_form(1)) tdomf_the_form(1); ?>
   <?php if(tdomf_can_current_user_see_form(2)) tdomf_the_form(2); ?>
   <?php if(tdomf_can_current_user_see_form(3)) tdomf_the_form(3); ?>
   <?php if(tdomf_can_current_user_see_form(4)) tdomf_the_form(4); ?>

<?php } ?>

You should be able to use that as a base to do more funky things. The builtin jQuery in Wordpress 2.7 allows you to do some nice stuff, like fading in and out the form. And it seems to work fine with a mix of forms using AJAX or non-AJAX too.

Permalink | Quote

that’s *exactly* what i was thinking about. thanks xD

Permalink | Quote

Where I need to insert this code? in the hack code?

Permalink | Quote

Hi! Is there a way to change the selection from radio to buttons? I have spend the better part of the day trying, but my coding skills are close to nil. Please help if you can. Thank you.

Permalink | Quote