Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author jazzigor

    (@jazzigor)

    Congratulations, looks great!

    I love this step-by-step approach that you have implemented on top of Jazzy Forms. I hope I can come up with something similar right out-of-the-box in future releases. It is interesting for large forms.

    I’m glad you find my software useful.
    Happy WordPressing!
    Igor

    Thread Starter Brittany

    (@finx02)

    thanks! One suggestion is to disallow text in an input field as it errorsh the final cost output. I had to write a little script that didnt allow anything but digits. Awesome plugin nonetheless!

    That looks great Brittany!

    Can you help me I would like to have the same only with different products etc but I realy dont know how to do it.

    thanks for now

    Thats so awesome Brittany! Can you at least give us a sample code about how you did it? We will surely be thankful.

    Thread Starter Brittany

    (@finx02)

    First you have to use firebug or another type of web tool.

    Jazzy forms automatically creates a div id for every radio button and field. You have to add in a css class for each one when you create the form.

    use jquery in your header.php and add something like this.

    <script src=”http://code.jquery.com/jquery-latest.js”></script&gt;
    <script type=”text/javascript”>
    $j=jQuery.noConflict();

    $j(document).ready(function () {

    $j(‘#jzzf_5_length100’).hide();

    $j(‘#jzzf_1_element_1-2’).click(function () { $j(‘#jzzf_5_length100’).delay(670).show(‘slow’);
    });

    });

    </script>

    1. Call the jquery
    2. I used no conflict. It worked without no conflict but I read somewhere it might be better with it. I’m not sure.
    3. Document ready function runs this script when the document loads
    4. divID hide funciton= Jazzy forms autmaically adds a divID to whatever button or item you want clicked. You dont have to do anything but find the ID with firebug. This function hides the field when the document loads.
    5. click function. This function will run any function in the following {}. So If div id=jzzf_1_element_1-2 is clicked, then jzzf_5_length100 will show with a delay of 670 milliseconds and have a fade in appearance ‘slow’.

    If you want to show a group of fields instead of just one at a time then add a class to all of those you want to show at once when you build the form.

    instead of:
    $j(‘#jzzf_5_length100’).delay(670).show(‘slow’);
    it will be
    $j(‘.myclass’).delay(670).show(‘slow’);

    so a “#” means a divID and a “.” means a class.

    What I had to do was create the ENTIRE form and then hide it one by one with the method shown above. I also added keyup features so in the input field so when a user keys up then another function would run.

    If you’d like to email me I can send you my jquery script so you can go through my form with firebug, look at the code to see how it functions with each div.

    My email is [ redacted, support is via the forum and not email ]

    This is all scripts I pulled off of websites and slapped together. My code is very messy as I’m not a coder. I was just happy to get it to work so I wont be much in support buy I’ll try.

    Great thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Plugin: Jazzy Forms] My form’ is closed to new replies.