[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: не работаем простейший скрипт смены цвета текста
Форум PHP программистов > JavaScript
sx000
31.10.2011 - 01:27
<!DOCTYPE html>
<html>
<head>
<title>TraLOLO</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8">
<script type="text/javascript">
var changeRate = 2000;
var messageNumber = 0;

function changeColor() {
  if (messageNumber == 0) {
     color="PaleGreen";
    }
  else if (messageNumber == 1) {
    color="IndianRed";
    }
  messageNumber=0;
  messageNumber++;
  setTimeout("changeColor();",changeRate);
}
// -->
</SCRIPT>
<body>
Текст <font changeColor();>цвет</font> меняется автоматически</body>
</html>


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



Спустя 4 минуты, 56 секунд (31.10.2011 - 00:32) Invis1ble написал(а):
потому что
Цитата
setTimeout("changeColor();",changeRate);

нужно вызывать вне функции, и по-хорошему это делается так:
setTimeout(changeColor, changeRate);

Спустя 1 минута, 46 секунд (31.10.2011 - 00:34) Winston написал(а):
Вот
Свернутый текст

<!DOCTYPE html>
<html>
<head>
<title>TraLOLO</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8">
<script type="text/javascript">
var changeRate = 2000;
var messageNumber = 0;

function changeColor() {
  if (messageNumber == 0) {
     color="PaleGreen";
    }
  else if (messageNumber == 1) {
    color="IndianRed";
    }
  messageNumber=0;
  messageNumber++;
  setTimeout("changeColor();",changeRate);
  document.getElementById('text').style.color = color;
}
// -->
</SCRIPT>
<body>
Текст <span id="text" onclick="changeColor();">цвет</span> меняется автоматически</body>
</html>

Зачем используешь font ? Это уже устаревший элемент, тем более ты используешь HTML5

Спустя 28 секунд (31.10.2011 - 00:34) sx000 написал(а):
Цитата (Invis1ble @ 30.10.2011 - 21:32)
потому что
Цитата
setTimeout("changeColor();",changeRate);

нужно вызывать вне функции 

<script type="text/javascript">
var changeRate = 2000; // 1000 = 1 second
var messageNumber = 0;

function changeColor() {
  if (messageNumber == 0) {
     color="PaleGreen";
    }
  else if (messageNumber == 1) {
    color="IndianRed";
    }
  messageNumber=0;
  messageNumber++;
}
setTimeout("changeColor();",changeRate);
// -->
</SCRIPT>

так тоже не работает

Спустя 2 минуты, 10 секунд (31.10.2011 - 00:36) redreem написал(а):
да у вас 100500 синтаксических и логических ошибок.
повникайте в DOM, стили, тэеги, атрибуты. пока это полный трэш.

Спустя 16 секунд (31.10.2011 - 00:37) Invis1ble написал(а):
Цитата
так тоже не работает

а что ты ожидаешь? цвет так не поменяется

Цитата
да у вас 100500 синтаксических и логических ошибок.
повникайте в DOM, стили, тэеги, атрибуты. пока это полный трэш.

это точно, полный ппц

Спустя 2 минуты, 52 секунды (31.10.2011 - 00:39) sx000 написал(а):
да ладно первый скрипт на java после просмотра нескольких сорсов ...

Спустя 12 секунд (31.10.2011 - 00:40) Winston написал(а):
Синтаксических ошибок у него не было.

Спустя 2 минуты, 5 секунд (31.10.2011 - 00:42) Invis1ble написал(а):
да, особенно тут:
Цитата
<font changeColor();>

biggrin.gif

Спустя 1 минута (31.10.2011 - 00:43) Winston написал(а):
Упс.... huh.gif
Хотя в консоле, не было никаких предупреждений blink.gif

Спустя 2 минуты, 59 секунд (31.10.2011 - 00:46) redreem написал(а):
<!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" xml:lang="ru">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
	<title>TraLOLO</title>
	<script type="text/javascript">
		changeRate = 500;
		colors = new Array ('#f00','#0f0','#00f');
		function changeColor() {
			document.getElementById('text').style.color=colors[Math.round(Math.random()*2)];
		}
	</SCRIPT>
<body>
	Текст <span id="text">цвет</span> меняется автоматически
	<script type="text/javascript">
		setInterval(function(){
			changeColor();
		},changeRate);
	</script>
</body>
</html>


поанализируйте для начала хотябы так

Спустя 39 секунд (31.10.2011 - 00:46) Invis1ble написал(а):
так и не будет, просто это не ошибка в синтаксисе js

Спустя 4 минуты, 21 секунда (31.10.2011 - 00:51) sx000 написал(а):
Цитата (redreem @ 30.10.2011 - 21:46)
<!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" xml:lang="ru">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
	<title>TraLOLO</title>
	<script type="text/javascript">
		changeRate = 500;
		colors = new Array ('#f00','#0f0','#00f');
		function changeColor() {
			document.getElementById('text').style.color=colors[Math.round(Math.random()*2)];
		}
	</SCRIPT>
<body>
	Текст <span id="text">цвет</span> меняется автоматически
	<script type="text/javascript">
		setInterval(function(){
			changeColor();
		},changeRate);
	</script>
</body>
</html>


поанализируйте для начала хотябы так

ну да красивее код чем у меня явно smile.gif, завтра сяду проанализирую. От части бегло понятно вроде все даже не зная Java ну так по наитию.

Спустя 3 минуты, 53 секунды (31.10.2011 - 00:55) redreem написал(а):
ну раз атрибут "красота кода" в мозге присутствует, то все получится. удачи smile.gif

Спустя 1 минута, 22 секунды (31.10.2011 - 00:56) Invis1ble написал(а):
кстати, теги script не желательно ставить вне head.
Ну и вызов ф-ции неплохо было бы привязать к событию onload для window, ибо используется DOM.

Спустя 2 минуты, 16 секунд (31.10.2011 - 00:58) redreem написал(а):
Invis1ble, в реальных проектах где тока эти тэги не понапихаешь smile.gif

Спустя 2 минуты, 1 секунда (31.10.2011 - 01:00) Invis1ble написал(а):
это да, но новичкам нужно показывать, как правильно делается smile.gif

Спустя 1 минута, 56 секунд (31.10.2011 - 01:02) imbalance_hero написал(а):
redreem
Быдло-кодишь? В хедере:
  <?php if(count($js)) echo implode("\n\r",$js); ?>

Ну и дальше в нужном месте массив расширяешь :)

