Untitled
unknown
plain_text
3 years ago
43 kB
3
Indexable
window.eg_table = ''+
'<div class="row eg_table">'+
' <div class="shahry active">'+
' <table>'+
' <thead>'+
' <tr>'+
' <th></th>'+
' <th>S</th>'+
' <th>M</th>'+
' <th>L</th>'+
' <th>XL</th>'+
' </tr>'+
' </thead>'+
' <tbody>'+
' <tr class="localData">'+
' <th class="eg_title">Local Data</th>'+
' <th class="shahry_s">18 GB*</th>'+
' <th class="shahry_m">30 GB*</th>'+
' <th class="shahry_l">42 GB*</th>'+
' <th class="shahry_xl">60 GB*</th>'+
' </tr>'+
' <tr class="WhatsAppData">'+
' <th class="eg_title">WhatsApp Data</th>'+
' <th class="shahry_s">Included</th>'+
' <th class="shahry_m">Included</th>'+
' <th class="shahry_l">Included</th>'+
' <th class="shahry_xl">Included</th>'+
' </tr>'+
' <tr class="localCalls">'+
' <th class="eg_title">Local calls & SMS</th>'+
' <th class="shahry_s">750 min *</th>'+
' <th class="shahry_m">1800 min *</th>'+
' <th class="shahry_l">3000 min *</th>'+
' <th class="shahry_xl">Unlimited</th>'+
' </tr>'+
' <tr class="internationalMin">'+
' <th class="eg_title">International minutes</th>'+
' <th class="shahry_s">25 min</th>'+
' <th class="shahry_m">50 min</th>'+
' <th class="shahry_l">75 min</th>'+
' <th class="shahry_xl">200 min*</th>'+
' </tr>'+
' <tr class="roamingData">'+
' <th class="eg_title">Roaming data</th>'+
' <th class="shahry_s null">x</th>'+
' <th class="shahry_m null">x</th>'+
' <th class="shahry_l null">x</th>'+
' <th class="shahry_xl">2 GB</th>'+
' </tr>'+
' <tr class="specialNumber">'+
' <th class="eg_title">Special Number</th>'+
' <th class="shahry_s null">x</th>'+
' <th class="shahry_m null">x</th>'+
' <th class="shahry_l null">x</th>'+
' <th class="shahry_xl null">x</th>'+
' </tr>'+
' <tr class="benefits">'+
' <th class="eg_title">Exclusive Benefits</th>'+
' <th class="shahry_s null">✓</th>'+
' <th class="shahry_m null">✓</th>'+
' <th class="shahry_l null">✓</th>'+
' <th class="shahry_xl null">✓</th>'+
' </tr>'+
' <tr class="buttons">'+
' <th></th>'+
' <th class="shahry_s">'+
//' <a class="eg-button get-plan-btn" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?planId=211">GET PLAN</a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/shahry/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' <th class="shahry_m">'+
//' <a class="eg-button get-plan-btn" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?planId=212">GET PLAN</a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/shahry/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' <th class="shahry_l">'+
//' <a class="eg-button get-plan-btn" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?planId=209">GET PLAN</a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/shahry/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' <th class="shahry_xl ">'+
//' <a class="eg-button get-plan-btn" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?planId=213">GET PLAN</a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/shahry/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' </tr>'+
' </tbody>'+
' </table>'+
' <p class="eg_privacyPolicy">* Offer applicable for the first 12 months, <br>changing thereafter to standard prices and allowances. <br><a href="https://www.ooredoo.qa/web/en/general-terms-and-conditions-for-consumer-services/">Terms and conditions apply</a>.</p>'+
' </div>'+
' <div class="qatarna">'+
' <table>'+
' <thead>'+
' <tr>'+
' <th></th>'+
' <th>Silver</th>'+
' <th>Platinum</th>'+
' <th>Gold</th>'+
' </tr>'+
' </thead>'+
' <tbody>'+
' <tr class="localData">'+
' <th class="eg_title">Local Data</th>'+
' <th class="qatarna_silver">120 GB*</th>'+
' <th class="qatarna_platinum">500 GB</th>'+
' <th class="qatarna_gold">150 GB</th>'+
' </tr>'+
' <tr class="WhatsAppData">'+
' <th class="eg_title">WhatsApp Data</th>'+
' <th class="qatarna_silver">Included</th>'+
' <th class="qatarna_platinum">Included</th>'+
' <th class="qatarna_gold">Included</th>'+
' </tr>'+
' <tr class="localCalls">'+
' <th class="eg_title">Local calls & SMS</th>'+
' <th class="qatarna_silver">Unlimited</th>'+
' <th class="qatarna_platinum">Unlimited</th>'+
' <th class="qatarna_gold">Unlimited</th>'+
' </tr>'+
' <tr class="internationalMin">'+
' <th class="eg_title">International minutes</th>'+
' <th class="qatarna_silver">150 min</th>'+
' <th class="qatarna_platinum">300 min</th>'+
' <th class="qatarna_gold">200 min</th>'+
' </tr>'+
' <tr class="roamingData">'+
' <th class="eg_title">Roaming data</th>'+
' <th class="qatarna_silver">30 GB</th>'+
' <th class="qatarna_platinum">100 GB</th>'+
' <th class="qatarna_gold">50 GB</th>'+
' </tr>'+
' <tr class="specialNumber">'+
' <th class="eg_title">Special Number</th>'+
' <th class="qatarna_silver">Free</th>'+
' <th class="qatarna_platinum">Free</th>'+
' <th class="qatarna_gold">Free</th>'+
' </tr>'+
' <tr class="benefits">'+
' <th class="eg_title">Exclusive Benefits</th>'+
' <th class="qatarna_silver">✓</th>'+
' <th class="qatarna_platinum">✓</th>'+
' <th class="qatarna_gold">✓</th>'+
' </tr>'+
' <tr class="buttons">'+
' <th></th>'+
' <th class="qatarna_silver">'+
// ' <a class="eg-button" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?planId=787"><p>BUY NEW SIM</p></a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/qatarna/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' <th class="gatarna_platinum">'+
//' <a class="eg-button" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?planId=215"><p>BUY NEW SIM</p></a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/qatarna/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' <th class="qatarna_gold">'+
//' <a class="eg-button" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?planId=1161"><p>BUY NEW SIM</p></a>'+
' <a hhref="https://www.ooredoo.qa/web/en/postpaid-plans/qatarna/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' </tr>'+
' </tbody>'+
' </table>'+
' </div>'+
' <div class="sim">'+
' <table>'+
' <thead>'+
' <tr>'+
' <th></th>'+
' <th>S</th>'+
' <th>M</th>'+
' <th>L</th>'+
' <th>MAX</th>'+
' </tr>'+
' </thead>'+
' <tbody>'+
' <tr class="localData">'+
' <th class="eg_title">Local Data</th>'+
' <th class="sim_s">20 GB *</th>'+
' <th class="sim_m">50 GB *</th>'+
' <th class="sim_l">Unlimited</th>'+
' <th class="sim_xl">Unlimited</th>'+
' </tr>'+
' <tr class="WhatsAppData">'+
' <th class="eg_title">WhatsApp Data</th>'+
' <th class="sim_s null">x</th>'+
' <th class="sim_m null">x</th>'+
' <th class="sim_l null">x</th>'+
' <th class="sim_xl null">x</th>'+
' </tr>'+
' <tr class="localCalls">'+
' <th class="eg_title">Local calls & SMS</th>'+
' <th class="sim_s null">x</th>'+
' <th class="sim_m null">x</th>'+
' <th class="sim_l null">x</th>'+
' <th class="sim_xl null">x</th>'+
' </tr>'+
' <tr class="internationalMin">'+
' <th class="eg_title">International minutes</th>'+
' <th class="sim_s null">x</th>'+
' <th class="sim_m null">x</th>'+
' <th class="sim_l null">x</th>'+
' <th class="sim_xl null">x</th>'+
' </tr>'+
' <tr class="roamingData">'+
' <th class="eg_title">Roaming data</th>'+
' <th class="sim_s null">x</th>'+
' <th class="sim_m null">x</th>'+
' <th class="sim_l null">x</th>'+
' <th class="sim_xl null">x</th>'+
' </tr>'+
' <tr class="specialNumber">'+
' <th class="eg_title">Special Number</th>'+
' <th class="sim_s null">x</th>'+
' <th class="sim_m null">x</th>'+
' <th class="sim_l null">x</th>'+
' <th class="sim_xl null">x</th>'+
' </tr>'+
' <tr class="benefits">'+
' <th class="eg_title">Exclusive Benefits</th>'+
' <th class="sim_s null">✓</th>'+
' <th class="sim_m null">✓</th>'+
' <th class="sim_l null">✓</th>'+
' <th class="sim_xl null">✓</th>'+
' </tr>'+
' <tr class="buttons">'+
' <th></th>'+
' <th class="sim_s">'+
' <a class="eg-button" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?type=dataSIM&planId=2044"><p>BUY NEW SIM</p></a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/5g-data-sim/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' <th class="sim_m">'+
' <a class="eg-button" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?type=dataSIM&planId=2045"><p>BUY NEW SIM</p></a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/5g-data-sim/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' <th class="sim_l">'+
' <a class="eg-button" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?type=dataSIM&planId=2046"><p>BUY NEW SIM</p></a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/5g-data-sim/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' <th class="sim_xl">'+
' <a class="eg-button" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?type=dataSIM&planId=2048"><p>BUY NEW SIM</p></a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/5g-data-sim/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' </tr>'+
' </tbody>'+
' </table>'+
' <p class="eg_privacyPolicy">* Offer applicable for the first 12 months, <br>changing thereafter to standard prices and allowances. <br><a href="https://www.ooredoo.qa/web/en/general-terms-and-conditions-for-consumer-services/">Terms and conditions apply</a>.</p>'+
' </div>'+
'</div>';
window.eg_table = ''+
'<div class="row eg_table">'+
' <div class="shahry active">'+
' <table>'+
' <thead>'+
' <tr>'+
' <th></th>'+
' <th>S</th>'+
' <th>M</th>'+
' <th>L</th>'+
' <th>XL</th>'+
' </tr>'+
' </thead>'+
' <tbody>'+
' <tr class="localData">'+
' <th class="eg_title">Local Data</th>'+
' <th class="shahry_s">18 GB*</th>'+
' <th class="shahry_m">30 GB*</th>'+
' <th class="shahry_l">42 GB*</th>'+
' <th class="shahry_xl">60 GB*</th>'+
' </tr>'+
' <tr class="WhatsAppData">'+
' <th class="eg_title">WhatsApp Data</th>'+
' <th class="shahry_s">Included</th>'+
' <th class="shahry_m">Included</th>'+
' <th class="shahry_l">Included</th>'+
' <th class="shahry_xl">Included</th>'+
' </tr>'+
' <tr class="localCalls">'+
' <th class="eg_title">Local calls & SMS</th>'+
' <th class="shahry_s">750 min *</th>'+
' <th class="shahry_m">1800 min *</th>'+
' <th class="shahry_l">3000 min *</th>'+
' <th class="shahry_xl">Unlimited</th>'+
' </tr>'+
' <tr class="internationalMin">'+
' <th class="eg_title">International minutes</th>'+
' <th class="shahry_s">25 min</th>'+
' <th class="shahry_m">50 min</th>'+
' <th class="shahry_l">75 min</th>'+
' <th class="shahry_xl">200 min*</th>'+
' </tr>'+
' <tr class="roamingData">'+
' <th class="eg_title">Roaming data</th>'+
' <th class="shahry_s null">x</th>'+
' <th class="shahry_m null">x</th>'+
' <th class="shahry_l null">x</th>'+
' <th class="shahry_xl">2 GB</th>'+
' </tr>'+
' <tr class="specialNumber">'+
' <th class="eg_title">Special Number</th>'+
' <th class="shahry_s null">x</th>'+
' <th class="shahry_m null">x</th>'+
' <th class="shahry_l null">x</th>'+
' <th class="shahry_xl null">x</th>'+
' </tr>'+
' <tr class="benefits">'+
' <th class="eg_title">Exclusive Benefits</th>'+
' <th class="shahry_s null">✓</th>'+
' <th class="shahry_m null">✓</th>'+
' <th class="shahry_l null">✓</th>'+
' <th class="shahry_xl null">✓</th>'+
' </tr>'+
' <tr class="buttons">'+
' <th></th>'+
' <th class="shahry_s">'+
//' <a class="eg-button get-plan-btn" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?planId=211">GET PLAN</a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/shahry/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' <th class="shahry_m">'+
//' <a class="eg-button get-plan-btn" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?planId=212">GET PLAN</a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/shahry/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' <th class="shahry_l">'+
//' <a class="eg-button get-plan-btn" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?planId=209">GET PLAN</a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/shahry/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' <th class="shahry_xl ">'+
//' <a class="eg-button get-plan-btn" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?planId=213">GET PLAN</a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/shahry/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' </tr>'+
' </tbody>'+
' </table>'+
' <p class="eg_privacyPolicy">* Offer applicable for the first 12 months, <br>changing thereafter to standard prices and allowances. <br><a href="https://www.ooredoo.qa/web/en/general-terms-and-conditions-for-consumer-services/">Terms and conditions apply</a>.</p>'+
' </div>'+
' <div class="qatarna">'+
' <table>'+
' <thead>'+
' <tr>'+
' <th></th>'+
' <th>Silver</th>'+
' <th>Platinum</th>'+
' <th>Gold</th>'+
' </tr>'+
' </thead>'+
' <tbody>'+
' <tr class="localData">'+
' <th class="eg_title">Local Data</th>'+
' <th class="qatarna_silver">120 GB*</th>'+
' <th class="qatarna_platinum">500 GB</th>'+
' <th class="qatarna_gold">150 GB</th>'+
' </tr>'+
' <tr class="WhatsAppData">'+
' <th class="eg_title">WhatsApp Data</th>'+
' <th class="qatarna_silver">Included</th>'+
' <th class="qatarna_platinum">Included</th>'+
' <th class="qatarna_gold">Included</th>'+
' </tr>'+
' <tr class="localCalls">'+
' <th class="eg_title">Local calls & SMS</th>'+
' <th class="qatarna_silver">Unlimited</th>'+
' <th class="qatarna_platinum">Unlimited</th>'+
' <th class="qatarna_gold">Unlimited</th>'+
' </tr>'+
' <tr class="internationalMin">'+
' <th class="eg_title">International minutes</th>'+
' <th class="qatarna_silver">150 min</th>'+
' <th class="qatarna_platinum">300 min</th>'+
' <th class="qatarna_gold">200 min</th>'+
' </tr>'+
' <tr class="roamingData">'+
' <th class="eg_title">Roaming data</th>'+
' <th class="qatarna_silver">30 GB</th>'+
' <th class="qatarna_platinum">100 GB</th>'+
' <th class="qatarna_gold">50 GB</th>'+
' </tr>'+
' <tr class="specialNumber">'+
' <th class="eg_title">Special Number</th>'+
' <th class="qatarna_silver">Free</th>'+
' <th class="qatarna_platinum">Free</th>'+
' <th class="qatarna_gold">Free</th>'+
' </tr>'+
' <tr class="benefits">'+
' <th class="eg_title">Exclusive Benefits</th>'+
' <th class="qatarna_silver">✓</th>'+
' <th class="qatarna_platinum">✓</th>'+
' <th class="qatarna_gold">✓</th>'+
' </tr>'+
' <tr class="buttons">'+
' <th></th>'+
' <th class="qatarna_silver">'+
// ' <a class="eg-button" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?planId=787"><p>BUY NEW SIM</p></a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/qatarna/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' <th class="gatarna_platinum">'+
//' <a class="eg-button" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?planId=215"><p>BUY NEW SIM</p></a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/qatarna/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' <th class="qatarna_gold">'+
//' <a class="eg-button" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?planId=1161"><p>BUY NEW SIM</p></a>'+
' <a hhref="https://www.ooredoo.qa/web/en/postpaid-plans/qatarna/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' </tr>'+
' </tbody>'+
' </table>'+
' </div>'+
' <div class="sim">'+
' <table>'+
' <thead>'+
' <tr>'+
' <th></th>'+
' <th>S</th>'+
' <th>M</th>'+
' <th>L</th>'+
' <th>MAX</th>'+
' </tr>'+
' </thead>'+
' <tbody>'+
' <tr class="localData">'+
' <th class="eg_title">Local Data</th>'+
' <th class="sim_s">20 GB *</th>'+
' <th class="sim_m">50 GB *</th>'+
' <th class="sim_l">Unlimited</th>'+
' <th class="sim_xl">Unlimited</th>'+
' </tr>'+
' <tr class="WhatsAppData">'+
' <th class="eg_title">WhatsApp Data</th>'+
' <th class="sim_s null">x</th>'+
' <th class="sim_m null">x</th>'+
' <th class="sim_l null">x</th>'+
' <th class="sim_xl null">x</th>'+
' </tr>'+
' <tr class="localCalls">'+
' <th class="eg_title">Local calls & SMS</th>'+
' <th class="sim_s null">x</th>'+
' <th class="sim_m null">x</th>'+
' <th class="sim_l null">x</th>'+
' <th class="sim_xl null">x</th>'+
' </tr>'+
' <tr class="internationalMin">'+
' <th class="eg_title">International minutes</th>'+
' <th class="sim_s null">x</th>'+
' <th class="sim_m null">x</th>'+
' <th class="sim_l null">x</th>'+
' <th class="sim_xl null">x</th>'+
' </tr>'+
' <tr class="roamingData">'+
' <th class="eg_title">Roaming data</th>'+
' <th class="sim_s null">x</th>'+
' <th class="sim_m null">x</th>'+
' <th class="sim_l null">x</th>'+
' <th class="sim_xl null">x</th>'+
' </tr>'+
' <tr class="specialNumber">'+
' <th class="eg_title">Special Number</th>'+
' <th class="sim_s null">x</th>'+
' <th class="sim_m null">x</th>'+
' <th class="sim_l null">x</th>'+
' <th class="sim_xl null">x</th>'+
' </tr>'+
' <tr class="benefits">'+
' <th class="eg_title">Exclusive Benefits</th>'+
' <th class="sim_s null">✓</th>'+
' <th class="sim_m null">✓</th>'+
' <th class="sim_l null">✓</th>'+
' <th class="sim_xl null">✓</th>'+
' </tr>'+
' <tr class="buttons">'+
' <th></th>'+
' <th class="sim_s">'+
' <a class="eg-button" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?type=dataSIM&planId=2044"><p>BUY NEW SIM</p></a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/5g-data-sim/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' <th class="sim_m">'+
' <a class="eg-button" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?type=dataSIM&planId=2045"><p>BUY NEW SIM</p></a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/5g-data-sim/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' <th class="sim_l">'+
' <a class="eg-button" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?type=dataSIM&planId=2046"><p>BUY NEW SIM</p></a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/5g-data-sim/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' <th class="sim_xl">'+
' <a class="eg-button" href="https://www.ooredoo.qa/postpaid-plans/postpaid-personal-details?type=dataSIM&planId=2048"><p>BUY NEW SIM</p></a>'+
' <a href="https://www.ooredoo.qa/web/en/postpaid-plans/5g-data-sim/" class="eg_learn">LEARN MORE</a>'+
' </th>'+
' </tr>'+
' </tbody>'+
' </table>'+
' <p class="eg_privacyPolicy">* Offer applicable for the first 12 months, <br>changing thereafter to standard prices and allowances. <br><a href="https://www.ooredoo.qa/web/en/general-terms-and-conditions-for-consumer-services/">Terms and conditions apply</a>.</p>'+
' </div>'+
'</div>';
(function () {
try {
/* main variables */
var debug = 0;
var variation_name = "";
var $;
/* all Pure helper functions */
function waitForElement(selector, trigger, delayInterval, delayTimeout) {
var interval = setInterval(function () {
if (
document &&
document.querySelector(selector) &&
document.querySelectorAll(selector).length > 0 && window.eg_cards && window.eg_table
) {
clearInterval(interval);
trigger();
}
}, delayInterval);
setTimeout(function () {
clearInterval(interval);
}, delayTimeout);
}
function waitForjQuery(trigger, delayInterval, delayTimeout) {
var interval = setInterval(function () {
if (window.jQuery !== undefined) {
clearInterval(interval);
trigger(window.jQuery);
}
}, delayInterval);
setTimeout(function () {
clearInterval(interval);
}, delayTimeout);
}
function live (selector, event, callback, context) {
/****Helper Functions****/
// helper for enabling IE 8 event bindings
function addEvent(el, type, handler) {
if (el.attachEvent) el.attachEvent("on" + type, handler);
else el.addEventListener(type, handler);
}
// matches polyfill
this.Element &&
(function (ElementPrototype) {
ElementPrototype.matches =
ElementPrototype.matches ||
ElementPrototype.matchesSelector ||
ElementPrototype.webkitMatchesSelector ||
ElementPrototype.msMatchesSelector ||
function (selector) {
var node = this,
nodes = (
node.parentNode || node.document
).querySelectorAll(selector),
i = -1;
while (nodes[++i] && nodes[i] != node);
return !!nodes[i];
};
})(Element.prototype);
// live binding helper using matchesSelector
function live(selector, event, callback, context) {
addEvent(context || document, event, function (e) {
var found,
el = e.target || e.srcElement;
while (
el &&
el.matches &&
el !== context &&
!(found = el.matches(selector))
)
el = el.parentElement;
if (found) callback.call(el, e);
});
}
live(selector, event, callback, context);
}
/* Variation functions */
/* Variation Init */
function init() {
/* start your code here */
document.querySelector('.CMS-shahryAddons .cards-section .plans').innerHTML = window.eg_cards+'<p class="eg_privacyPolicy">* Offer applicable for the first 12 months, <br>changing thereafter to standard prices and allowances. <br><a href="https://www.ooredoo.qa/web/en/general-terms-and-conditions-for-consumer-services/">Terms and conditions apply</a>.</p>';
document.querySelector('.CMS-shahryAddons .cards-section .plans').insertAdjacentHTML('afterend',window.eg_table);
live('.eg-card','click',function(){
if(this.classList.contains('active') != true){
document.querySelector('.eg-card.active').classList.remove('active');
this.classList.add('active');
document.querySelector('.eg_table > div.active').classList.remove('active');
var getId = this.getAttribute('id');
document.querySelector('.eg_table .'+getId).classList.add('active');
}
})
live('.eg_plan_name.mobile span','click',function(){
if(this.classList.contains('active') != true){
document.querySelector('.eg-card.active .eg_plan_name.mobile span.active').classList.remove('active');
this.classList.add('active');
var getId = this.getAttribute('id');
document.querySelector('.eg-card.active .eg_mobile_table.active').classList.remove('active');
document.querySelector('[data-id="'+getId+'"]').classList.add('active');
}
})
shahry();
qatarna();
sim();
}
function shahry(){
// get shahry details
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var shahry = document.createElement('div');
shahry.innerHTML = xhttp.responseText;
if(shahry.querySelector('#postpaid-plan-card-items [data-analytic-variant="S"] h2')){
var shahryPrice = shahry.querySelector('#postpaid-plan-card-items [data-analytic-variant="S"] h2').innerHTML;
document.querySelector('.eg-card#shahry .eg_price').innerHTML = shahryPrice;
}
}
};
xhttp.open("GET", "https://www.ooredoo.qa/web/en/postpaid-plans/shahry/", true);
xhttp.send();
}
function qatarna(){
// get Qatarna details
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var qatarna = document.createElement('div');
qatarna.innerHTML = xhttp.responseText;
if(qatarna.querySelector('#postpaid-plan-card-items [data-analytic-variant="Silver"] h2 span')){
var qatarnaPrice = qatarna.querySelector('#postpaid-plan-card-items [data-analytic-variant="Silver"] h2 span').innerHTML;
document.querySelector('.eg-card#qatarna .eg_price').innerHTML = qatarnaPrice;
}
}
};
xhttp.open("GET", "https://www.ooredoo.qa/web/en/postpaid-plans/qatarna/", true);
xhttp.send();
}
function sim(){
// get Data Sim details
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var sim = document.createElement('div');
sim.innerHTML = xhttp.responseText;
if(sim.querySelector('#postpaid-plan-card-items [data-analytic-variant="S"] h2')){
var simPrice = sim.querySelector('#postpaid-plan-card-items [data-analytic-variant="S"] h2').innerHTML;
document.querySelector('.eg-card#sim .eg_price').innerHTML = simPrice;
}
}
};
xhttp.open("GET", "https://www.ooredoo.qa/web/en/postpaid-plans/5g-data-sim/", true);
xhttp.send();
}
/* Initialize variation */
waitForElement(".CMS-shahryAddons .cards-section .plans", init, 50, 15000);
} catch (e) {
if (debug) console.log(e, "error in Test" + variation_name);
}
})();
<style>
html body .CMS-shahryAddons .cards-section .plans{
margin-bottom: 6%;
}
html body .CMS-shahryAddons .cards-section .plans .eg-card p{
min-height: auto;
}
html body .CMS-shahryAddons .cards-section .plans .eg-card{
padding: 0;
}
html body .CMS-shahryAddons .cards-section .plans .eg-card.active{
box-shadow: 0px 0px 10px 6px #c9e4fe;
}
html body .eg-card .eg_heading {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 30px 20px 25px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
html body .eg-card#qatarna.active .eg_heading,
html body .eg-card#shahry.active .eg_heading{
background: #ff0006;
}
html body .eg-card#sim.active .eg_heading{
background: #655e5e;
}
html body .eg-card#shahry .eg_heading,
html body .eg-card#qatarna .eg_heading{
background: #f09491;
}
html body .eg-card#sim .eg_heading{
background: #827979;
}
html body .eg-card .eg_heading h4{
font-size: 30px;
margin: 0;
color: #fff;
font-weight: 600;
}
html body .eg-card .eg_mobile {
display: flex;
align-items: center;
color: #fff;
}
html body .eg-card .eg_mobile img{
width: 15px;
}
html body .eg-card .eg_mobile p{
line-height: 15px;
font-size: 12px;
margin-left: 5px;
text-transform: uppercase;
opacity: 0.9;
}
html body .eg_plan_name {
text-align: center;
background: #ffe3e5;
}
html body .eg_plan_name span {
font-size: 13px;
color: #898989;
line-height: 26px;
padding: 0px 5px;
position: relative;
}
html body .eg_plan_name span:not(:last-of-type)::after{
content: '.';
position: absolute;
color: #898989;
right: -3px;
top: -8px;
}
html body .eg_pricing {
padding: 35px 0;
display: flex;
justify-content: center;
}
html body .eg_from{
font-size: 26px;
line-height: 45px;
color: #898989;
margin-right: 15px;
}
html body .eg_price {
font-size: 30px;
font-weight: 700;
color: #ed1c24;
}
html body .eg_qr{
margin-top: 6px;
margin-right: 4px;
}
html body .eg_month{
margin-top: 15px;
color: #898989;
margin-left: 5px;
}
html body .eg_para{
padding: 0 20px 30px;
}
html body .eg-card .link-btn{
padding: 0 20px 0px;
margin-bottom: 30px;
cursor: pointer;
}
html body .eg_steps > h3{
color: #000;
}
html body .CMS-shahryAddons .steps-wrap .step p{
color: #898989;
}
html body .CMS-shahryAddons .steps-wrap .step img{
width: 40px;
}
html body .eg_plan_name.mobile {
display: none;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
html body .eg_plan_name.mobile span{
flex: 1;
padding: 2px 0;
}
html body .eg_plan_name.mobile span::after{
display: none;
}
html body .eg_plan_name.mobile span.active{
background: #ed1c24;
color: #fff;
}
html body .eg_plan_name.mobile span:nth-of-type(1).active{
border-bottom-left-radius: 10px;
}
html body .eg-card.active .eg_plan_name.mobile,
html body .eg-card.active .eg_plan_name.mobile span:last-of-type,
html body .eg-card.active .eg_plan_name.mobile span:nth-of-type(1){
border-radius: 0;
}
/* table */
html body .eg_table table,
html body .eg_table > div{
width: 100%;
text-align: center;
}
html body .eg_table tbody tr:not(.buttons):not(.benefits){
border-bottom: 1px solid;
}
html body .eg_table table tr th{
padding: 15px;
}
html body .eg_table table thead th{
color: #898989;
font-size: 26px;
}
html body .eg_table table th.eg_title{
background: #ffe3e5;
min-width: 250px;
}
html body .eg_mobile_table .eg_learn,
html body .eg_table table .buttons .eg_learn{
font-weight: 400;
font-size: 13px;
text-decoration: underline !important;
font-size: 15px;
line-height: 18px;
font-weight: 900;
color: #ed1c24 !important;
font-family: "Rubik" !important;
cursor: pointer;
}
html body .eg_table table .buttons .eg_learn:hover{
text-decoration: none !important;
}
html body .eg_mobile_table .eg-button,
html body .eg_table table .buttons .eg-button{
font-size: 14px;
cursor: pointer;
background-color: #ed1c24;
color: #fff;
height: 34px;
width: 140px;
text-align: center;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
}
html body .eg_mobile_table .eg-button{
margin: 0;
}
html body .eg_table > div{
display: none;
}
html body .eg_table > div.active{
display: block;
}
html body .eg-card .eg_mobile_table{
display: none;
}
html body .eg-card.active .eg_mobile_table > div{
text-align: center;
padding: 10px 0;
}
html body .eg-card.active .eg_mobile_table > div:nth-last-of-type(2){
border-bottom: none !important;
}
html body .eg-card.active .eg_mobile_table > div:not(:last-of-type){
border-bottom: 1px solid;
}
html body .eg-card.active .eg_mobile_table .eg_title{
font-weight: 700;
}
html body .eg-card.active .eg_mobile_table .buttons{
display: flex;
justify-content: space-around;
align-items: center;
}
html body .eg_privacyPolicy {
margin-top: 50px;
text-align: center;
padding: 0 20px;
width: 100%;
}
html body .plans .eg_privacyPolicy{
display: none;
}
@media screen and (max-width: 930px){
html body .eg_table table .buttons .eg-button{
font-size: 11px;
width: 90px;
}
}
@media screen and (max-width: 767px){
html body .eg_table,
html body .eg_plan_name.desktop{
display: none;
}
html body .eg_plan_name.mobile{
display: flex;
}
html body .CMS-shahryAddons .cards-section .plans{
margin-bottom: 15%;
}
html body .eg-card.active .eg_mobile_table.active{
display: block;
}
html body .eg_privacyPolicy br{
display: none;
}
html body .plans .eg_privacyPolicy{
display: block !important;
}
}
</style>Editor is loading...