Доразвиване/надграждане на JS с променливи

Post Reply
User avatar
Ticketa
Турист
Турист
Posts: 571
Joined: Mon Feb 27, 2012 1:54 pm
Answers: 24
Location: in /root
Contact:

Доразвиване/надграждане на JS с променливи

Post by Ticketa » Sun Apr 26, 2020 11:13 am

поправям на един клиент аукционна платформа.

Понеже към момента има плащания чрез банка (пос) както и чрез еконт, иска да интегрираме СМС плащания - което го направихме. Въпроса, е че не изглежда добре към момента (дизайн) и решихме да го направим малко по.. как да кажа. По адаптивно към днешна дата.

Имам скрипт, който работи с масив (период дни, ценови планове, и начин на плащане (в момента sms,epay) , та искам да добавя опция самия масив да съдържа Номер за изпращане както и кода , който трябва да се въведете.

Code: Select all

            <script type="text/javascript">
                $(document).ready(function(){
                    var priceNum = new Array(3, 5, 7);//(14, 30, 60, 90, 180, 360);
                    var priceType = new Array('turbo', 'extra', 'premium', 'vip', 'yellow', 'link', 'restart');
                    //var priceSMSNumber = new Array(1092, 1094, 1096);
                    var price = new Array();
                    
                    for(i = 0;i < 3;i++)
                    {
                        price[priceNum[i]] = new Array();
                        for(a = 0;a < 7;a++)
                        {
                            price[priceNum[i]][priceType[a]] = new Array();  
                        }
                    }
                    
                    price[3]['turbo']['sms'] = '2x9.60'; //1094
                    price[5]['turbo']['sms'] = '2x12.00'; //1096
                    
                    price[3]['extra']['sms'] = '4.80'; //1094
                    price[5]['extra']['sms'] = '6.00'; //1096
                    
                    price[3]['premium']['sms'] = '2.40'; //1092
                    price[5]['premium']['sms'] = '4.80'; //1094
                    
                    price[3]['vip']['sms'] = '2.40'; //1092
                    price[5]['vip']['sms'] = '4.80'; //1094
                    
                    price[3]['yellow']['sms'] = '2.40'; //1092
                    price[5]['yellow']['sms'] = '4.80'; //1094
                    price[7]['yellow']['sms'] = '6.00'; //1096
                    
                    price[3]['restart']['sms'] = '2.40'; //1092
                    price[5]['restart']['sms'] = '4.80'; //1094
                    price[7]['restart']['sms'] = '6.00'; //1096
                    
                    price[3]['link']['sms'] = '2.40'; //1092
                    price[5]['link']['sms'] = '4.80'; //1094
                    price[7]['link']['sms'] = '6.00'; //1096
                    $('.add-period input').change(function(){
                        changePrice();                       
                    });
                    
                    $('.tab').click(function(){
                        changePrice();
                    });
                    
                    function changePrice()
                    {
                        $('#o_sms').hide();
                        $('#o_epay').hide();
                        
                        if(price[$('.add-period input[name=period]:checked').val()][$('#ad-type').val()]['sms'])
                            $('#o_sms').show().find('div span').html(price[$('.add-period input[name=period]:checked').val()][$('#ad-type').val()]['sms']);    
                            
                        if(price[$('.add-period input[name=period]:checked').val()][$('#ad-type').val()]['epay'])
                            $('#o_epay').show().find('div span').html(price[$('.add-period input[name=period]:checked').val()][$('#ad-type').val()]['epay']);
                    }
                    
                });  
            </script>

price[период]['план']['sms'] = 'сума'; //трябва да се добави номер 1094 и код например: test
price[3]['extra']['sms_номер']['sms_код']['sms'] = '4.80'; //1094

HTML:

Code: Select all

                        <div class="add-box-2">
                            <div class="tab free" id="o_free">
                                    <div class="tab-title" style="padding-left:0;">Безплатен аукцион</div></div>
                                                            <div class="tab turbo" id="o_turbo">
                                    <div class="tab-title" style="padding-left:0;">Турбо пакет</div>
                                    Комбинация от 4 услуги                                </div>
                                                        
                                                        <div class="tab extra" style="margin-right:0;" id="o_extra">
                                <div class="tab-title" style="padding-left:0;">Екстра пакет</div>
                                VIP аукцион + рестартираща                             </div>
                                                        
                                                        <div class="tab" id="o_premium">
                                <div class="tab-title" style="background:url(/public/images/icon_plane.png) 0 2px no-repeat;">Премиум аукцион</div>
                                Първа позиция в средната колона                            </div>
                                                        
                                                        <div class="tab" style="margin-right:0;" id="o_vip">
                                <div class="tab-title" style="background:url(/public/images/icon_star.png) 0 0 no-repeat;">VIP аукцион</div>
                                Рекламно каре в дясната колона                            </div>
                                                        
                                                        <div class="tab" id="o_yellow">
                                <div class="tab-title" style="background:url(/public/images/icon_warn.png) 0 0 no-repeat;">Аукцион с Жълт цвят</div>
                                Отличават се от останалите обяви                            </div>
                                                        
                                                        <div class="tab" style="margin:0;" id="o_restart">
                                <div class="tab-title" style="background:url(/public/images/icon_up.png) 0 1px no-repeat;">Рестартиращ аукцион</div>
                                Новопубликува се през 24 часа                            </div>
                                                        
                                                        
                            <input type="hidden" name="type" value="" id="ad-type"/>
                            
                                                        
                            <div class="clearfix"></div>
                        </div>
                        <div class="add-payed-hide">
                            <br/>
                            <div class="add-box-2">
                                <div class="title">Изберете период на вашата платена услуга</div>
                                
                                <div class="add-period">
                                    <input type="radio" name="period" value="3" id="p_1" checked="checked"/> <label for="p_1">3 дена</label>
                                </div>
                                <div class="add-period">
                                    <input type="radio" name="period" value="5" id="p_2"/> <label for="p_2">5 дена</label>
                                </div>
                                <div class="add-period">
                                    <input type="radio" name="period" value="7" id="p_3"/> <label for="p_3">7 дена</label>
                                </div>
                                
                                                                <div class="clearfix"></div>
                            </div>
                            <br/>
                            <div class="add-box-3">
                                <div class="title">Изберете начин на плащане</div>
                                
                                
                                <div class="tab" id="o_sms" style="margin-bottom:0;">
                                    <img src="/public/images/icon_sms.png" width="37px" /> <div><span>-</span> лв.</div>
                                </div>
                                
                                <div class="tab" id="o_epay" style="margin-bottom:0;">
                                    <img src="/public/images/easypay.png" width="37px" /> <div><span>-</span> лв.</div>
                                </div>
                                 <div class="clearfix"></div>
                                <input type="hidden" name="payment" value="" id="ad-payment"/>
                            </div>
                        </div><button name="submit" type="submit" class="blue_button" style="float:right;margin:6px 0 5px 0;" id="add-submit-1">
                        <div>Промотирай</div>                       
                    </button>
Когато вече си избрал плащане, чрез SMS, след <input type="hidden" name="payment" value="" id="ad-payment"/> да се добави (например span таг) със съдържанието СМС номер и СМС код

Аз си играх една седмица, вярвам, че е елементарно за програмист със знания по JavaScript, но не и за мойте знания, които хич ги нямам в js

Post Reply