Спустя 1 минута, 26 секунд (31.10.2011 - 01:04) redreem написал(а):
imbalance_hero, не понял о чем ты

Спустя 2 минуты (31.10.2011 - 01:06) imbalance_hero написал(а):
redreem
Ты про <script> сказал Инвизу? Я тебе тоже smile.gif

Спустя 2 минуты, 49 секунд (31.10.2011 - 01:08) redreem написал(а):
imbalance_hero,и? сути не понял. в реальных проектах скрипты приходится вставлять по обстоятельствам. пихать 100% инициализацию в хидер - да ради бога. просто в 99% это нах ненужно. я достаточно опытен что бы контролировать поведение скриптов, а то что нужно новичкам - новички сами решать. благо интет с гуглом и яндексом никто не отменял.

Спустя 2 минуты, 51 секунда (31.10.2011 - 01:11) Invis1ble написал(а):
imbalance_hero
ты видимо забыл про различные счетчики, кнопки и прочую хрень со сторонних сервисов типа
<script type="text/javascript" src="http://donate.smscoin.com/js/smsdonate.js"></script>

которую приходится вставлять прямо в html

Спустя 14 минут, 38 секунд (31.10.2011 - 01:26) imbalance_hero написал(а):
Invis1ble
Как по мне, эти счетчики - исключения из правил smile.gif
Быстрый ответ:
Powered by dgreen

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.