X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Анимация текста! Как вставить код?
DeraKOren
DeraKOren
Topic Starter сообщение 21.4.2009, 15:02; Ответить: DeraKOren
Сообщение #1


Здраствуйте
У написал такой вот код:
<script>
// === Animate text === BEGIN
var t=null, sec, element;
function int(f) {t=setInterval(f,sec);}

var i=0,text;
function gettext(id,s)
{element=document.getElementById(id);
text=element.innerHTML;
element.innerHTML='';
sec=s;
int(edtext);
}
function edtext()
{var eltext=document.getElementById('t1');
element.innerHTML=element.innerHTML+text[i];
i=i+1;
eltext.textContent='[second: '+sec/1000+'][symbol: '+i+']['+text[i]+'][Timer::'+t+']['+document.width+'X'+document.height+']';
if (i>=text.length) {clearInterval(t); i=0};
}
// === Animate text === END
</script>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Animate Text</title>
</head>

<body>
<div id="d1" onClick="gettext('d1',10)" style="cursor:crosshair"><b>DESCRIPTION</b><br>
</div>
<br>
<span style="color:#F00"><b><label id="t1" onClick="d1.style.display='none'" onDblClick="d1.style.display='block'"></label><b></span>
</body>
</html>
Проблема вот в чем: Когда нажимаеш на
<div id="d1" onClick="gettext('d1',10)" style="cursor:crosshair"><b>DESCRIPTION</b><br>
</div>
из него берется это:
<b>DESCRIPTION</b><br>
, далее все это выводится анимационно, тоесть каждый символ через какое-то время. Выводит при этом тотже самый текст
<b>DESCRIPTION</b><br>
, а не DESCRIPTION как мне хотелось бы.
Поэтому прошу у вас помоши в этом вопросе. Как мне сделать так чтобы вставляла не как текст, а как код?
Да еще забыл: Хотел бы добавить звук или печатной машинки, или типа того, но не знаю как написать? Киньте ссылочку где это можно взять.

Заранее Спасибо!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Galen
Galen
сообщение 21.4.2009, 17:08; Ответить: Galen
Сообщение #2


а не DESCRIPTION как мне хотелось бы.

До такого эффекта ваш скрипт ещё дописывать и дописывать.
Сейчас вы берёте всё что есть в рабочем диве и выводите посимвольно, а нужно брать всё, выделять теги, вставлять нужные теги в блок вывода и только потом посимвольно выводить текст.
Можно, конечно, проще, если кроме <b> там ничего никогда не будет.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DeraKOren
DeraKOren
Topic Starter сообщение 21.4.2009, 20:53; Ответить: DeraKOren
Сообщение #3


(Galen @ 21.4.2009, 20:08) *
До такого эффекта ваш скрипт ещё дописывать и дописывать.
Сейчас вы берёте всё что есть в рабочем диве и выводите посимвольно, а нужно брать всё, выделять теги, вставлять нужные теги в блок вывода и только потом посимвольно выводить текст.
Можно, конечно, проще, если кроме <b> там ничего никогда не будет.


За это спасибо.

выделять теги, вставлять нужные теги в блок вывода

А как это сделать, если бы я знал!?!. Но немогли бы вы показать это на примере(если было только <b>). Я был рад увидеть все это в действие.

Заранее Спасибо
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Galen
Galen
сообщение 22.4.2009, 16:11; Ответить: Galen
Сообщение #4


А как это сделать, если бы я знал!?!. Но немогли бы вы показать это на примере(если было только <b>). Я был рад увидеть все это в действие.

Если бы я сам знал :)

Смысл такой. Вы выводите текст из одного блока в другой блок, так вот в этот второй блок заранее нужно прописать теги <b>, и тем самым вставлять текст уже внутрь этого тега (текст соответственно будет жирным).

Вот тут поправил ваш код, может сгодится:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Animate Text</title>

<script>
// === Animate text === BEGIN
var t=null, sec, element;
function int(f) {t=setInterval(f,sec);}

var i=0,text;
function gettext(id,s)
  {element=document.getElementById(id);
   text=element.innerHTML;
   element.innerHTML='';
   sec=s;
   int(edtext);
  }
function edtext()
  {var eltext=document.getElementById('t1');
   element.innerHTML=element.innerHTML+text[i];
   i=i+1;
   eltext.textContent='[second: '+sec/1000+'][symbol: '+i+']['+text[i]+'][Timer::'+t+']['+document.width+'X'+document.height+']';
   if (i>=text.length) {clearInterval(t); i=0};
  }
// === Animate text === END
</script>

<style>
#d1, #t1 {
    font-weight: bold;
}
</style>
</head>
<body>

<div id="d1" onClick="gettext('d1',10)" style="cursor:crosshair">DESCRIPTION
</div><br>

<br>
<span style="color:#F00"><label id="t1" onClick="d1.style.display='none'" onDblClick="d1.style.display='block'"></label></span>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Innokenty
Innokenty
сообщение 7.10.2009, 12:22; Ответить: Innokenty
Сообщение #5


Здравствуйте!
Недавно искал оборудование по работе и наткнулся на оч интересную вставку на сайте - в небольшом окошке в 3D вращается как-бы прозрачный шар, поверхность которого состоит из наиболее часто используемых слов для поиска инфы, выложенной на этом сайте, слова как-бы написаны в пространстве в сферической форме и при вращении можно видеть эту надпись со всех сторон, при наведении курсора шар начинает вращаться чуть быстрее и направление вращения как-бы задаётся перемещением курсора, а при клике на конкретном слове в новом окне отражается страница, в которой это слово наиболее часто встречается или на которой приводится объяснение этого слова... Может кто ни-будь подскажет как сделать подобное чудо..??? :blink:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 7.10.2009, 12:46; Ответить: MetSerp
Сообщение #6


это называется облако тегов, точно видел реализации на флэш и таковые модули для DLE и WordPress
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Innokenty
Innokenty
сообщение 7.10.2009, 13:42; Ответить: Innokenty
Сообщение #7


(MetSerp @ 7.10.2009, 15:46) *
это называется облако тегов, точно видел реализации на флэш и таковые модули для DLE и WordPress


а где бы и мну их увидеть..?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 7.10.2009, 14:01; Ответить: MetSerp
Сообщение #8


как то так :tootoo:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Innokenty
Innokenty
сообщение 7.10.2009, 14:31; Ответить: Innokenty
Сообщение #9


(MetSerp @ 7.10.2009, 17:01) *
как то так :tootoo:


гы
спс! :sarcastic:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 7.10.2009, 15:17; Ответить: Apay
Сообщение #10


DeraKOren,вам надо убрать тег <b> и добавить к диву стиль bold
<div id="d1" onClick="gettext('d1',10)" style="cursor:crosshair;font-weight:bold;">DESCRIPTION</div>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
 11 Boymaster 1766 Вчера, 23:35
автор: Boymaster
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
 29 freeax 4789 Вчера, 1:19
автор: sergio11
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
 148 adw-kupon.ru 19682 8.4.2024, 10:37
автор: Skyworker
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
 18 uahomka 3088 5.4.2024, 5:53
автор: Skyworker
Горячая тема (нет новых ответов) Как бездомные хранят деньги?
 81 metvekot 13647 31.3.2024, 12:44
автор: Boymaster


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 18.4.2024, 18:14

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet