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

HTML+CSS+JavaScript

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

 

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

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

тема: уменьшить код
 
 автор: 1999   (16.08.2006 в 12:35)   письмо автору
 
 

есть такой кусок кода

 <img onClick="create_tag('shortnews','b');" alt="Жирный" width=21 height=20 src="images/common/bold.gif" class=img_out onMouseOver="this.className = 'img_over';" onMouseOut="this.className = 'img_out';" /><br />
 <img onClick="create_tag('shortnews','i');" alt="Курсив" width=21 height=20 src="images/common/italic.gif" class=img_out onMouseOver="this.className = 'img_over';" onMouseOut="this.className = 'img_out';" /><br />
 <img onClick="create_tag('shortnews','u');" alt="Подчеркнутый" width=21 height=20 src="images/common/underline.gif" class=img_out onMouseOver="this.className = 'img_over';" onMouseOut="this.className = 'img_out';" /><br />
 <img onClick="open_popupurl('shortnews');" alt="Добавить ссылку" width=21 height=20 src="images/common/link.gif" class=img_out onMouseOver="this.className = 'img_over';" onMouseOut="this.className = 'img_out';" /><br />
 <img onClick="open_popupimg('shortnews');" alt="Добавить изображение" width=21 height=20 src="images/common/image.gif" class=img_out onMouseOver="this.className = 'img_over';" onMouseOut="this.className = 'img_out';" /></td>


знаю, что его можно уменьшить чем-то типа (а может и нет)

document.images.onMouseOver = this.className = 'img_over';


подскажите плиз как это сделать правильно (приведенный мной вариант не работает)

   
 
 автор: 12345   (16.08.2006 в 16:12)   письмо автору
 
   для: 1999   (16.08.2006 в 12:35)
 

Как здесь:
"Динамическое создание обработчиков событий"

   
 
 автор: 1999   (17.08.2006 в 15:58)   письмо автору
 
   для: 12345   (16.08.2006 в 16:12)
 

ага ясна. а можно как-то сделать, чтоб для всех картинок запускалась ф-ция?
а то там же указывается обязательно имя картинки:

document.images[9].onClick=function()
{

}

а мне надо чтоб на все

   
 
 автор: RMW   (17.08.2006 в 16:05)   письмо автору
 
   для: 1999   (17.08.2006 в 15:58)
 

Цикл, без него никак

for(var i=0;i<document.images.length;i++)
{
  document.images[i].onclick=function()
}

   
 
 автор: 12345   (17.08.2006 в 18:33)   письмо автору
 
   для: RMW   (17.08.2006 в 16:05)
 

Нет, лучше перехватывать в обрамляющем IMG-ы диве, проверять tagName источника (srcElement/target), и реагировать; остальные event отбрасывать. "Обрамляющий тег" (контейнер) может быть и document.

А вообще, конкретный код можно выразить стилями для FF/Оперы и behavior для IE - пример ("Частичная подсветка теста по наведению мыши"), там ссылки, но в FF/Op img:hover везде работают (вот ещё пример, когда :hover на TD работает http://javascript.aho.ru/example/JsPrimeryCode-84.htm ) :

   
Rambler's Top100
вверх

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