Response title
This is preview!
Move this topic
[jQuery] jQuery 1.2.2 Event API
in Using jQuery
•
13 years ago
Congrats jQuery Team on the release of 1.2.2!
I'm interested in the new Event API that was briefly mentioned in the
release notes -- is there a place for full (or in-progress)
documentation on it? it sounds like the sort of thing that could be
quite useful in some current projects.
Thanks!
Replies(7)
Leave a comment on enchos's reply
Re: [jQuery] jQuery 1.2.2 Event API
13 years ago
Could you briefly explain what the jquery.delegate plugin does?'
(I'm curious.)
--beppu
(I'm curious.)
--beppu
Leave a comment on beppu's reply
Re: [jQuery] jQuery 1.2.2 Event API
13 years ago
Leave a comment on nathan7771's reply
Re: [jQuery] jQuery 1.2.2 Event API
13 years ago
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.6000.16587" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV><FONT face=Arial size=2>I have some main td groups which have different
group ids (id="allart", id="left", id="right") and each has it's class.
</FONT></DIV>
<DIV><FONT face=Arial size=2>They all contain unique divs which I am dragging
and dropping in the different td</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><<SPAN class=start-tag>td</SPAN><SPAN class=attribute-name>
id</SPAN>=<SPAN class=attribute-value>"allart" </SPAN><SPAN
class=attribute-name>class</SPAN>=<SPAN class=attribute-value>"az" </SPAN><SPAN
class=attribute-name>valign</SPAN>=<SPAN
class=attribute-value>"top"</SPAN>><BR><<SPAN
class=start-tag>div</SPAN><SPAN class=attribute-name> style</SPAN>=<SPAN
class=attribute-value>"-moz-user-select: none;" </SPAN><SPAN
class=attribute-name>id</SPAN>=<SPAN class=attribute-value>"352" </SPAN><SPAN
class=attribute-name>class</SPAN>=<SPAN
class=attribute-value>"art"</SPAN>></td><BR><<SPAN
class=start-tag>td</SPAN><SPAN class=attribute-name> id</SPAN>=<SPAN
class=attribute-value>"allart" </SPAN><SPAN
class=attribute-name>class</SPAN>=<SPAN class=attribute-value>"az" </SPAN><SPAN
class=attribute-name>valign</SPAN>=<SPAN
class=attribute-value>"top"</SPAN>><BR><<SPAN
class=start-tag>div</SPAN><SPAN class=attribute-name> style</SPAN>=<SPAN
class=attribute-value>"-moz-user-select: none;" </SPAN><SPAN
class=attribute-name>id</SPAN>=<SPAN class=attribute-value>"353" </SPAN><SPAN
class=attribute-name>class</SPAN>=<SPAN
class=attribute-value>"art"</SPAN>></td></DIV>
<DIV><PRE><PRE>etc ...</PRE><PRE> </PRE><PRE>I am using right-click context menu to specify the div id inside the td</PRE><PRE> $('#".$id.".art').contextMenu('mytest', {</PRE><PRE>which successfully target the proper div id with class art.</PRE><PRE> </PRE><PRE>I'd like to further narrow it down to the main td id "allart" because when </PRE><PRE>I drag and drop it in td id="left" for example, the id attribute remains the same</PRE><PRE> </PRE><PRE>If it goes in a different td, I want to keep the div id but since it is in a different catego, i'd like to give it another attribute.</PRE><PRE> </PRE><PRE>something like (notice the 2 #)</PRE><PRE>$('#allart#".$id.".art').contextMenu('mytest', {</PRE><PRE> </PRE><PRE> </PRE><PRE> </PRE></PRE></DIV></BODY></HTML>
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.6000.16587" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV><FONT face=Arial size=2>I have some main td groups which have different
group ids (id="allart", id="left", id="right") and each has it's class.
</FONT></DIV>
<DIV><FONT face=Arial size=2>They all contain unique divs which I am dragging
and dropping in the different td</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><<SPAN class=start-tag>td</SPAN><SPAN class=attribute-name>
id</SPAN>=<SPAN class=attribute-value>"allart" </SPAN><SPAN
class=attribute-name>class</SPAN>=<SPAN class=attribute-value>"az" </SPAN><SPAN
class=attribute-name>valign</SPAN>=<SPAN
class=attribute-value>"top"</SPAN>><BR><<SPAN
class=start-tag>div</SPAN><SPAN class=attribute-name> style</SPAN>=<SPAN
class=attribute-value>"-moz-user-select: none;" </SPAN><SPAN
class=attribute-name>id</SPAN>=<SPAN class=attribute-value>"352" </SPAN><SPAN
class=attribute-name>class</SPAN>=<SPAN
class=attribute-value>"art"</SPAN>></td><BR><<SPAN
class=start-tag>td</SPAN><SPAN class=attribute-name> id</SPAN>=<SPAN
class=attribute-value>"allart" </SPAN><SPAN
class=attribute-name>class</SPAN>=<SPAN class=attribute-value>"az" </SPAN><SPAN
class=attribute-name>valign</SPAN>=<SPAN
class=attribute-value>"top"</SPAN>><BR><<SPAN
class=start-tag>div</SPAN><SPAN class=attribute-name> style</SPAN>=<SPAN
class=attribute-value>"-moz-user-select: none;" </SPAN><SPAN
class=attribute-name>id</SPAN>=<SPAN class=attribute-value>"353" </SPAN><SPAN
class=attribute-name>class</SPAN>=<SPAN
class=attribute-value>"art"</SPAN>></td></DIV>
<DIV><PRE><PRE>etc ...</PRE><PRE> </PRE><PRE>I am using right-click context menu to specify the div id inside the td</PRE><PRE> $('#".$id.".art').contextMenu('mytest', {</PRE><PRE>which successfully target the proper div id with class art.</PRE><PRE> </PRE><PRE>I'd like to further narrow it down to the main td id "allart" because when </PRE><PRE>I drag and drop it in td id="left" for example, the id attribute remains the same</PRE><PRE> </PRE><PRE>If it goes in a different td, I want to keep the div id but since it is in a different catego, i'd like to give it another attribute.</PRE><PRE> </PRE><PRE>something like (notice the 2 #)</PRE><PRE>$('#allart#".$id.".art').contextMenu('mytest', {</PRE><PRE> </PRE><PRE> </PRE><PRE> </PRE></PRE></DIV></BODY></HTML>
Leave a comment on lionel28's reply
Re: [jQuery] jQuery 1.2.2 Event API
13 years ago
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.6000.16587" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV><FONT face=Arial size=2>Hello,</FONT></DIV>
<DIV> </DIV>
<DIV><FONT face=Arial size=2>Can someone please tell me if it is possible
to use the context menu with draggables? Right click and send to another div. Or
am I wasting my time?</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2>Here is what I have. Thank you.</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2>$('#$id').contextMenu('mytest',
{<BR> bindings:
{<BR> 'vert':
function(t) { $('#$id').Draggable(<BR> {<BR> zIndex:
1000,<BR> ghosting: true,<BR> opacity:
0.7<BR> }<BR>)<BR>$('#verticals').Droppable(<BR> {<BR> accept
: '$id',<BR> activeclass :
'sortableactive',<BR> hoverclass :
'sortablehover',<BR> helperclass : 'portlet',<BR> opacity:
0.5,<BR> fit : false<BR> }<BR>)</FONT></DIV>
<DIV><FONT face=Arial size=2>}</FONT></DIV></BODY></HTML>
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.6000.16587" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV><FONT face=Arial size=2>Hello,</FONT></DIV>
<DIV> </DIV>
<DIV><FONT face=Arial size=2>Can someone please tell me if it is possible
to use the context menu with draggables? Right click and send to another div. Or
am I wasting my time?</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2>Here is what I have. Thank you.</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2>$('#$id').contextMenu('mytest',
{<BR> bindings:
{<BR> 'vert':
function(t) { $('#$id').Draggable(<BR> {<BR> zIndex:
1000,<BR> ghosting: true,<BR> opacity:
0.7<BR> }<BR>)<BR>$('#verticals').Droppable(<BR> {<BR> accept
: '$id',<BR> activeclass :
'sortableactive',<BR> hoverclass :
'sortablehover',<BR> helperclass : 'portlet',<BR> opacity:
0.5,<BR> fit : false<BR> }<BR>)</FONT></DIV>
<DIV><FONT face=Arial size=2>}</FONT></DIV></BODY></HTML>
Leave a comment on lionel28's reply
Leave a comment on enchos's reply
Re: [jQuery] jQuery 1.2.2 Event API
13 years ago
<span style="font-family: trebuchet ms,sans-serif;">Using more than one element with the same ID is not going to work. However, you can use multiple classes to achieve your goal.</span><br style="font-family: trebuchet ms,sans-serif;">
<br style="font-family: trebuchet ms,sans-serif;"><span style="font-family: trebuchet ms,sans-serif;">For instance: <td class="allart az"> Both CSS classes will apply and you can use selectors in jQuery to find what you want. Getting an ID will return only one element.
</span><br style="font-family: trebuchet ms,sans-serif;"><br style="font-family: trebuchet ms,sans-serif;"><span style="font-family: trebuchet ms,sans-serif;">Glen</span>
<br style="font-family: trebuchet ms,sans-serif;"><span style="font-family: trebuchet ms,sans-serif;">For instance: <td class="allart az"> Both CSS classes will apply and you can use selectors in jQuery to find what you want. Getting an ID will return only one element.
</span><br style="font-family: trebuchet ms,sans-serif;"><br style="font-family: trebuchet ms,sans-serif;"><span style="font-family: trebuchet ms,sans-serif;">Glen</span>
Leave a comment on kokoglen's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to collin1's discussion