Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

Русский язык для плагина N3T Cookie consent

Вставка VK VIDEO v.1.2.4 - плагин для Joomla

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 23 Ответов
  • 2446 Просмотров
*

Mick_20

  • Завсегдатай
  • 1029
  • 13 / 0
  • Что тут писать?
Меню со скриптами
« : 23.04.2012, 11:37:14 »
В общем написал я менюшку в таблице HTML, когдла наводишь курсор функция меняет изображение...
Вот в общем :

<html>
<script type="text/javascript" language="JavaScript">
function changeImg(source)
{ document.pict.src = source + '.jpg';
};

function changeImg2(source)
{ document.pict2.src = source + '.png';
};

function changeImg3(source)
{ document.pict3.src = source + '.png';
};
function changeImg4(source)
{ document.pict4.src = source + '.png';
};


</script>
<center>

<table width="880" height="61" cellspacing="0" border="0" cellpadding="0">

<tr height="50%">


<td><a href="http://vinodelovo.ru/yes/index.php/home"><img src="1.jpg" name="pict" border=0
onMouseOver="changeImg('2')"
onMouseOut="changeImg('1')" ></a></td>
<td><img src="11.png" name="pict2" border=0
onMouseOver="changeImg2('22')"
onMouseOut="changeImg2('11')" ></td>
<td><img src="111.png" name="pict3" border=0
onMouseOver="changeImg3('222')"
onMouseOut="changeImg3('111')" ></td>
<td><img src="1111.png" name="pict4" border=0
onMouseOver="changeImg4('2222')"
onMouseOut="changeImg4('1111')" ></td>

</tr>

</table>
</center>
</body>
</html>

Ну в общем работает все когда рисунки рядом с этим файлом лежат.

Решил я это дело засунуть в модуль Joomla который добавляет на страницу произвольный код. Засунул. Картинки кинул в папку где хранится главный index.php.   Опять все работает.
НО! если перейти по ссылке (у меня там home только написан), то менюшка начинает распадаться - адресс картинок меняется! там дописывается к адресу /index.php/home

Причем папки index.php нет... куда картинки бросать чтобы заработало все нормально?
Записан
Мой сайт про корабли
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
Re: Меню со скриптами
« Ответ #1 : 23.04.2012, 12:18:24 »
во первых как это относится к ксс?
во вторых тупо напиши скрипт на jquerty
Записан
*

Mick_20

  • Завсегдатай
  • 1029
  • 13 / 0
  • Что тут писать?
Re: Меню со скриптами
« Ответ #2 : 23.04.2012, 14:13:24 »
Цитата: Equilibrium07 от 23.04.2012, 12:18:24
во первых как это относится к ксс?
во вторых тупо напиши скрипт на jquerty

Неужели проще никак? зачем подключать jquerty
Записан
Мой сайт про корабли
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
Re: Меню со скриптами
« Ответ #3 : 23.04.2012, 16:51:50 »
не скажу что не как, тока вот что по твоему проще выучить и пригодится больше? jquerty или mootools?
Записан
*

Mick_20

  • Завсегдатай
  • 1029
  • 13 / 0
  • Что тут писать?
Re: Меню со скриптами
« Ответ #4 : 23.04.2012, 17:03:58 »
Цитата: Equilibrium07 от 23.04.2012, 16:51:50
не скажу что не как, тока вот что по твоему проще выучить и пригодится больше? jquerty или mootools?
тут уже некогда учить надо быстрее сделать... )  
а jquerty посмотрю.. интересно что за зверь.



Ну подскажите хоть куда копать...  !
« Последнее редактирование: 23.04.2012, 17:35:19 от Mick_20 »
Записан
Мой сайт про корабли
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
Re: Меню со скриптами
« Ответ #5 : 23.04.2012, 20:02:30 »
откуда адреса картинок беруться?
Записан
*

Mick_20

  • Завсегдатай
  • 1029
  • 13 / 0
  • Что тут писать?
