Объявление
Уважаемые читатели, друзья, подписчики. В связи с участившимся и, порядком надоевшим спамом в комментариях от всяких анонимах(будь они не ладны), я вынуждена включить модерацию комментариев на некоторое время. Очень надеюсь на ваше понимание.

Код самопечатающегося текста в блоге

код самопечатающегося текста

Всем, доброго времени суток. Сегодня шпаргалка, как сделать в сообщении блога самопечатающийся текст. Таким образом можно оформить участок в сообщении или применить в гаджете, в качестве приветствия. Варианты есть. Вот как это будет в итоге выглядеть.


Код самопечатающегося текста.
<script type="text/javascript">
var content = " Здесь любой текст ";
function twDisplayTW() {twDisplay('tw',content,0);}
loaded('tw',twDisplayTW);
var brk = '~'; // character to use for line break
var resetTime = 0; // set to 0 to not reset or seconds to delay before reset
function twDisplay(id,content,num) {var delay = 140; if (num <= content.length)  {var lt = content.substr(0,num); document.getElementById(id).innerHTML = lt.replace(RegExp(brk,'g'),'<br \/>'); num++; if (num > content.length) delay = resetTime * 1000;} else {document.getElementById(id).innerHTML = ''; num = 0;} if (delay > 0) setTimeout('twDisplay("'+id+'","'+content+'","'+num+'")',delay);} var pageLoaded = 0; window.onload = function() {pageLoaded = 1;}; function loaded(i,f) {if (document.getElementById && document.getElementById(i) != null) f(); else if (!pageLoaded) setTimeout('loaded(\''+i+'\','+f+')',100);}
</script>
<style type="text/css">
#tw {width:500px; height:260px; border: 1px solid #000; padding:5px;font-family: "courier new",courier,monospace; font-size:18px;}
</style> <div class="compute" id="tt0">
<div id="main">
<div id="tw">
</div>
</div>
</div>

Текст в примере заключён в рамку. При необходимости уберите значение border: 1px solid #000; или измените. Также, размеры ширины и высоты участка текста на желаемые. И сами стили шрифта.

Устанавливается кодв режиме HTML/JavaScript в редакторе сообщений. В то место, где текст будет отображаться. Если захотите что-то сделать в таком варианте в качестве приветствия или объявления, то добавляем, как всегда гаджет HTML/JavaScript, вставляем код самопечатающегося текста, сохраняем  и перетаскиваем его в нужное место блога. 

Спасибо всем за внимание. Удачи и до новых встреч.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email


20 комментариев:

  1. Когда то нашел подобный код, но он не работал с длинными текстами, но этот отличается, и длина текста не имеет значения. Если понадобится, то приду за этим кодом в ваш блог)

    ОтветитьУдалить
  2. Рамазан, да есть и такие коды. Они вообще не очень сложные. этот в принципе самый простой.

    ОтветитьУдалить
  3. Здравствуйте! Во-первых, большое вам спасибо за ваши публикации) А во-вторых, позвольте вопрос не в тему. Вот у вас в сайдбаре виджеты находятся точно друг под другом. Я верно понимаю, что им задан какой-то единый размер/процент в коде? У меня проблема - не могу выровнять в своих сайдбарах содержимое по центру и уж тем более задать единый размер. Не дадите подсказку? Буду очень-очень благодарна!
    http://opuscirculare.blogspot.ru/

    ОтветитьУдалить
    Ответы
    1. Sol, посмотрела Ваш блог, вроде всё нормально с гаджетами. Чтобы код выровнять по центру надо заключить в открывающийся и закрывающийся тег center здесь код /center А сам размер гаджета-от его содержимого. Ни каких процентных отношений в коде.
      У меня по-моему только в комментариях подогнан.

      Удалить
    2. Спасибо большое!) Попробую загнать гаджеты в center.

      Удалить
  4. Оказалось, что все и так выравнено. Просто картинки слишком велики для заданного размера сайдбаров)

    ОтветитьУдалить
    Ответы
    1. Да, те же баннеры адсенс и партнёрок надо подбирать соответственно ширине сайдбара. И распологать по центру.

      Удалить
  5. здравствуйте,вставляю код,видна только рамка,текста не видно

    ОтветитьУдалить
  6. Где он у Вас. дайте ссылку на страницу. Работает код на всех блогах.

    ОтветитьУдалить
  7. код не работает уже? всё было нормально,а сейчас перестало показываться и в онлайн-редакторе тоже

    ОтветитьУдалить
    Ответы
    1. Ну у меня же он здесь работает и в редакторе тоже.

      Удалить
    2. Вика,представляешь в чём дело было,случайно нюанс обнаружила,в тексте слово было одно,заключенное в кавычки,как кавычки убрала,сразу всё нормализовалось.

      Удалить
  8. Вот они и лишние символы или недастающие в коде. Здесь работа ювелирная.

    ОтветитьУдалить
    Ответы
    1. большое спасибо за шпаргалочки,на многие вопросы нахожу ответы,не всё пока получается,но учучь

      Удалить
  9. можно ли как-то увеличить скорость набора текста?

    ОтветитьУдалить
  10. Изменение resetTime * 1000

    ОтветитьУдалить
  11. Монетка, напишу - ка я ещё потом другой, персонально. Следи за обновлениями.

    ОтветитьУдалить
  12. обязательно слежу,спасибо большое,у меня если что и получается,то только благодаря твоим шпаргалочкам

    ОтветитьУдалить

ВСЕГДА РАДА УСЛЫШАТЬ ВАШЕ МНЕНИЕ!
Ели у вас возникла необходимость опубликовать код в комментарии, то воспользуйтесь encoder HTML