java script и Doctype

generator2003 · December 22, 2009

Имею скачанный с инета код бегущей строки

Вставил в сайт не работает в фаерфоксе(опера и ИЕ работает). Убрал у сайта доктайп заработало.

Вставлял доктайп в чистый код не работает ))

Почему с доктайпом не работает и как докатайп влияет на работу java script??

Доктайп:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Код:

<head>
<link href="/css/m.css" rel="stylesheet" type="text/css" media="all">
			<link href="/css/pages.css" rel="stylesheet" type="text/css" media="all">
			<link href="/css/form.css" rel="stylesheet" type="text/css" media="all">
			<link href="/css/facebox.css" rel="stylesheet" type="text/css" media="screen">
			<link href="/css/print.css" rel="stylesheet" type="text/css" media="print">
			<link href="/js/jCal.css" rel="stylesheet" type="text/css">

			<!-- javascript(e) -->
			<script type="text/javascript" src="/js/basic-1.2.min.js"></script>
			<script type="text/javascript" src="/js/home-v1.1.js"></script>
			<script type="text/javascript" src="/js/main.js"></script>
			<script type="text/javascript" src="/js/jquery.color.js"></script>
			<script type="text/javascript" src="/js/jquery.animate.clip.js"></script>
			<script type="text/javascript" src="/js/jCal.js"></script>
			<script type="text/javascript" src="js/cmxforms.js"></script>
			<script type="text/javascript" src="js/jquery.validate.js"></script>
			<script type="text/javascript" src="js/user.js"></script>

<script>
// настройка скорости
delay = 30;
step = 2;

is_start = true;
fullwidth = 0;
cpos = 0;
scrollw = 0;

function start_scroll()
{
  var scrolltext = document.getElementById('scrolltext');
  var scroll = document.getElementById('scroll');

  fullwidth = scrolltext.offsetWidth;
  scrolltext.style.left = scroll.offsetWidth;
  scrollw = scroll.offsetWidth;
  scrolltext.style.position = 'relative';

  myinterval = setInterval(do_scroll, delay);
}

function do_scroll()
{
  var scroll = document.getElementById('scroll');
  var scrolltext = document.getElementById('scrolltext');

  if (is_start)
  {
	cpos = scroll.offsetWidth;
	scrolltext.style.left = cpos;
	is_start = false;
  }
  else
  {
	cpos -= step;
	scrolltext.style.left = cpos;
	if (cpos < -fullwidth) { is_start = true; }
  }
}

function stop_scroll()
{
  clearInterval(myinterval);
}

function continue_scroll()
{
  myinterval = setInterval(do_scroll, delay);
}

function do_resize()
{
  var scroll = document.getElementById('scroll');
  newscrollw = scroll.offsetWidth;

  if (cpos >= 0) { absstp = scrollw - cpos; }
  else { absstp = scrollw + Math.abs(cpos); }

  oldprc = absstp / (scrollw + fullwidth);
  newlen = newscrollw + fullwidth;
  newabsstp = newlen * oldprc;

  if (newabsstp <= newscrollw) { cpos = newscrollw - newabsstp; }
  else { cpos = -(newabsstp - newscrollw); }

  scrollw = newscrollw;
}
</script>

<style>
#scroll {width: 100%;
		 background-color: f0f0f0;
		 white-space: nowrap;
		 overflow: hidden;
		 position: relative}
#scrolltext {position: absolute}
</style>
</head>
<body onload='start_scroll()' onresize='do_resize()'>

  <div style='width:100%'>

	  <div id='scroll' onmouseover='stop_scroll()'
	  onmouseout='continue_scroll()' >
	   <div id='scrolltext'>
		Здесь скроллируемый текст,
		его скорость настраивается,
		в нем есть <a href=''>ссылка</a>,
		при наведении мыши он останавливается
	   </div>
	  </div>

  </div>

</body>

Great Rash · December 23, 2009

Потому что у вас неправильно написан тег <script>.

Изучаем мануал

psywalker · December 23, 2009

Потому что у вас неправильно написан тег <script>.
Изучаем мануал

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

generator2003 · December 25, 2009

прописал в теге script <script type="text/javascript" language="JavaScript1.5">

language="JavaScript1.5" проверил примером, браузер поддерживает, но всё равно не работает с прописанным доктайпом в FF я в тупике

hf3 · December 25, 2009

language="JavaScript1.5"

лишнее . убирай.

Код может не работать например из за этого -

	cpos = scroll.offsetWidth;
	scrolltext.style.left = cpos;