Re: Меню со скриптами
« Ответ #6 : 23.04.2012, 20:11:08 »
С папки где лежит index.php (папка темплейта)
Записан
Мой сайт про корабли
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
Re: Меню со скриптами
« Ответ #7 : 23.04.2012, 20:16:04 »
не понял меня... я про то как их выловить скриптом, вернее даже где их выловить скриптом...
если можешь то просто в индекс перечисли их, дай мне ссылку на сайт и я напишу тебе скрипт.
Записан
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
Re: Меню со скриптами
« Ответ #8 : 23.04.2012, 20:18:11 »
я так понимаю срабатывал скрипт при наведении, и менял какую-то картинку. конечно мне еще надо знать на что наводить скрипт.)
Записан
*

Mick_20

  • Завсегдатай
  • 1029
  • 13 / 0
  • Что тут писать?
Re: Меню со скриптами
« Ответ #9 : 23.04.2012, 20:38:42 »
Все картинки лежат вот тут :  http://vinodelovo.ru/yes/
Насчет индекса не понял.. извините
Меню там только одна первая кнопка работает
и здесь я не весь код менюшки написал..только верхние строчки
Записан
Мой сайт про корабли
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
Re: Меню со скриптами
« Ответ #10 : 23.04.2012, 20:41:59 »
названия картинок и при наведение на что их показывать
Записан
*

Mick_20

  • Завсегдатай
  • 1029
  • 13 / 0
  • Что тут писать?
Re: Меню со скриптами
« Ответ #11 : 23.04.2012, 20:57:48 »
1.png \ 2.png
11.png \ 22.png
111.png \ 222.png
1111.png \ 2222.png

a.png \ b.png
aa.png \ bb.png
aaa.png \ bbb.png
aaaa.jpg \ bbbb.jpg
Записан
Мой сайт про корабли
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
Re: Меню со скриптами
« Ответ #12 : 23.04.2012, 21:02:36 »
убей старый скрипт
а именно onmouseout="changeImg('1')" onmouseover="changeImg('2')" name="pict" у картинок
Записан
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
Re: Меню со скриптами
« Ответ #13 : 23.04.2012, 21:04:33 »
и в принципе зачем тебе тут скрипт? если можно просто кссом обойтись
Записан
*

Mick_20

  • Завсегдатай
  • 1029
  • 13 / 0
  • Что тут писать?
Re: Меню со скриптами
« Ответ #14 : 23.04.2012, 21:07:50 »
Вот так стало:

 <html>
<script type="text/javascript" language="JavaScript">
function changeImg(source)
{ document.pict.src = source + '.jpg';
};

function changeImg2(source)
{ document.pict2.src = source + '.png';
};

function changeImg3(source)
{ document.pict3.src = source + '.png';
};
function changeImg4(source)
{ document.pict4.src = source + '.png';
};

function changeImg5(source)
{ document.pict5.src = source + '.png';
};
function changeImg6(source)
{ document.pict6.src = source + '.png';
};

function changeImg7(source)
{ document.pict7.src = source + '.png';
};
function changeImg8(source)
{ document.pict8.src = source + '.jpg';
};
</script>
<center>

<table width="880" height="61" cellspacing="0" border="0" cellpadding="0">

<tr height="50%">
<td rowspan="2" background="menu_01.png" width="96" height="61"></td>
<td><a href="http://vinodelovo.ru/yes/index.php/home"><img src="1.jpg"  border=0
 ></a></td>
<td><img src="11.png"  border=0
 ></td>
<td><img src="111.png"  border=0
 ></td>
<td><img src="1111.png"  border=0
 ></td>
<td rowspan="2" background="menu_06.png" width="100" height="61"></td>

</tr>

<tr height="50%">
<td><img src="a.png"  border=0
 ></td>
<td><img src="aa.png"  border=0
 ></td>
<td><img src="aaa.png" name= border=0
 ></td>
<td><img src="aaaa.jpg" border=0
 ></td>

</tr>

</table>
</center>
</body>
</html>
Записан
Мой сайт про корабли
*

Mick_20

  • Завсегдатай
  • 1029
  • 13 / 0
  • Что тут писать?
