Советы авторам

Я заметил, что на этом ресурсе (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   read

Разумеется код надо вставлятьв html-редакторе (закладка «Edit Html»), а не в визуальном. Во всей этой конструкции используются имена и идентификаторы элементов: для IMG и DIV - они должны быть уникальны в пределах всего блога.

Ещё одна картинка: 2084 - google (557x450, 34KB)   read

16 comments:

vaserman комментирует...

За это отдельное спасибо

vaserman комментирует...

Где этот код должен стоять?зарание спасибо.

Michael de`Oz комментирует...

java-script лучше разместить в прототип блога (закладка Template, Edit current), а конструкции скрыть/показать - в самом блоге. При этом надо пользоватья html-редактором. Надеюсь понятно изложил. На самом деле ничего мудрёного в этом нет.
Вот ещё бы рубрикатор сделать.

Inter_obriy комментирует...

Прочитал и сделал.
Еще сделал так, чтобы на индивидуальных страницах блога блоки были всегда открыты.

Большое спасибо.

Есть вопрос: В случае если блок в html-е забит с атрибутом "DISPLAY: none", будет ли он проиндексирован роботами поисковиков?

SeBe комментирует...

Спасибо. Авось пригодится.

Michael de`Oz комментирует...

На счёт индексации это легко проверить - взять какую-нибудь фразу да и попытаться её найти через поисковик. Проверил на гугле

AndreiG комментирует...

c google 2084 ты отжог! можно у тебя украсть картинку?

Michael de`Oz комментирует...

картинка не совсем моя - так что бери, не спрашивай.

AndreiG комментирует...

спасибо, уже:)

SanYan комментирует...

Перерыл всех блоггеров в поисках ката, многие перепробовал - лажа. Твой сработал.
Низкий поклон.
Для тебя, небось, безделица, а простому человеку - приятственно.

Елена Воин комментирует...

О, спасибо огромное! У меня все получилось:)

Фашиствующий нигилист | Lynx Lynx Lynx комментирует...

гы, а у меня всё равно никак 8(
вместо blue_up.gif нужно адрес своих стрелок вставлять везде?

jeremias комментирует...

вместо blue_up.gif нужно вставлять полный путь. Можно посмотреть путь к blue_up.gif, а можно свои стрелочки вставить. У меня работает

Lynx Lynx Lynx комментирует...

оо, спасибо, до меня дошло и заработало.
только у меня стрелочки обрамляются белой рамкой. может кто знает где это отклюается?

Lynx Lynx Lynx комментирует...
Это сообщение было удалено автором.
Lynx Lynx Lynx комментирует...

Ура, получилось ^__^

Отправить комментарий

Аноним - мой лучший комментатор!
Но всё же что бы отличать одного Анонима от другого - представьтесь пожалуйста.