Obfuscate Your E-mail Address to Reduce Spam / Защита почтового адреса от спама

Привет!

Хочу защитить почтовый адрес от спама. Пытаюсь сделать это таким скриптом:

<SCRIPT LANGUAGE="JavaScript">
user = 'name';
site = 'domain.com';
document.write('<a href=\"mailto:' + user + '@' + site + '\">');
document.write(user + '@' + site + '</a>');
</SCRIPT>

Но как правильно встроить это в BEM придумать не получается. Получилось только заменить содержимое content на этот скрипт в зависимости от модификатора. Как же протянуть все классы для ссылки? Не подскажите в какую сторону смотреть или может уже кто-то решил данную задачу?

Заранее спасибо!

11 years ago

Guria

Какие именно технологии стека вы используете?

11 years ago

bradbenetton

@Guria BEMHTML, BEMJSON. Я так понял надо переопределить def() в BEMHTML, написал корявый BEMHTML:

block('link').mod('secret', 'on').def()(function() {
    function convMods (mods) {
        var str = '';
        for (var i in mods) {
            str += i + '_' + mods[i] + ' ';
        }
        return str;
    }
    var script = ' <SCRIPT LANGUAGE="JavaScript"> user = \'user\'; site = \'domain.com\'; document.write(\'<a href=\"mailto:\' + user + \'@\' + site + \'\" class=\"' + convMods(this.ctx.mods) + '\">\'); document.write(user + \'@\' + site + \'</a>\'); </SCRIPT>';
    this._buf.push(script);
});

11 years ago

Guria

Ого. А теперь можно подробнее? Если я правильно понимаю, вы желате сохранить функциональность блока link из bem-componets, но при этом не иметь email на странице в открытом виде? Инлайнить тег скрипт явно плохой вариант. Если уж у вас подключена bem-components, то и реализацию блока надо сделать с помощью i-bem.

11 years ago

Guria

Вкратце:

объявляете js реализацию модификатора _secret блока link (см. пример для того же блока link)
в init секции считываете js параметры this.param.user и this.param.site
устанавливаете полученный email с помощью метода setUrl блока link
в bemjson:

{
    block : 'link',
    mods : { secret : 'on' },
    js : { user : 'user', site : 'site.com' }
}

11 years ago

bradbenetton

Ок, спасибо.

Чтобы оставлять комментарии, необходимо авторизоваться.