Re: Меню со скриптами
« Ответ #15 : 23.04.2012, 21:11:39 »
да я что нашел так и сделал )
Записан
Мой сайт про корабли
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
Re: Меню со скриптами
« Ответ #16 : 23.04.2012, 21:13:59 »
все
<a href="">
<img border="0" onmouseout="changeImg('1')" onmouseover="changeImg('2')" name="pict" src="1.jpg">
</a>
замени на
<a href="">
название меню
</a>
(пример:
было
Код
<a href="http://vinodelovo.ru/yes/index.php/home">
<img border="0" onmouseout="changeImg('1')" onmouseover="changeImg('2')" name="pict" src="1.jpg">
</a>
стало
Код
<a href="http://vinodelovo.ru/yes/index.php/home">
О компании
</a>
в template.css допиши вот что

Код
table a {
background: url(ссылка на первую картинку) no-repeat;
color:#EAE3C7;
}
table a:hover {
background: url(ссылка на вторую картинку) no-repeat;
color:#EbE4C8;
}

так как картинок всего две это будет просто
Записан
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
Re: Меню со скриптами
« Ответ #17 : 23.04.2012, 21:18:19 »
Код
<html>
<center>

<table width="880" height="61" cellspacing="0" border="0" cellpadding="0">

<tr height="50%">
<td rowspan="2" background="menu_01.png" width="96" height="61"></td>
<td><a href="http://vinodelovo.ru/yes/index.php/home">О компании</a></td>
<td><a href="http://vinodelovo.ru/yes/index.php/home">Новости</a></td>
<td><a href="http://vinodelovo.ru/yes/index.php/home">Каталог продукции</a></td>
<td><a href="http://vinodelovo.ru/yes/index.php/home">Фирменные магазины</a></td>
<td rowspan="2" background="menu_06.png" width="100" height="61"></td>

</tr>

<tr height="50%">
<td><a href="http://vinodelovo.ru/yes/index.php/home">Логистический центр</a></td>
<td><a href="http://vinodelovo.ru/yes/index.php/home">Регионы</a></td>
<td><a href="http://vinodelovo.ru/yes/index.php/home">Франчайзинг</a></td>
<td><a href="http://vinodelovo.ru/yes/index.php/home">Контакты</a></td>

</tr>

</table>
</center>
</body>
</html>
вот так, тока ссылки поправь на разделы
вот каритнки

[вложение удалено Администратором]
« Последнее редактирование: 23.04.2012, 21:28:06 от Equilibrium07 »
Записан
*

Mick_20

  • Завсегдатай
  • 1029
  • 13 / 0
  • Что тут писать?
Re: Меню со скриптами
« Ответ #18 : 23.04.2012, 21:28:49 »
Блин чот не работает... просто ссылки вывелись...
Записан
Мой сайт про корабли
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
Re: Меню со скриптами
« Ответ #19 : 23.04.2012, 21:31:35 »
все так и должно быть
теперь тупо добавь им стиль
Записан
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
Re: Меню со скриптами
« Ответ #20 : 23.04.2012, 21:32:15 »
table a {
background: url(ссылка на первую картинку) no-repeat;
color:#EAE3C7;
}
table a:hover {
background: url(ссылка на вторую картинку) no-repeat;
color:#EbE4C8;
}
Записан
*

Mick_20

  • Завсегдатай
  • 1029
  • 13 / 0
  • Что тут писать?
Re: Меню со скриптами
« Ответ #21 : 23.04.2012, 21:36:24 »
ок.. спасибо большое..дальше разберусь ))))))))))))
Записан
Мой сайт про корабли
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
Re: Меню со скриптами
« Ответ #22 : 23.04.2012, 21:46:41 »
ну все) ок если еще надо помощь пиши суда
Записан
*

NightGuard

  • Живу я здесь
  • 2927
  • 378 / 7
  • вжжж-вжжж
Re: Меню со скриптами
« Ответ #23 : 23.04.2012, 23:04:37 »
Всё читать не стал, скажу одно - фигня со скриптами не нужна! Юзайте CSS и все изображения загоняйте в спрайт.
Записан
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

 Ответов: 4
Просмотров: 3446 		Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

 Ответов: 10
Просмотров: 2981 		Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

 Ответов: 1
Просмотров: 1464 		Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

 Ответов: 2
Просмотров: 1382 		Последний ответ 27.11.2020, 11:33:58
от coliandra
Как убрать маркер только из одного пункта меню.

Автор kuraev64

 Ответов: 2
Просмотров: 1629 		Последний ответ 20.07.2020, 11:18:44
от kuraev64