есть линк
Значение этого линка отлавливается так:

Код

<script> document.onmousedown=catchEvents; function catchEvents(ev) {  var tgt=window.event? window.event.srcElement: ev.target;  var evt=window.event? window.event: ev;  var rightB=evt.which? (evt.which==3): evt.button? evt.button==2: false;  if(tgt.nodeType==1&&tgt.nodeName=="A"&&rightB) {     // alert(tgt.innerHTML); !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!   // СДЕСЬ ДОЛЖЕН БЫТЬ КОД ГЕНЕРИРУЕМОГО МЕНЮ!   // ПУНКТЫ МЕНЮ ДОЛЖНЫ БЫТЬ РАВНЫ tgt.innerHTML!!!  } } </script>

Как сделать чтобы при этом щелчке генерировалось бы примитивное меню с пунктами = tgt.innerHTML ????
Добавлено @ 11:45
чуть не забыл:

Код

<body> <a href="#">Test1111111</a> <a href="#">Tes22222222</a> <a href="#">Tes333333333</a> <a href="#">T155544444444</a> </body>

Это сообщение отредактировал(а) HappyMan - 12.4.2005, 11:44

меню должно иметь вид:

Код

<DIV > <TABLE>  <TR><TD>ТУТ ДОЖНО БЫТЬ tgt.innerHTML</TD></TR>  <TR><TD>ТУТ ДОЖНО БЫТЬ tgt.innerHTML</TD></TR> </TABLE>  </DIV>

Это сообщение отредактировал(а) HappyMan - 12.4.2005, 11:55

А в чём конкретно проблема? Ну самый простой способ это загнать разметку как она есть в body.innerHTML, естественно что синтаксических ошибок там быть не должно:

Код

<style type="text/css"> .menu {   border: 1px solid black;   position: absolute;   background-color:#dedbf5;   font-family: Verdana;   color:#0a1a3a; } </style> </head> <body> <script language="Javascript" type="text/javascript"> <!-- function test() { var html="<DIV class='menu'><TABLE border='0'><TR><TD>ТУТ ДОЖНО БЫТЬ tgt.innerHTML</TD></TR>\  <TR><TD>ТУТ ДОЖНО БЫТЬ tgt.innerHTML</TD></TR>\ </TABLE></DIV>"; document.body.innerHTML+=html; } //--> </script> <button onclick="test()">Test</button> </body>

Вот тут обсуждалось нечто похожее, может пригодится.

Sardar
Aliance

наверно вы меня не правильно поняли:
мне нужно чтобы пункт меню, которое появляется после нажатия правой кн. мыши на линке, БЫЛ БЫ РАВЕН значению линка! т.е пункты меню создаются динамически - они зависят от tgt.innerHTML(значение линка, см. код выше)

понимаете?
Добавлено @ 18:35
привожу пример на ПХП

Код

$a="abc"; echo "<input type='button' value='".$a."' name='B3'>";

Добавлено @ 18:36
я считаю, что тут нечто похожее..

Так переделай его, это ж просто.

Код

<HTML> <head> <script> function showMenu(obj, id, context) {    var menu = document.getElementById(id);    menu.style.left = obj.offsetLeft+"px";    menu.style.top = obj.offsetTop+"px";    menu.style.display = "block";    menu.innerHTML = context; } </script> </head> <body> <span onclick="showMenu(this, 'submenu1', 'Контент1')">menu</span> <span onclick="showMenu(this, 'submenu2', 'Контент2')">menu2</span> <div id="submenu1" style="display: none; left:0px; top: 0px; position: relative;"></div> <div id="submenu2" style="display: none; left:0px; top: 0px; position: relative;"></div> </body> </HTML>

Это сообщение отредактировал(а) Aliance - 12.4.2005, 18:52

Aliance
будем пробовать...

Цитата(HappyMan @ 12.4.2005, 10:42)

примитивное меню с пунктами = tgt.innerHTML

Ничего не ясно, в смысле того что ты хочешь

Цитата(HappyMan @ 12.4.2005, 17:32)

БЫЛ БЫ РАВЕН значению линка!

А это уже более осмысленно, но не врубаюсь то ли ты имеешь в виду содержимое ссылки, то ли адрес Попробуй сконцентрироваться и "родить" ясную мыслю

А вообще по барабану, берёшь разметку из твоего второго поста, там где хочешь иметь инфу пишешь + tgt.innerHTML + или что ты там еще хочешь. Затем получившуюся разметку кидаем в document.body или куда ты хочешь. Берём часть кода от Aliance - позиционирование элемента, применяем к меню. Всё просто за 15 минут.

Пока ты не определишся точно что тебе нужно, кода не будет

Sardar
да в том то и дело что Модератор Aliance: <вырезано> все равно или содержимое или адрес! главно чтоб динамически было! а поменять всегда можно

Это сообщение отредактировал(а) Aliance - 12.4.2005, 22:24

Aliance
как сделать чтобы "контент1" появлялся между Дивами(<div ....>сдесь должны быть динамические данные!</div>)??? т.к структура меню у меня сложная...

Пункты меня даны в спанах вообще-то. Хоть на чукотке, просто туда слой дива пихай и все.
А вообще-то тут не верстка, имхо.

М	HappyMan старайся не употреблять некорректных выражений, давайте сделаем форум чище.

Это сообщение отредактировал(а) Aliance - 12.4.2005, 22:30

Aliance
да, действительно спан, но разница не большая

Это сообщение отредактировал(а) Aliance - 13.4.2005, 18:54

полный исходник того, что удалось сделать:

Код

<script> document.onmousedown=catchEvents; function catchEvents(ev) {  var tgt=window.event? window.event.srcElement: ev.target;  var evt=window.event? window.event: ev;  var rightB=evt.which? (evt.which==3): evt.button? evt.button==2: false;  if(tgt.nodeType==1&&tgt.nodeName=="A"&&rightB) {     //alert(tgt.innerHTML);     fMn(this, tgt.innerHTML);  } } </script> <STYLE> TABLE.mn {background:#c0c0c0} TD.mnItem {font-size:14;align:left;background:#f0f0f0;padding-left=3pt;padding-right=3pt;} TD.mnItemSelect {font-size:14;align:left;background:#eeeebb;padding-left=3pt;padding-right=3pt;} </STYLE> <script> function contextFun(){return false;} document.oncontextmenu = contextFun; </SCRIPT>  <script> function fMn(obj, abc){   pm.style.display = "block";   pm.style.posLeft = document.body.scrollLeft + event.clientX - 10;   pm.style.posTop = document.body.scrollTop + event.clientY - 10; }  function fMnItemOver(obj){obj.className = "mnItemSelect"} function fMnItemOut(obj){obj.className = "mnItem"} function fMnOut(obj){  obj.style.display="none"; } function fMnOver(obj){  obj.style.display="block"; } </SCRIPT> <DIV id="pm" onmouseout="fMnOut(this)" onmouseover="fMnOver(this)" style="position:absolute;display:none"> <TABLE class="mn" cellPadding=0 cellSpacing=1>  <TR><TD class="mnItem" onmouseover="this.style.cursor='default'; fMnItemOver(this)" onmouseout=fMnItemOut(this)>Dinamic Data HERE</TD></TR>  <TR><TD class="mnItem" onmouseover="this.style.cursor='default'; fMnItemOver(this)" onmouseout=fMnItemOut(this)>Dinamic Data HERE</TD></TR> </TABLE>  </DIV> <body> <a href="#">Link1</a> <a href="#">link2</a> <a href="#">link3</a> </body>

Dinamic Data HERE должно равнятся abc
Добавлено @ 19:37
Aliance
в твоем случае ты просто делаешь

Цитата

menu.innerHTML = context;

а в моем такое не проходит...

Это сообщение отредактировал(а) HappyMan - 13.4.2005, 19:33

ЕЕЕЕЕЕЕЕ получилось!

нада так:

Код

function fMn(obj, abc){   pm.style.display = "block";   pm.style.posLeft = document.body.scrollLeft + event.clientX - 10;   pm.style.posTop = document.body.scrollTop + event.clientY - 10;   document.getElementById("con1").innerHTML=abc; }

и

Код

<TR><TD class="mnItem" onmouseover="this.style.cursor='default'; fMnItemOver(this)" onmouseout=fMnItemOut(this)><div id="con1">test</div></TD></TR>

Добавлено @ 19:48
походу дела еще небольшой вопросик:

мне нужно, чтобы по нажатию на этот Див - вылетал бы alert(abc)!

kak?
Добавлено @ 19:50
это уже вопрос посложнее, т.к там нада ставить такое:

Код

<div id="con1" onclick=alert(abc)>test</div>

и теперь какимто образом передать переменную abc... но как?
Добавлено @ 19:53
если значение можно было установить с помощью id="con1" то тут уже так не сделать...
Добавлено @ 19:56
что-то подсказывает мне что такоее вообще не сделать..

!	Прочти пожалуйста правила форума!!!  :angry:

В твоей функции просто добавь это:

Код

var elem = document.getElementById('con1'); elem.onclick = alert(abc);

Это сообщение отредактировал(а) Aliance - 13.4.2005, 20:05

Aliance
добавил это:

Код

document.getElementById("con1").onclick=alert(abc);

но почему-то алерт выскакивает когда я правой кн. мыши щелкаю а не когда по пункту меню левой!
Добавлено @ 20:04
З.Ы: а правила это по поводу "одна теме - один вопрос"?
Добавлено @ 20:07
и на линии 30, т.е тут:

Код

document.getElementById("con1").onclick=alert(abc);

пишет ошибка: not implemented!

Цитата(HappyMan @ 13.4.2005, 21:03)

но почему-то алерт выскакивает когда я правой кн. мыши щелкаю а не когда по пункту меню левой!

Правой? Alert()? Ты чего-то путаешь. «Попробуй сконцентрироваться и "родить" ясную мыслю» ©

ЗЫ: а правила - это правила. Их нужно читать при регистрации... полностью... а еще бы неплохо было бы их выполнять
Добавлено @ 20:09

Цитата(HappyMan @ 13.4.2005, 21:03)

пишет ошибка: not implemented!

Естественно. Нужно чтобы существовала переменная abc. Я дал пример. Но ее, есесно, нужно в функцию писать, где ты передаешь аргументом это abc.

Aliance
ДА! жму правой на линке и выскакивает Алерт! а за ним и ошибка! см. 1 пост выше!
Добавлено @ 20:11
я туда и пишу!
Добавлено @ 20:11
вот!

Код

function fMn(obj, abc){   pm.style.display = "block";   pm.style.posLeft = document.body.scrollLeft + event.clientX - 10;   pm.style.posTop = document.body.scrollTop + event.clientY - 10;   document.getElementById("con1").innerHTML=abc;   document.getElementById("con1").onclick=alert(abc); }

Добавлено @ 20:13
кстати текс алерта = значению линка! токо выскакивает он ни когда нада
Добавлено @ 20:14
по моим соображениям, и по коду, он(алерт), должен выскакивать когда щелкаешь по пункту меню..

Это сообщение отредактировал(а) HappyMan - 13.4.2005, 20:13

Посмотрел в код - вообще не увидил реализации этой функции - как же тогда может получить аргумент она, если она не реализована. Пиши тогда inline.

может тут что-нить дописать нада?

Код

<div id="con1">test</div>

Код

<div id="con1" onclick="alert('тут_ручками_пишешь_текст_иначе_никак')">test</div>

Aliance
а том-то и дело, что этот текст не определен!
Добавлено @ 20:27

Цитата

Пиши тогда inline.

это как?
вроде этого?

Код

var html="<div>"+abc+"</div>"; document.body.innerHTML+=html;

Это сообщение отредактировал(а) HappyMan - 13.4.2005, 20:40

Нет, это как я написал, в самой строчке. А вот если бы ты прочел статью Все о событиях, ты бы знал что это такое...

Если текст не определен - нужно писать в фукции, но у тебя ничего не понятно в коде. Так что не могу понять какая фыункция, что передается, где указывается и с чем работать.

Aliance
исправил! включив в код(после тэйбла меню) данного кода:

Код

<script> var tag=document.getElementById("con1");     tag.onclick=function(ev) {           alert(tag.innerHTML);  } </script>

Добавлено @ 21:26
всем спасибо!