Przykład integracji kalkulatora mbank RATY na platformie IAI 1. Moderacja - > Dodatki HTML i JavaScript 1.1 Klikamy na przycisk nowy dodatek Wpisujemy w pole Tytuł dodatku nazwę CSS_mRaty. Następnie ustawiamy Widoczność dodatku na wartość: tak oraz typ dodatku na wartość HTML. W edytorze HTML wklejamy następujący kod: <style type="text/css"> a.order2_instalment cursor:pointer; div.order_payment_button button text-align:left; div.order_payment_button button img margin: 0 0 0 4px; h3.new_orderdetails_paygate_finalize color: #000000; display: none; font-size: 11px; font-weight: normal; padding: 10px 0; text-align: left; </style> Ostatnim krokiem jest ustawienie pola Wyświetlaj w na Sekcja Head oraz Wyświetlaj na podstornach na wartość wszystkich. 1.2 Klikamy na przycisk nowy dodatek. Wpisujemy w pole Tytuł dodatku nazwę JS_mRaty. Następnie ustawiamy Widoczność dodatku na wartość: tak oraz typ dodatku na wartość HTML. W edytorze HTML wklejamy następujący kod: function calculate_instalments(min,max,pricetotal,alertbox,link,maxquantity,name) if (cena_raty == '') eval(link); var inputcode = ''; //czy cena produktu/zamówienia < min if ((min!= '') && (parsefloat(cena_raty) < parsefloat(min))) inputcode = inputcode + '<h2>' + menu_instalment_label_min + name + menu_instalment_label_to + min + instalment_currency + '</h2><span class="info">' + menu_instalment_text_min + '</span>';
inputcode = inputcode + '<h2>' + menu_instalment_label_min + name + menu_instalment_label_to + min + instalment_currency + '</h2><span class="info">' + menu_instalment_text_minb + '</span>'; //czy cena produktu/zamówienia > max if ((max!= '') && (parsefloat(cena_raty) > parsefloat(max))) inputcode = inputcode + '<h2>' + menu_instalment_label_max + name + menu_instalment_label_to + max + instalment_currency + '</h2><span class="info">' + menu_instalment_text_max + '</span>'; inputcode = inputcode + '<h2>' + menu_instalment_label_max + name + menu_instalment_label_to + max + instalment_currency + '</h2><span class="info">' + menu_instalment_text_maxb + '</span>'; /*if ((min!= '') && (parsefloat(pricetotal) < parsefloat(min)) && (pricetotal!= '')) inputcode = inputcode + '<h2>' + menu_instalment_label_min + min + instalment_currency + '</h2><span class="info">' + menu_instalment_text_min + '</info>'; inputcode = inputcode + '<h2>' + menu_instalment_label_min + min + instalment_currency + '</h2><span class="info">' + menu_instalment_text_minb + '</info>'; '</p>'; */ inputcode = inputcode + '<p class="warning">' + menu_instalment_notall + if(pricetotal!= '') if(parsefloat(pricetotal) > 0) if((parsefloat(cena_raty) > parsefloat(min)) && (parsefloat(cena_raty) < parsefloat(max))) inputcode = inputcode + '<h2>'+ menu_instalment_label +'</h2><button onclick="'+ link.replace("xxx",cena_raty) +'">'+ menu_instalment_singleproduct + cena_raty + instalment_currency + '</button>'; var sum_raty = parsefloat(pricetotal) + parsefloat(cena_raty); sum_raty = sum_raty.tofixed(2); if(sum_raty > parsefloat(max)) inputcode = inputcode + '<h2>' + menu_instalment_label_maxbasket + name + menu_instalment_label_to + max + instalment_currency + '</h2><span class="info">' + menu_instalment_text_maxbasket + '</span>';
if((maxquantity!= '') && (basket_count > maxquantity)) inputcode = inputcode + '<p class="warning">' + menu_instalment_toomany + maxquantity + menu_instalment_toomany2 + '</p>'; if(sum_raty >= parsefloat(min)) inputcode = inputcode + '<button onclick="'+ link.replace("xxx",sum_raty) +'">'+ menu_instalment_basketproduct + sum_raty + instalment_currency + '</button>'; inputcode = inputcode + '<p class="warning">' + menu_instalment_notall + '</p>'; eval(link.replace("xxx",cena_raty)); if(parsefloat(koszyk_raty) > 0) if((parsefloat(cena_raty) > parsefloat(min)) && (parsefloat(cena_raty) < parsefloat(max))) inputcode = inputcode + '<h2>'+ menu_instalment_label +'</h2><button onclick="'+ link.replace("xxx",cena_raty) +'">'+ menu_instalment_singleproduct + cena_raty + instalment_currency + '</button>'; var sum_raty = parsefloat(koszyk_raty) + parsefloat(cena_raty); sum_raty = sum_raty.tofixed(2); if( sum_raty > parsefloat(max)) inputcode = inputcode + '<h2>' + menu_instalment_label_maxbasket + name + menu_instalment_label_to + max + instalment_currency + '</h2><span class="info">' + menu_instalment_text_maxb + '</span>'; if((maxquantity!= '') && (basket_count > maxquantity)) inputcode = inputcode + '<p class="warning">' + menu_instalment_toomany + maxquantity + menu_instalment_toomany2 + '</p>'; if(sum_raty >= parsefloat(min)) inputcode = inputcode + '<button onclick="'+ link.replace("xxx",sum_raty) +'">'+ menu_instalment_basketproduct + sum_raty + instalment_currency + '</button>'; alert(link+';'); eval(link); //eval(link.replace("xxx",cena_raty));
if((maxquantity!= '') && (basket_count > maxquantity)) inputcode = inputcode + '<p class="warning">' + menu_instalment_toomany + maxquantity + menu_instalment_toomany2 + '</p>'; if(parsefloat(pricetotal)!= parsefloat(cena_raty)) var sum_raty = parsefloat(pricetotal); sum_raty = sum_raty.tofixed(2) inputcode = inputcode + '<h2>'+ menu_instalment_label +'</h2><button onclick="'+ link.replace("xxx",cena_raty) +'">'+ menu_instalment_multiproduct + sum_raty + instalment_currency + '</button>'; inputcode = inputcode + '<p class="warning">' + menu_instalment_notall + '</p>'; eval(link.replace("xxx",cena_raty)); function show_instalments(inputcode) Popup.resizeOverlay(); $('#cover, #instalment_dialog img').bind('click',function() $('#cover').hide(); $('#instalment_dialog').css('top','0').hide(); ); $("#instalment_dialog > div").html(''); $("#instalment_dialog > div").html(inputcode); $('#instalment_dialog').show(); $('#instalment_dialog').animate('top':$(window).height() / 2 - $ ('#instalment_dialog').height() / 2 + $(window).scrolltop()); Ostatnim krokiem jest ustawienie pola Wyświetlaj w na Sekcja Head oraz Wyświetlaj na podstronach na wartość: wszystkich
1.3 Klikamy na przycisk nowy dodatek. Postępujemy analogicznie jak w punkcie 1.1 oraz 1.2. Ustawiamy nazwę na Calc_mRaty_1. Następnie wklejamy poniższy kod: <script src="/data/include/cms/mbank-raty/js/calculators.js" type="text/javascript"></script> <link type="text/css" rel="stylesheet" href="/data/include/cms/mbank-raty/mbcalc_style.css" media="screen,projection" /> <script src="https://ssl.intercon.pl/mbpartner/kalkulatory/calc/mbcalc.php? sprzedawca=79785584&pid=0&target=calc1" type="text/javascript"></script> <script>calc1 = new mbank_raty('calc1','2030.33');calc1.calculator_1();</script> Kod ten dodaje odpowiednie biblioteki oraz inicjalizuje nowy obiekt za pomocą konstruktora mbank_raty. Obiekt ten dostępny jest pod zmienną Calc1. Ustawiona jest tutaj właściwość target wskazująca na element o nazwie calc1. Ustawiamy wartość Wszystkich dla Wyświetlaj na podstronach. 2. Moderacja - > Bandery, butony, reklamy 2.1 Dodawanie kalkulatora na WWW Ustawienie wcześniej stworzonego kalkulatora odbywa się za pomocą dodania elementu div. Pod dowolny wybrany button wklejamy w edytor HTML następujący kod: <div id="calc1"></div>