Button in pricing-table Codeigniter

0

I have a code that shows pricing-table in my View. Each one has a button in javascript that when it clicks on it needs to open another View where it has the details of each pricing-table. How can I make each button to click appear different writings. Ex: if you click the first button, it opens a view with a title only, and when I click the button 2 it opens a view with a title and text. My code uses bootstrap and is in Codeigniter

View:

<div class="col-sm-12">
            <div class="well well-light">
                <h1>Planos, <small>4 Planos</small></h1>
                <div class="row">
                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <div class="panel panel-teal pricing-big">
                            <div class="panel-heading">
                                <h3 class="panel-title">
                                    Personal Project
                                </h3>
                            </div>
                            <div class="panel-body no-padding text-align-center">
                                <div class="the-price">
                                    <h1>
                                        $99<span class="subscript">/ mo</span>
                                    </h1>
                                </div>
                                <div class="price-features">
                                    <ul class="list-unstyled text-left">
                                        <li><i class="fa fa-check text-success"></i> 2 years access <strong> to all storage locations</strong></li>
                                        <li><i class="fa fa-check text-success"></i> <strong>Unlimited</strong> storage</li>
                                        <li><i class="fa fa-check text-success"></i> Superbig <strong> download quota</strong></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="panel-footer text-align-center">
                                <button id="plano_1" class="btn btn-primary btn-block">
                                    Contratar <span>plano</span>
                                </button>
                                <div>
                                    <a href="javascript:void(0);"><i>We accept all major credit cards</i></a>
                                </div>
                            </div>
                        </div>
                    </div>

<div class="col-xs-12 col-sm-6 col-md-3">
                        <div class="panel panel-primary pricing-big">
                            <div class="panel-heading">
                                <h3 class="panel-title">
                                    Developer Bundle
                                </h3>
                            </div>
                            <div class="panel-body no-padding text-align-center">
                                <div class="the-price">
                                    <h1>
                                        $350<span class="subscript">/ mo</span>
                                    </h1>
                                </div>
                                <div class="price-features">
                                    <ul class="list-unstyled text-left">
                                        <li><i class="fa fa-check text-success"></i> 2 years access <strong> to all storage locations</strong></li>
                                        <li><i class="fa fa-check text-success"></i> <strong>Unlimited</strong> storage</li>
                                        <li><i class="fa fa-check text-success"></i> Superbig <strong> download quota</strong></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="panel-footer text-align-center">
                                <button id="plano_2" class="btn btn-primary btn-block">Contratar <span>plano</span></button>
                                <div>
                                    <a href="javascript:void(0);"><i>We accept all major credit cards</i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <script type="text/javascript">
    $("#plano_1").on('click', function () {
        window.location = ('<?= base_url('index#ConPla/verPla1') ?>/');
    });
    $("#plano_2").on('click', function () {
        window.location = ('<?= base_url('index#ConPla/verPla1') ?>/');
    });
</script>
    
asked by anonymous 28.07.2015 / 14:54

0 answers