Я заметил, что на этом ресурсе (blogspot.com) никто не использует такую функцию, как кат (cut), позволяющую спрятать большие фрагменты текста или иллюстрации. Поиск по системе помощи не дал ответа на вопрос, а есть ли сдесь такая функция. Пришлось написать свою, благо возможности позволяют.
Итак. Вначале я приготовил иконки, которые будут управляющими ссылками-кнопочками. Можете себе сделать собственные, а можно использовать простые ссылки без картинок. Далее в Template (есть такая закладка, позволяющая редактрировать прототип блога) вставляем следующий код:
<script language="JavaScript">
<!--
m_picture_up = new Image();
m_picture_up.src = "blue_up.gif";
m_picture_down = new Image();
m_picture_down.src = "blue_down.gif";
function switchDiv(id,lid) {
var d = document.getElementById(id);
if (d.style.display == 'none') {
d.style.display = 'block';
document.images[lid].src = m_picture_up.src;
} else {
d.style.display = 'none';
document.images[lid].src = m_picture_down.src;
}
}
-->
</script>
Вставлять его лучше перед закрывающим элементом </BODY>
Теперь можем скрывать-показывать в блоге, например, картинки:
<a href="#link2" onclick="switchDiv('text2','link2')">
<img name="link2" src="blue_down.gif" alt="read" border="0"></a>
<div id="text2" style="display:none;">
тут размещаем картинку или фрагмент текста.
</div>
Вот как это работает: Картинка: Барт Симпсон 46KB 
Разумеется код надо вставлятьв html-редакторе (закладка «Edit Html»), а не в визуальном. Во всей этой конструкции используются имена и идентификаторы элементов: для IMG и DIV - они должны быть уникальны в пределах всего блога.
Барт Симпсон дело говорит!





16 comments:
За это отдельное спасибо
Где этот код должен стоять?зарание спасибо.
java-script лучше разместить в прототип блога (закладка Template, Edit current), а конструкции скрыть/показать - в самом блоге. При этом надо пользоватья html-редактором. Надеюсь понятно изложил. На самом деле ничего мудрёного в этом нет.
Вот ещё бы рубрикатор сделать.
Прочитал и сделал.
Еще сделал так, чтобы на индивидуальных страницах блога блоки были всегда открыты.
Большое спасибо.
Есть вопрос: В случае если блок в html-е забит с атрибутом "DISPLAY: none", будет ли он проиндексирован роботами поисковиков?
Спасибо. Авось пригодится.
На счёт индексации это легко проверить - взять какую-нибудь фразу да и попытаться её найти через поисковик. Проверил на гугле
c google 2084 ты отжог! можно у тебя украсть картинку?
картинка не совсем моя - так что бери, не спрашивай.
спасибо, уже:)
Перерыл всех блоггеров в поисках ката, многие перепробовал - лажа. Твой сработал.
Низкий поклон.
Для тебя, небось, безделица, а простому человеку - приятственно.
О, спасибо огромное! У меня все получилось:)
гы, а у меня всё равно никак 8(
вместо blue_up.gif нужно адрес своих стрелок вставлять везде?
вместо blue_up.gif нужно вставлять полный путь. Можно посмотреть путь к blue_up.gif, а можно свои стрелочки вставить. У меня работает
оо, спасибо, до меня дошло и заработало.
только у меня стрелочки обрамляются белой рамкой. может кто знает где это отклюается?
Ура, получилось ^__^
Отправить комментарий
Аноним - мой лучший комментатор!
Но всё же что бы отличать одного Анонима от другого - представьтесь пожалуйста.