scroll.offsetWidth; выдаст ровное число.

Тогда как правило в КСС нужно задавать вместе с измерением т.е. должно быть вот так

	cpos = scroll.offsetWidth;
	scrolltext.style.left = cpos+'.px';

з.ы. Бегущие строки зло.

generator2003 · December 25, 2009

з.ы. Бегущие строки зло.

Согласен, но заказчик хочет ))

Поправил как вы сказали всё заработало. Большое спасибо

при не указание type="text/javascript" в <script> тоже работает

полученный код pаработал в FF:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="/css/m.css" rel="stylesheet" type="text/css" media="all">
			<link href="/css/pages.css" rel="stylesheet" type="text/css" media="all">
			<link href="/css/form.css" rel="stylesheet" type="text/css" media="all">
			<link href="/css/facebox.css" rel="stylesheet" type="text/css" media="screen">
			<link href="/css/print.css" rel="stylesheet" type="text/css" media="print">
			<link href="/js/jCal.css" rel="stylesheet" type="text/css">

			<!-- javascript(e) -->
			<script type="text/javascript" src="/js/basic-1.2.min.js"></script>
			<script type="text/javascript" src="/js/home-v1.1.js"></script>
			<script type="text/javascript" src="/js/main.js"></script>
			<script type="text/javascript" src="/js/jquery.color.js"></script>
			<script type="text/javascript" src="/js/jquery.animate.clip.js"></script>
			<script type="text/javascript" src="/js/jCal.js"></script>
			<script type="text/javascript" src="js/cmxforms.js"></script>
			<script type="text/javascript" src="js/jquery.validate.js"></script>
			<script type="text/javascript" src="js/user.js"></script>

<script type="text/javascript">
// настройка скорости
delay = 30;
step = 2;

is_start = true;
fullwidth = 0;
cpos = 0;
scrollw = 0;

function start_scroll()
{
  var scrolltext = document.getElementById('scrolltext');
  var scroll = document.getElementById('scroll');

  fullwidth = scrolltext.offsetWidth;
  scrolltext.style.left = scroll.offsetWidth;
  scrollw = scroll.offsetWidth;
  scrolltext.style.position = 'relative';

  myinterval = setInterval(do_scroll, delay);
}

function do_scroll()
{
  var scroll = document.getElementById('scroll');
  var scrolltext = document.getElementById('scrolltext');

  if (is_start)
  {
	cpos = scroll.offsetWidth;
	scrolltext.style.left = cpos+"px";
 //   alert(scrolltext.style.left);   //debug
	is_start = false;
  }
  else
  {
	cpos -= step;
	scrolltext.style.left = cpos+"px";
	if (cpos < -fullwidth) { is_start = true; }
  }
}

function stop_scroll()
{
  clearInterval(myinterval);
}

function continue_scroll()
{
  myinterval = setInterval(do_scroll, delay);
}

function do_resize()
{
  var scroll = document.getElementById('scroll');
  newscrollw = scroll.offsetWidth;

  if (cpos >= 0) { absstp = scrollw - cpos; }
  else { absstp = scrollw + Math.abs(cpos); }

  oldprc = absstp / (scrollw + fullwidth);
  newlen = newscrollw + fullwidth;
  newabsstp = newlen * oldprc;

  if (newabsstp <= newscrollw) { cpos = newscrollw - newabsstp; }
  else { cpos = -(newabsstp - newscrollw); }

  scrollw = newscrollw;
}
</script>

<style>
#scroll {width: 100%;
		 background-color: f0f0f0;
		 white-space: nowrap;
		 overflow: hidden;
		 position: relative
left:0px;}
#scrolltext {position: absolute}
</style>
</head>
<body onload='start_scroll()' onresize='do_resize()'>

  <div style='width:100%'>

	  <div id='scroll' onmouseover='stop_scroll()'
	  onmouseout='continue_scroll()' >
	   <div id='scrolltext'>
		Здесь скроллируемый текст,
		его скорость настраивается,
		в нем есть <a href=''>ссылка</a>,
		при наведении мыши он останавливается
	   </div>
	  </div>

  </div>

</body>
</html>

hf3 · December 26, 2009

при не указание type="text/javascript" в <script> тоже работает

А это надо указывать.

Sign In

java script и Doctype

Question

generator2003

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

generator2003

Link to comment

Share on other sites

hf3

Link to comment

Share on other sites

generator2003

Link to comment

Share on other sites

hf3

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information