2013-02-11 3 views
0

Хорошо, поэтому я попытался интегрировать this datepicker на страницу моего magento с целью проверки возраста.Javascript/jquery age verification popup for magento

Я успешно добавил необходимые файлы сценария CSS и jQuery в раздел главы моей страницы magento, но я не могу понять, где добавить html.

Источник пакета доступен here вместе с файлами html и javascript. Я хочу изменить его так, чтобы, когда человеку больше 18 лет, они остаются на странице, а если нет, они перенаправляются на google.com.

Невозможно получить эту работу, потому что я не уверен, как добавить код index.html файла на мою страницу magento. Я бы очень признателен за помощь.

Или есть альтернативный (более простой) способ поставить «проверку возраста» с помощью куки-файлов без использования PHP-скрипта?

ответ

0

Вы можете использовать следующий скрипт, для которого эта проверка может помочь вам.

<script> 
function check_dob() 
{ 
    var month = document.getElementById('month').value; 
    var day = document.getElementById('day').value; 
    var year = document.getElementById('year').value; 
    var dbDate = year+'-'+month+'-'+day; 
    var today = new Date(); 
    var birthDate = new Date(dbDate); 
    var age = today.getFullYear() - birthDate.getFullYear(); 
    var m = today.getMonth() - birthDate.getMonth(); 
    if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) { 
    age--; 
    } 

    if(age<=20) 
    { 
     alert("You are under "+age+" Year") 
    } 
} 
</script> 
0

Вам нужно поместить некоторые/все html в ваш шаблон, возможно, где-нибудь там, где он будет на каждой странице. например/app/design/frontend/package /_theme_/template/page/html/header.phtml

+0

Здравствуйте, Джаред, спасибо, что ответили. Я добавил html файла index.html из пакета в header.phtml, но он не работает. Можете ли вы предложить лучший способ поместить возрастные ворота в пурпурный? –

+0

«Это не сработало» для меня недостаточно. Почему это не сработало. Возможно ли, что у него не было JS или CSS? Этот пакет кажется прекрасным (при условии, что он соответствует всем нормам, необходимым для вас). В противном случае вам придется использовать PHP и т. Д. –

+0

Вот что я сделал: Я скопировал весь код из файла d index.html из пакета и вставил его в 2 файл header.phtml, как вы сказали (cuz, я хочу, чтобы 2 появлялись на каждом страница). NEXT Я удалил старые ссылки путей для необходимых файлов .js и .css в скопированном коде и добавил новые ссылки на пути .js и .css-файлов (которые я сохранил локально на своем сервере) на странице. XML-файл, расположенный в "/ приложение/дизайн/интерфейс/по умолчанию/MY_THEME/макет/ так: "<метод действия =" addJs"> " Теперь я вижу код в источнике страницы, но он не работает. –