Новости Joomla

Новогодние скидки от Nevigen.com

Новогодние скидки от Nevigen.com

Рады сообщить о специальном предложении от Nevigen, разработчика расширений для JoomShopping.

Astroid обновился до версии 3.3.7!

Astroid обновился до версии 3.3.7!

Astroid — это мощный фреймворк для дизайнеров и разработчиков, позволяющий создавать адаптивные, быстрые и надежные веб-сайты и шаблоны на базе Joomla.

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

👩‍💻 Как тестировать Joomla PHP-разработчику? Компонент Patch tester.Joomla - open source PHP-фреймворк с готовой админкой. Его основная разработка ведётся на GitHub. Для того, чтобы международному сообществу разработчиков было удобнее тестировать Pull Requests был создан компонент Patch Tester, который позволяет "накатить" на текущую установку Joomla именно те изменения, которые необходимо протестировать. На стороне инфраструктуры Joomla для каждого PR собираются готовые пакеты, в которых находится ядро + предложенные изменения. В каждом PR обычно находятся инструкции по тестированию: куда зайти, что нажать, ожидаемый результат. Тестировщики могут предположить дополнительные сценарии, исходя из своего опыта и найти баги, о которых сообщить разработчику. Или не найти, и тогда улучшение или исправление ошибки быстрее войдёт в ядро Joomla. Напомню, что для того, чтобы PR вошёл в ядро Joomla нужны минимум 2 положительных теста от 2 участников сообщества, кроме автора. Видео на YouTubeВидео на VK ВидеоВидео на RuTubeКомпонент на GitHub https://github.com/joomla-extensions/patchtester@joomlafeed#joomla #php #webdev #community

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

Mick_20

  • Завсегдатай
  • 1030
  • 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

  • Завсегдатай
  • 1030
  • 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

  • Завсегдатай
  • 1030
  • 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

  • Завсегдатай
  • 1030
  • 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

  • Завсегдатай
  • 1030
  • 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

  • Завсегдатай
  • 1030
  • 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

  • Завсегдатай
  • 1030
  • 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

  • Завсегдатай
  • 1030
  • 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

  • Завсегдатай
  • 1030
  • 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

  • Завсегдатай
  • 1030
  • 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
Просмотров: 3605 		Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

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

Автор coliandra

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

Автор coliandra

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

Автор kuraev64

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