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

[anadikt]

Подскажите пожалуйста как сделать так, чтобы скрыть внешние ссылки: к примеру вместо ссылки картинка на которой написано "показать", а при нажатии на нее появляется сама ссылка???!

Заранее благодарен!!!

 

[ВладимирТрой]

набросал простенький примерчик, там текст ссылки заменяется на "показать", при щелчке появляется текст который был изначально и соответственно при втором клике идет сам переход по внешней ссылке

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;
});

 

[AzazelloBiz]

а куда именно надо прописывать данный скрипт? В код шаблона?
И еще вопрос: поисковые боты видят (индексируют) такие ссылки?

 

[ВладимирТрой]

этот код нужно добавлять в конец страницы (хотя в принципе можно сделать $(document).ready(..) и добавлять куда угодно)
начальные (необработанные скриптом ссылки) поисковый робот видит - потому что это javascript и работает на клиенте

 

[TonyC]

Такой вариант с картинкой

<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="http://www.nulled.cc/styles/default/nulled/logo.png" onclick="this.style.display='none'"></a><div style="display: none">
text here
</div></div>