Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Вопрос от новичка 
:(
    Опции темы
Areostar
Дата 4.6.2011, 15:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1191
Регистрация: 5.4.2008

Репутация: нет
Всего: -2



Java Script - раньше не пользовал, вот скажите мне надо чтоб выбраный пункт в меню окрашивался в другой цвет! как это сделать я боль-мение понял, но если надо чтоб выделялось фигурно (как показанно во вложении). Как можно добиться такого? встаклять такой рисунок как фоновый для яцейки таблицы!? Или что ещё!?

Присоединённый файл ( Кол-во скачиваний: 14 )
Присоединённый файл  m.png 26,99 Kb
PM MAIL   Вверх
systemIV
Дата 4.6.2011, 15:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 155
Регистрация: 28.3.2011

Репутация: нет
Всего: -1



Ну примерно так:
При наведении на какой то пункт меню, блок с картинкой принимает параметр display: visible. До этого он был hide. В принципе и всё.

Добавлено через 1 минуту и 19 секунд
Лучше делай всё это через спрайты. И вставлять ничего не нужно будет. 
PM ICQ Skype   Вверх
Areostar
Дата 4.6.2011, 16:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1191
Регистрация: 5.4.2008

Репутация: нет
Всего: -2




   Я пример подкинуть не можите? плиз
PM MAIL   Вверх
Areostar
Дата 4.6.2011, 16:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1191
Регистрация: 5.4.2008

Репутация: нет
Всего: -2



Скажите пожалуйста, как присобачить к менюшке перехвадчик события клика мышки!?

В РНР файле создаётся табличка для меню. Что надо чтоб прикрепить к ней JS? Запихнуть табличу в форму!? или создать страницу полностью(html, head, body И ТАК ДАЛЕЕ).?
PM MAIL   Вверх
bars80080
Дата 4.6.2011, 16:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315



можно и без js обойтись

менюшка имеет примерно такую разметку:

Код

<ul class="menu">
<li><a>clients</a></li>
<li class="seleted"><a>resources</a></li>
<li><a>newsroom</a></li>
<li><a>careers</a></li>
</ul>


стили разметки

Код

.menu li {display: inline; background: url(/путь до фоновой картинки - ровный градиент.gif) repeat-x; }
.menu li a { text-transform: uppercase; text-decoration: underline; color: #ffffff; }
.menu li.seleted { background: url(/путь до фоновой картинки выбранного пункта.gif) no-repeat; }
.menu li a:hover { background: url(/путь до фоновой картинки при наведении на ссылку мышки.gif) no-repeat; }


если ещё ссылке и пункту (li и a) поставить стиль display: inline-block; то можно пункты представить в виде блоков в одну линию

PM MAIL WWW   Вверх
Areostar
Дата 4.6.2011, 17:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1191
Регистрация: 5.4.2008

Репутация: нет
Всего: -2



   На счёт последнего пункта по подробнее плиз, как мне расположить пункты в строку!?

и мне надо не только при новедении, но и при клике!?

   И к тому же если мне именно с табличкой надо!?

Это сообщение отредактировал(а) Areostar - 4.6.2011, 17:06
PM MAIL   Вверх
InfMag
Дата 5.6.2011, 17:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


…
***


Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 21.11.2004

Репутация: нет
Всего: 4



Areostar, таблички в вёрстке не по назначению есьм моветон.
Код

.menu li { display: inline-block; width: 100px; height: 30px; }


Добавлено через 8 минут и 55 секунд
Areostar, перехват события клика мышки:
Код

var tags = document.getElementsByTagName('ul');
for (var i=0; i<tags.length; i++) {
    if (tags[i].className.indexOf('menu') !== -1) {
        var links = tags[i].getElementsByTagName('a');
        for (var n=0; n<links.length; n++) {
            links[n].onclick = function () {
                alert('Хорош тыкать!');
                return false; // если хотим чтобы ссылка не переходила по href
            };
        }
    }
}

Гораздо проще будет на jQuery.
PM   Вверх
Evghenusi
Дата 5.6.2011, 19:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


майский жук
**


Профиль
Группа: Участник
Сообщений: 506
Регистрация: 3.8.2006
Где: Молдова, Кишинёв

Репутация: 3
Всего: 15



InfMag а точно нужен перехват?
вы лучше расспросите по подробнее, что товарисчу надо.

может он просто не верно излагает мыслю.
и ему нужна правильная "вёрстка", а перехватом события он подразумевает "onclick".

P.S. если влез не в тему...то звиняйте.
PM WWW   Вверх
InfMag
Дата 6.6.2011, 17:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


…
***


Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 21.11.2004

Репутация: нет
Всего: 4



Evghenusi, ну был вопрос про перехват. Вообще в его случае конечно не нужно, если мы говорим о вёрстке. Но этот вопрос куда более подходит к ветке.
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.0483 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.