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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> создание своего меню по нажатию правой кнопки мыши, меню однотипно, но ссылки с него разные 
:(
    Опции темы
americanets
Дата 9.1.2007, 10:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

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



как создать свое меню при нажатии правой кнопки мыши на фотке, фоток много, но меню одно свойства дата и т п ссылки от него на файл пхп только id отличаются, как такое можно сделать, примерно как в fckeditor ? 


--------------------
Пусть популярную музыку слушают те, среди кого она популярна
PM   Вверх
Sardar
Дата 9.1.2007, 15:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317



Читать это (опционально oncontextmenu для новых браузеров), писать своё меню в виде слоя на абсолютной, высчитывать позицю (вбей в поиск getPosition) и заменять содержимое через DOM. Ну и конечно молиться, что бы Опера или плагины к FF не отрубили тебе доступ к правой кнопке мыши (может по этому никто подобное не пишет smile ).


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
americanets
Дата 9.1.2007, 17:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

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



да, нашел пару примеров делают контекстное меню, но срабатывает при нажатии в любой области этрана и выводится оно одно соответственно, на слое висит, с помощью PHP их можно намножить сколько нужно, главное как их вывести при нажатии на картинку, а главное нужное, тк там много кода а меню одно, не клонировать ведь код весь для каждого? 


--------------------
Пусть популярную музыку слушают те, среди кого она популярна
PM   Вверх
Sardar
Дата 9.1.2007, 18:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317



americanets, ловить событие можно на чём угодно (выше по DOM дереву), хоть на всём окне. Тот на ком кликнули: event.srcElement для IE, event.target для всех W3C совместимых (все остальные). Высчитываем позицию по offset(Left|Top) и показываем меню.

Я вижу ты просто не прочёл/не искал то, что я дал в первом посте smile


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
americanets
Дата 10.1.2007, 08:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

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



в DOM вообще не понимаю что и как , вот скрипт есть 

Код

<html>
<head>
<title>Microsoft context menu</title> 
Код

<script language="JavaScript" type="text/javascript">
<!--

var winPopup = window.createPopup();

var mWidth = 247;
var mHeight = 67;

function goContext()
{ 
var winPopupBody = winPopup.document.body;

winPopupBody.innerHTML = winContext.innerHTML;
winPopup.show( event.offsetX, event.offsetY, mWidth, mHeight, document.body ); 
document.body.onmouseup = closePopup;
}

function closePopup()
{

winPopup.hide();
}
//-->
</script>

</head>
<body oncontextmenu="goContext(); return false">
<div id=winContext style="DISPLAY: none"> 
<div id="cells">
<div onmouseover="this.style.background='#ffffff'" style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: white 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BACKGROUND: #cccccc; LEFT: 0px; PADDING-BOTTOM: 2px; BORDER-LEFT: white 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: verdana; POSITION: relative; TOP: 0px; HEIGHT: 20px" 
onclick="top.location.href='http://search.microsoft.com';" onmouseout="this.style.background='#cccccc'"> Главная страница</div>

<div onmouseover="this.style.background='#ffffff'" style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: white 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BACKGROUND: #cccccc; LEFT: 0px; PADDING-BOTTOM: 2px; BORDER-LEFT: white 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: verdana; POSITION: relative; TOP: 0px; HEIGHT: 20px" 
onclick="top.location.href='http://search.microsoft.com';" onmouseout="this.style.background='#cccccc'"> Какое-то действие</div>

<div onmouseover="this.style.background='#ffffff'" style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: white 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BACKGROUND: #cccccc; LEFT: 0px; PADDING-BOTTOM: 2px; BORDER-LEFT: white 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: verdana; POSITION: relative; TOP: 0px; HEIGHT: 20px" 
onclick="top.location.href='http://www.microsoft.com/ie';" onmouseout="this.style.background='#cccccc'"> Еще что-то делаем</div>
</div>
</div>

</body>
</html>


в нем вроде как все нормально, открывается по правой кнопке мыши, 
наверное нужно сделать на рисунке event.srcElement='goContext()'  и передать winPopup1 или winPopup2 и т д а сами их поклонить?

Добавлено @ 08:34 
с помощью PHP чтоб проще было


--------------------
Пусть популярную музыку слушают те, среди кого она популярна
PM   Вверх
12345c
Дата 10.1.2007, 12:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101



Посмотрите статью с примером про контекстное меню.
http://js2.ru/example/xmp003/context-menu.php

Это сообщение отредактировал(а) 12345c - 3.3.2008, 12:50


--------------------
Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go
PM WWW   Вверх
americanets
Дата 10.1.2007, 14:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

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



ОК, спасибо


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


 




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


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

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