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

HTML+CSS+JavaScript

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

 

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

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

тема: вопрос по prototypejs
 
 автор: 1999   (30.09.2007 в 01:08)   письмо автору
 
 

постоянно натыкаюсь на какой-то гемор при использовании Prototype
проблема такая:

есть 3 картинки с классом banner в слое с id = 'extras'
хочу их получить, для чего:


function process_banners()
{
    var banners = $( 'extras' ).getElementsByClassName( 'banner' );
    var len = banners.length;

    for ( var i=0;i<len;i++ )
    {
        banner = banners[i];

        banner.onmouseover = function(){ banner.setStyle({border: '1px solid #666'}) };
        banner.onmouseout = function(){ alert( 'bbb' ); };
    }
}


что самое глупое - при наведнии мышки на какую-либо из картинок подсвечивается только последняя. т.е. все действия происходят только над последней((( помогите разобраться плиз в чем трабл...

   
 
 автор: CNT   (30.09.2007 в 01:12)   письмо автору
 
   для: 1999   (30.09.2007 в 01:08)
 

getElementsByClassName не поддерживается ни одним из браузеров - в этом ваша проблема

   
 
 автор: 1999   (30.09.2007 в 01:27)   письмо автору
 
   для: CNT   (30.09.2007 в 01:12)
 

вопрос не по джаваскрипту, а по библиотеке Prototype. кхм... вы про такую слышали когда-нибудь?

   
 
 автор: CNT   (30.09.2007 в 15:21)   письмо автору
 
   для: 1999   (30.09.2007 в 01:27)
 

нет, не слышал - оные штучки для лохов мне без надобности.

   
 
 автор: bronenos   (30.09.2007 в 01:13)   письмо автору
 
   для: 1999   (30.09.2007 в 01:08)
 

внутри функции которую присваиваете вместо banner пишите this
иными словами указатель нужен на данный объект, а не ссылка на последний полученный баннер

   
 
 автор: 1999   (30.09.2007 в 01:28)   письмо автору
 
   для: bronenos   (30.09.2007 в 01:13)
 

изменил на


function process_banners()
{
    var banners = $( 'extras' ).getElementsByClassName( 'banner' );
    var len = banners.length;

    for ( var i=0;i<len;i++ )
    {
        this.onmouseover = function(){ this.setStyle({border: '1px solid #666'}) };
        this.onmouseout = function(){ this.setStyle({border: '1px solid #CCC'}) };
    }
}


теперь не подсвечивается ничего(((
ну и к тому же вопрос банальный - откуда javascript узнает что такое this в цикле?

   
 
 автор: bronenos   (30.09.2007 в 01:36)   письмо автору
 
   для: 1999   (30.09.2007 в 01:28)
 

this везде означает - текущий объект

видимо я ошибся уже
что если команду эту обернуть в кавычки а не в функцию

   
 
 автор: 1999   (30.09.2007 в 01:39)   письмо автору
 
   для: bronenos   (30.09.2007 в 01:36)
 

то же.... я просто вобще не понимаю почему так получается (ну как я в начале делал)
как будто последний в цикле всех забивает

   
 
 автор: AlexSol   (30.09.2007 в 07:37)   письмо автору
 
   для: 1999   (30.09.2007 в 01:39)
 


banner = banners[i]; 
banner.onmouseover = function(){ this.setStyle({border: '1px solid #666'}) };

?

   
 
 автор: 1999   (30.09.2007 в 07:41)   письмо автору
 
   для: AlexSol   (30.09.2007 в 07:37)
 

спасибо! вчера засыпал так и думал что как-то так надо... вот теперь все оправдалось)

   
 
 автор: bronenos   (30.09.2007 в 08:57)   письмо автору
 
   для: AlexSol   (30.09.2007 в 07:37)
 

блин даже обидно как Я эту лоховскую ошибку не заметил((

   
Rambler's Top100
вверх

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