Скрипт скрывающий ссылки на сайте

Тема в разделе "JavaScript", создана пользователем anadikt, 13 фев 2013.

Модераторы: ZiX
  1. anadikt

    anadikt

    Регистр.:
    29 янв 2010
    Сообщения:
    412
    Симпатии:
    66
    Подскажите пожалуйста как сделать так, чтобы скрыть внешние ссылки: к примеру вместо ссылки картинка на которой написано "показать", а при нажатии на нее появляется сама ссылка???!

    Заранее благодарен!!!
     
  2. ВладимирТрой

    ВладимирТрой Постоялец

    Регистр.:
    29 янв 2013
    Сообщения:
    53
    Симпатии:
    19
    набросал простенький примерчик, там текст ссылки заменяется на "показать", при щелчке появляется текст который был изначально и соответственно при втором клике идет сам переход по внешней ссылке
    Код:
    var _hide_text = "показать";
    var _hide_class = "hide-link";
    $("a[href*=http]").each(function(){
        $(this).attr("title", $(this).attr("href"));
        $(this).addClass (_hide_class);
        $(this).html(_hide_text);
        $(this).attr("target","_blank")
    }).click(function(){
        if (!$(this).hasClass(_hide_class) ) {
            return true;
        }
        $(this).html($(this).attr("title"));
        $(this).removeClass (_hide_class);
        return false;
    });
    
     
    Good_user нравится это.
  3. AzazelloBiz

    AzazelloBiz

    Регистр.:
    20 авг 2011
    Сообщения:
    334
    Симпатии:
    164
    а куда именно надо прописывать данный скрипт? В код шаблона?
    И еще вопрос: поисковые боты видят (индексируют) такие ссылки?
     
  4. ВладимирТрой

    ВладимирТрой Постоялец

    Регистр.:
    29 янв 2013
    Сообщения:
    53
    Симпатии:
    19
    этот код нужно добавлять в конец страницы (хотя в принципе можно сделать $(document).ready(..) и добавлять куда угодно)
    начальные (необработанные скриптом ссылки) поисковый робот видит - потому что это javascript и работает на клиенте
     
  5. TonyC

    TonyC

    Регистр.:
    6 мар 2008
    Сообщения:
    204
    Симпатии:
    89
    Такой вариант с картинкой
    HTML:
    <div align=center><a href="#" onclick="obj=this.parentNode.childNodes[1].style;
    tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">
    <img src="https://www.nulled.cc/styles/default/nulled/logo.png" onclick="this.style.display='none'"></a><div style="display: none">
    text here
    </div></div>
     
    anadikt нравится это.