Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как изменить стиль текста с помощу JS
 
 автор: velgandr   (14.10.2008 в 17:25)   письмо автору
 
 

помогите написать скрипт на JavaScript, который при нажаии на цифру изменял бы ее цвет.
я написал такое, но чтото тут барахлит.
<?
for($i=1; $i<=$Nn; $i++)
echo "<a href=# onclick=\"'; document.getElementById('str_image').style.display='color:#EEEEEE;' \">
<span id=str_image>$i</span></a>";
?>

  Ответить  
 
 автор: Николай2357   (14.10.2008 в 17:28)   письмо автору
 
   для: velgandr   (14.10.2008 в 17:25)
 

echo "<a href=# onclick=\"'; document.getElementById('str_image').style.display='color:#EEEEEE;' ,return false\">
и в ссылке надо стили по другому задавать.

  Ответить  
 
 автор: Nytrogen   (14.10.2008 в 17:33)   письмо автору
 
   для: velgandr   (14.10.2008 в 17:25)
 

Во-первых, у Вас в первой теме было вроде правильно написано: class=color, но только это надо не для span писать, а для A.
Во-вторых, у Вас в документ записывается Nn одинаковых id, так как вы его в цикле не меняете... надо id=str_image$i.

З.Ы. Зачем создавать две одинаковые темы?

  Ответить  
 
 автор: velgandr   (14.10.2008 в 18:59)   письмо автору
 
   для: Nytrogen   (14.10.2008 в 17:33)
 

шо то все равно не работает

  Ответить  
 
 автор: PAT   (14.10.2008 в 18:13)   письмо автору
 
   для: velgandr   (14.10.2008 в 17:25)
 

Ссылки (теги <A>) тут вовсе не нужны. Идентификаторы - тоже лишние.
<span onclick="this.style.color = '#eee';" style="cursor: pointer">$i</span>

  Ответить  
 
 автор: velgandr   (14.10.2008 в 19:11)   письмо автору
 
   для: PAT   (14.10.2008 в 18:13)
 

а как сделать так, что бы при нажатии на другую цифру, стиль предидущей вернулся на прежний?

  Ответить  
 
 автор: PAT   (14.10.2008 в 19:23)   письмо автору
 
   для: velgandr   (14.10.2008 в 19:11)
 

<span onclick="if (self.OBJ) OBJ.style.color = '#000'; OBJ = this; OBJ.style.color = '#eee';" style="cursor: pointer">$i</span>
*Подразумевается, что все цифры изначально чёрные (#000000)

  Ответить  
 
 автор: Nytrogen   (14.10.2008 в 19:28)   письмо автору
 
   для: velgandr   (14.10.2008 в 19:11)
 

var previous = false;
function updateColors(num) {
  document.getElementById("span" + num).style.color = "#eee";
  if (previous) {
    document.getElementById("span" + previous).style.color = "#f00";
  }
  previous = num;
}

<span id="span$i" onclick="updateColors($i)">$i</span>

  Ответить  
 
 автор: PAT   (14.10.2008 в 19:35)   письмо автору
 
   для: Nytrogen   (14.10.2008 в 19:28)
 

Зачем плодить сущности в виде никому не нужных id ?

Непонятно...

  Ответить  
 
 автор: Nytrogen   (14.10.2008 в 19:39)   письмо автору
 
   для: PAT   (14.10.2008 в 19:35)
 

А зачем писать такие длинные строки? Отличный HTML получится)). Давайте вообще не будем писать функции, а будем тупо копировать код.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования