Переключатель видимости блока в JS

На сайте всем известного Артемия Лебедева, который любит пошутить, оставляя в сорсе своего сайта всевозможные неформатные комментарии, приколы и прочее, нашлось очередное “пасхальное яйцо”.

Фактически на любой странице сайта, при нажатии на Ctrl+A, справа от лого виден смайлик. Если на этот смайлик нажать, то открывается список из десяти последних входящих ссылок на его сайт, с кратким описанием.

Симпатичная штучка, которая позволяет хоть на короткое время получить на свой сайт ссылку с сайта, у которого PR7. :) Естественно что это дело кешироваться поисковиками не успевает, так что толка чуть.

А реализовано это очень просто:

<а class="yr" hrеf="#yd" onclick="document.getElеmentById("yr").style.display = document.getElementById("yr").style.display== "none" ? "block" : "none"; return(false);">:-)</a>
<div id="yr" style="display:none;">
Some content</div>

Маахонький скриптик, который при нажатии на ссылку проверяет свойство display у заданного блока, и соответственно меняет его на противоположное. Никаких AJAX’ов, prototype’ов и прочая.

Эта запись была опубликована в рубрике Scripting. Вы можете следить за комментариями к этой записи.

Комментарии

  1. Severus написал:

    Спасибо
    Тоже добавил, но ведь шанс совпадения появления subj и прихода поисковой машины есть ;)

  2. neutrino написал:

    [quote comment="517"]Спасибо
    Тоже добавил, но ведь шанс совпадения появления subj и прихода поисковой машины есть ;)[/quote]

    Не думаю :) С такой скоростью, с которой распространяется эта новость по Сети – шансов нет :)

  3. vasian написал:

    спасибо,я тоже себе добавил.

  4. Scream написал:

    > … открывается список из десяти последних входящих ссылок на его сайт, с кратким описанием

    А как такое реализовать? :)

  5. neutrino написал:

    [quote comment="815"]
    А как такое реализовать? :)[/quote]

    На сколько я помню, из Яндекса можно тянуть RSS выдачи по определенным ключевикам. Копайте в этом направлении.

Leave a Reply

Your email is never published nor shared. Required fields are marked *

*

You may use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>