Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > печатающийся текст

Автор: stasstudio 14.12.2004, 19:02

помогите сделать так чтобы текс печатался на странице но одна проблема текст большой предложений 35 пробовал искать скрипты почему то выдают ошыбкуя так понимаю что из зи очень большого колва слов

Автор: Sardar 14.12.2004, 20:10

Ничего не понял... Только одно, ты что то не то надумал smile

Теперь подробнее что ты подразумеваешь под "печатью". Если ты имел в виду document.write, то сразу удалю тему, а тебе минус за то, что поиском так и не хочешь пользоватся, "детские" вопросы с тебя сыпятся как из рога изобилия smile

Автор: Cheba 15.12.2004, 01:02

Подозреваю, что имлось в виду нечто типа этого:

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Typer</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<script language="javascript" type="text/javascript">
<!--
str2 = 'Автор: stasstudio 14.12.2004, 19:02 помогите сделать так чтобы текс печатался на странице но одна проблема текст большой предложений 35 пробовал искать скрипты почему то выдают ошыбкуя так понимаю что из зи очень большого колва слов Автор: Sardar 14.12.2004, 20:10 Ничего не понял... Только одно, ты что то не то надумал smile Теперь подробнее что ты подразумеваешь под "печатью". Если ты имел в виду document.write, то сразу удалю тему, а тебе минус за то, что поиском так и не хочешь пользоватся, "детские" вопросы с тебя сыпятся как из рога изобилия smile';

function type(str, pos, elID)
{
	var el = document.getElementById(elID);
	if (el)
	{
  if (str.length >= pos)
  {
  	el.innerHTML = el.innerHTML + str.charAt(pos);
  	timer = window.setTimeout('type(\'' + str + '\', ' + (pos + 1) + ', "' + elID + '")', Math.round(1000 * Math.random()));
  }
	}
}
//--></script>
</head>

<body>
<div id="typer"></div>
<script language="JavaScript">
<!--
  type(str2, 0, "typer");
//-->
</script> 
</body>
</html>

Добавлено @ 01:03
Шо не говорите, а подсветка никудышняя. smile

Слышишь, Sardar. smile

Автор: Sardar 15.12.2004, 02:11

Цитата(Cheba @ 15.12.2004, 00:02)

Шо не говорите, а подсветка никудышняя

Нормально подсвечивается! Просто перенеси тег /script на новую строку, т.к. в JS коментарий идёт до символа \n, отсюда глюки. Браузер(старый) тоже подглючить от этого может smile

Автор: Aliance 21.12.2004, 18:26

Код


<HTML>
<head>
<title>Прыгающий текст</title>
</head>

<body>
<center>
<h1>
<div id="jump"></div>
</h1>
<scr   i pt LANGUAGE="JavaScript">
// текст
var message= "какое-нибудь_длинное_слово"

mes=new Array();
mes[0]=-1;
mes[1]=-4;
mes[2]=-7;
mes[3]=-10;
mes[4]=-7;
mes[5]=-4;
mes[6]=-1;
num=0;
num2=0;
txt="";

function jump0(){
   if(message.length > 6){
      for(i=0;i != message.length;i++){
         txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"
      };
   jump.innerHTML=txt;
   txt="";
   jump1a()
   } else{
      alert("Длиннее нужно писать :) ")
   }
}
function jump1a(){
   n0.style.left=-num2;
   if(num2 != 9){
      num2=num2+3;
      setTimeout("jump1a()",50)
   } else{
      jump1b()
   }
}
function jump1b(){
   n0.style.left=-num2;
   if(num2 != 0){
      num2=num2-3;
      setTimeout("jump1b()",50)
   } else{
      jump2()
   }
}
function jump2(){
   txt="";
   for(i=0;i != message.length;i++){
      if(i+num > -1 && i+num < 7){
         txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"
      } else{
         txt=txt+"<span>"+message.charAt(i)+"</span>"
      }
}

jump.innerHTML=txt;
txt="";
   if(num != (-message.length)){
      num--;
      setTimeout("jump2()",50)
   } else{
      num=0;
      setTimeout("jump0()",50)
   }
}
jump0()
</s crip t>

<hr color="dodgerblue" width="80%">
<br>© <a href="http://aliance.hoha.ru">Лесных Илья</a>
[<a href="http://aliance.hoha.ru">http://aliance.hoha.ru</a>]

</body>
</html>

Такое подходит?

Автор: Alx 22.12.2004, 07:31

http://portfolio.alx.com.ru/scripts/javascript/prtext.html

Код


<html>
<head>
<title>Печатающийся текст</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<s c r ipt>
var d =document
var chr = -1;
var curtxt = "<br>Сборная России стала чемпионом мира,<br>победив в финальном матче сборную Бразилии...!"
var l = curtxt.length
var p = "_"
function prtext()
{chr++;
t = d.all["text"].innerHTML
tpref = t.substring(0,t.length-1)
if(curtxt.charAt(chr)!="<")
d.all["text"].innerHTML= tpref+ curtxt.charAt(chr) + p
else
{d.all["text"].innerHTML= tpref+ curtxt.substring(chr, chr+4) + p
chr=chr+3
}
setTimeout("prtext()", 150)
}
</s c r ipt>
</head>
<body bgcolor="#6699ff" text="#FFFFFF" onLoad="prtext()"><center><font face=Verdana><br><br><br>
<input type="button" value="Узнать новости" onClick="prtext()"><h4>Последние новости</h4> 
<b><font id="text" size="2" face="Courier">
</font></font>
<font></center></body>
</html>