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

  • Автор темы denis123
  • Дата начала
Статус
Закрыто для дальнейших ответов.
D

denis123

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

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

Код js файла

Код:
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, с которым работает скрип:

Код:
<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 склассы менялись. Маюсь уже второй день. Будут благодарен за совет.
 
D

denis123

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

Код:
	myHorizontalSlide.addEvent('complete', function() {
$('h_slidein').set('class', 'active');
});

Но это не работает.
 
D

denis123

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

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

Код:
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();
});
});
 
V

Vovochka

Ну, просмотрев форум, понял, что народ мпреимущественно отвечает на вопросы "Сколько будет 2х2"
Если я не использую mootools, то явно не начну его изучать, только чтоб объяснить, где же ты не прав. Знаю ответ - скажу, не знаю - мне не платят за изучение чужих проблем.
 
Статус
Закрыто для дальнейших ответов.
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!