Mootools. Вопросы новичка

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем denis123, 13 май 2009.

Статус темы:
Закрыта.
  1. denis123

    denis123 Гость

    Друзья, здравствуйте. Только-только начал изучать mootools и надеюсь на вашу помощь.

    Собственно, проблема. Использую Fx.Slide

    Код js файла

    Код (Text):
    window.addEvent('domready', function() {
    var status = {
    'true': 'close',
    'false': 'open'
    };

    //--horizontal
    var myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'horizontal'});
    myHorizontalSlide.hide();

    $('h_slideout').addEvent('click', function(e){
    e.stop();
    myHorizontalSlide.slideOut();
    });

    $('h_slidein').addEvent('click', function(e){
    e.stop();
    myHorizontalSlide.slideIn();
    });s


    $('h_hide').addEvent('click', function(e){
    e.stop();
    myHorizontalSlide.hide();
    $('horizontal_status').set('html', status[myHorizontalSlide.open]);
    });

    });
    Кусок html, с которым работает скрип:

    Код (Text):
    <div class="submenu">

    <a id="h_slidein" href="#">Показать</a> / <a id="h_slideout" href="#">скрыть</a> див

    </div>
    <div id="horizontal_slide">
    <a id="h_hide" href="#">hide</a>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    </div>
    Кому лень читать, описываю: на странице есть строка Показать / скрыть див. По нажатию на показать слева выезжает див с контентом. Собственно, вопрос:

    Есть большое желание (во имя юзабилити), чтобы до нажатия на слово "показать" к нему был применен один класс, к слову "скрыть" - другой. После срабатывания функции h_slidein склассы менялись. Маюсь уже второй день. Будут благодарен за совет.
     
  2. denis123

    denis123 Гость

    Дошел до мысли

    Код (Text):
        myHorizontalSlide.addEvent('complete', function() {
    $('h_slidein').set('class', 'active');
    });
    Но это не работает.
     
  3. denis123

    denis123 Гость

    Ну, просмотрев форум, понял, что народ мпреимущественно отвечает на вопросы "Сколько будет 2х2"

    Решение моей проблемы:

    Код (Text):
    window.addEvent('domready', function() {
    var status = {
    'true': 'close',
    'false': 'open'
    };

    var myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'horizontal'});
    myHorizontalSlide.hide();

    $('h_slideout').addEvent('click', function(e){
    e.stop();
    myHorizontalSlide.slideOut();
    $('h_slidein').set('class', 'QN_active');
    $('h_slideout').set('class', 'QN_disactive');
    });

    $('h_slidein').addEvent('click', function(e){
    e.stop();
    myHorizontalSlide.slideIn();
    $('h_slidein').set('class', 'QN_disactive');
    $('h_slideout').set('class', 'QN_active');
    });


    $('h_hide').addEvent('click', function(e){
    e.stop();
    myHorizontalSlide.hide();
    });
    });
     
  4. Vovochka

    Vovochka Гость

    Если я не использую mootools, то явно не начну его изучать, только чтоб объяснить, где же ты не прав. Знаю ответ - скажу, не знаю - мне не платят за изучение чужих проблем.
     
Загрузка...
Похожие Темы - Mootools Вопросы новичка
  1. rownong
    Ответов:
    0
    Просмотров:
    200
  2. Domino-Designer
    Ответов:
    64
    Просмотров:
    3.580
  3. dimat
    Ответов:
    7
    Просмотров:
    1.620
  4. serko
    Ответов:
    3
    Просмотров:
    1.122
  5. serko
    Ответов:
    499
    Просмотров:
    20.610
Статус темы:
Закрыта.

Поделиться этой страницей