Форум -> MooTools и другие -> MooTools не для программистов. Урок 1. |
MooTools не для программистов. Урок 1. |
---|
Serg_pnz | Дата: 25.06.2009, в 14:46 | Сообщение №1 |
АдминистраторПользователь №: 1 Сообщений: 2242
| |
|
|
moskmii | Дата: 06.07.2009, в 19:20 | Сообщение №2 |
Активный участникПользователь №: 96 Сообщений: 184
| значит, в хедер мы вставляем Код | 1
| <script type="text/javascript" src="mootools.js"></script> |
на саму страницу хтмл
а id переменные должны быть как в фунцциях mootools.js |
|
|
Serg_pnz | Дата: 06.07.2009, в 19:50 | Сообщение №3 |
АдминистраторПользователь №: 1 Сообщений: 2242
| Цитата | а id переменные должны быть как в фунцциях mootools.js |
id назначаются div'ам, img'ам, span'ам и т.д.
Код | 1
| <script type="text/javascript" src="mootools.js"></script> |
прописывается в хедер ДО какого либо обращения к функциям mootools или объектам. | Не все кальсоны с оторванными пуговицами - брюки. © Serg_pnz
"...даме водки? Это чистый спирт!" © кот Бегемот |
|
|
moskmii | Дата: 06.07.2009, в 20:04 | Сообщение №4 |
Активный участникПользователь №: 96 Сообщений: 184
| а если уже есть в хедере строка
Код | 1
| echo "<script type=\"text/javascript\" src=\"ajaxscripts/mootools.js\"></script>"; |
то нужно поновой менять файл mootools.js |
|
|
moskmii | Дата: 07.07.2009, в 00:07 | Сообщение №5 |
Активный участникПользователь №: 96 Сообщений: 184
| Вобщем попробую конкретно разобрать что я делаю.
Задача: Нужно чтобы на странице появлялась картинка (карта Московской области) при нажатии на ссылку (см.Урок 1, Пример 3 от Serg_pnz)
Вот где это должно работать http://mkkprf.ru/otdeleniya.html
1. Я решил, что удобней всего работать со специально созданым файлом search-otdeleniya.html созданным в теме оформления. Поэтому я вставил туда код:
Код | 1
| <center><a href="#" id="toggler">Показать карту Московской области</a></center>
<div id="toggleMe"><center><img src="uploads/all/all-IkRURfUxbk.jpg"></center><br></div> |
2. В файл index.html темы оформления вставил код:
Код | 1
| <script type="text/javascript" src="mootools.js"></script> |
между тегами head, а можно было бы и намерное правельнее вставить в config_header.php
3. А вот где должен находится тогда файл mootools.js и что он должен содержать непойму... |
|
|
patriot | Дата: 07.07.2009, в 22:17 | Сообщение №6 |
УчастникПользователь №: 349 Сообщений: 92
| в приведенном примере mootools.js должен быть в корне сайта и содержит он код библиотеки mootools.
ПС. при переходе на вашу эту страницу ФФ пишет "Имеется информация, что этот сайт атакует компьютеры!"
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Отредактированно patriot 07.07.2009 г. в 23:00:01 |
|
|
Serg_pnz | Дата: 08.07.2009, в 11:49 | Сообщение №7 |
АдминистраторПользователь №: 1 Сообщений: 2242
| moskmii, тут вот неприятность небольшая есть. У тебя установлен календарь, который использует mootools 1.11
В уроке используется версия 1.2.0
К сожалению версии не совместимы.
Поэтому там, где календарь обращайся к ajaxscripts/mootools.js, а для карты придется кинуть mootools.js из примера в другой каталог. | Не все кальсоны с оторванными пуговицами - брюки. © Serg_pnz
"...даме водки? Это чистый спирт!" © кот Бегемот |
|
|
moskmii | Дата: 08.07.2009, в 16:27 | Сообщение №8 |
Активный участникПользователь №: 96 Сообщений: 184
| patriot, спасибо
Было дело, в индексы сайта были внедрены вредоносные кодв, сейчас все удалено, ножет в базе браузера остала об этом инфа, в любом случае спасибо за информацию...будем проверять...
Serg_pnz, все создал mootools.js в другом каталоге, прописал путь к нему в индексе темы оформления, залил в него из урока js-код, но не работает ни в опере, ни в осле 7, ни в мозиле... |
|
|
Serg_pnz | Дата: 08.07.2009, в 19:41 | Сообщение №9 |
АдминистраторПользователь №: 1 Сообщений: 2242
| moskmii, дай ссылку | Не все кальсоны с оторванными пуговицами - брюки. © Serg_pnz
"...даме водки? Это чистый спирт!" © кот Бегемот |
|
|
moskmii | Дата: 08.07.2009, в 23:14 | Сообщение №10 |
Активный участникПользователь №: 96 Сообщений: 184
| |
|
Serg_pnz | Дата: 09.07.2009, в 09:05 | Сообщение №11 |
АдминистраторПользователь №: 1 Сообщений: 2242
| moskmii, к сожалению не пускает меня туда, еще не снята пометка, что сайт атакует компьютеры. | Не все кальсоны с оторванными пуговицами - брюки. © Serg_pnz
"...даме водки? Это чистый спирт!" © кот Бегемот |
|
|
moskmii | Дата: 28.07.2009, в 12:43 | Сообщение №12 |
Активный участникПользователь №: 96 Сообщений: 184
| |
|
patriot | Дата: 29.07.2009, в 00:29 | Сообщение №13 |
УчастникПользователь №: 349 Сообщений: 92
| ты из одной папки mootools.js подключай. оба не надо |
|
|
moskmii | Дата: 29.07.2009, в 08:40 | Сообщение №14 |
Активный участникПользователь №: 96 Сообщений: 184
| 1. Я также пытался до этого установить Файловый менеджер Mootools PHP, но не получилось - это может повлиять на точто не работает.
2. Я так и не понял какое содержание должно быть mootools.js - это должна быть именно библиотека в которой много функций илиже как у меня только одна функция и больше ничего. Выклыдываю код моего файла mootools.js
Код | 1
| window.addEvent('domready', function() {
var toggleMe = new Fx.Slide('toggleMe',
{ duration: 1000,
transition: 'bounce:out'
}
);
toggleMe.hide();
$('toggler').addEvent('click', function(e) {
e.stop();
toggleMe.toggle();
});
}); |
все больше у меня в этом файле ничего нет....
Цитата | ты из одной папки mootools.js подключай. оба не надо |
спасибо сейчас попробую... |
|
|
Serg_pnz | Дата: 29.07.2009, в 10:15 | Сообщение №15 |
АдминистраторПользователь №: 1 Сообщений: 2242
| Цитата | Я так и не понял какое содержание должно быть mootools.js - это должна быть именно библиотека в которой много функций или же как у меня только одна функция и больше ничего. Выклыдываю код моего файла mootools.js |
Конечно же так не правильно. Сначала ты должен подключить библиотеку, а потом скрипт, управляющий элементом. | Не все кальсоны с оторванными пуговицами - брюки. © Serg_pnz
"...даме водки? Это чистый спирт!" © кот Бегемот |
|
|
moskmii | Дата: 29.07.2009, в 11:01 | Сообщение №16 |
Активный участникПользователь №: 96 Сообщений: 184
| Где скачать версию 1.2.0, а то на офф сайте уже 1.3 или это непринципиально... |
|
|
moskmii | Дата: 29.07.2009, в 11:11 | Сообщение №17 |
Активный участникПользователь №: 96 Сообщений: 184
| Залил файл mootools.js из урока 1
Теперь выскакивает ошибка <www.mkkprf.ru> Handler could not be removed
Зачем нужен файл lesson1.js? Что то похожее должно быть на сайте? |
|
|
patriot | Дата: 29.07.2009, в 12:46 | Сообщение №18 |
УчастникПользователь №: 349 Сообщений: 92
| сейчас у тебя библиотека вообще не подключена
в ajax/mootools.js не библиотека
подключи библиотеку перед этим скриптом
ПС чтобы не путаться назови библиотеку mootools.js, а файл с твоими функциями togle_map.js, например |
|
|
moskmii | Дата: 29.07.2009, в 13:46 | Сообщение №19 |
Активный участникПользователь №: 96 Сообщений: 184
| 1. В папку ajax я скопировал файлы из скачанного архива (Скачать пример (zip, 30 kb)): mootools.js и lesson1.js
Соответственно в хедере прописал их вызов
2. Код | 1
| <script type="text/javascript" src="ajax/mootools.js"></script>
<script type="text/javascript" src="ajax/lesson1.js"></script> |
3. Через систему шаблонов
Я решил, что удобней всего работать со специально созданым файлом search-otdeleniya.html созданным в теме оформления. Поэтому я вставил туда код:
Код | 1
| <center><a href="#" id="toggler">Показать карту Московской области</a></center>
<div id="toggleMe"><center><img src="uploads/all/all-IkRURfUxbk.jpg"></center><br></div> |
Результат тот же... |
|
|
Serg_pnz | Дата: 29.07.2009, в 14:47 | Сообщение №20 |
АдминистраторПользователь №: 1 Сообщений: 2242
| тут lesson1.js надо оставить только пример 3, ну обёртку. А то аякс ищет объекты, которых нет и поэтому неработает.
Код | 1
| /***
*
* Включаем "слушилку"
*
*/
window.addEvent('domready', function() {
/***
*
* Пример 3
*
*/
var toggleMe = new Fx.Slide('toggleMe',
{ duration: 1000,
transition: 'bounce:out'
}
);
toggleMe.hide();
$('toggler').addEvent('click', function(e) {
e.stop();
toggleMe.toggle();
});
/***
*
* Выключаем "слушилку"
*
*/
}); |
| Не все кальсоны с оторванными пуговицами - брюки. © Serg_pnz
"...даме водки? Это чистый спирт!" © кот Бегемот |
|
|
|
Вы не можете ответить в тему анонимно, пожалуйста, войдите или зарегистрируйтесь!
|