Hi,
I was wondering if any of you would suggest me how to use the tabs in
the following page in a form:

http://refinethetaste.com/html/cp/?Section=orders&Process=AddOrder

I use jQuery.Tools tabs in all other pages but I never used it in a
form before.

<script>
// perform JavaScript after the document is scriptable.
$(function() {
    $(".formtabs").tabs(".formpanes > div");

});
</script>

            <fieldset class="width100">

                <h2>Customer Information</h2>
                <!-- the tabs -->
                <ul class="formtabs">
                    <li><a href="#first">New Customer</a></li>
                    <li><a href="#second">Existing Customer</a></li>
                    <li><a href="#third">Anonymous Customer</a></li>
                </ul>
                <!-- tab "panes" -->
                <div class="formpanes">
                        <div>
                        <div class="required">

                            <label for="EmailAddress">Email Address</
label>
                            <input type="text" name="EmailAddress"
value="" class="width60" />
                        </div>
                        <div class="required">
                            <label for="Password">Password</label>
                            <input type="text" name="Password"
value="" class="width60" />
                        </div>
                    </div>

                    <div>
                        <div class="required">
                            <label for="SearchCustomers">Search
Customers</label>
                            <input type="text" value=""
id="CUSTOMERNAME" class="width60" />
                            <small><span
id="CUSTOMERNAME">kcs...@hotmail.com</span></small>
                            <input type="hidden" name="CUSTOMERID"
id="CUSTOMERID" />
                        </div>
                    </div>
                    <div>

                        <div class="required">
                            <label for="EmailAddress">Email Address</
label>
                            <input type="text" name="EmailAddress"
value="" class="width60" />
                                                </div>
                    </div>
                </div>
            </fieldset>

Reply via email to