Try passing in with your defaults (using either positive or negative numbers) and see if that helps at all. offsetX: 4, offsetY: 2,
Cheers, -js On 10/17/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > > > I do. It is > > http://elearningrd.info/portal/test.php > > - Dave > > On Oct 17, 10:09 am, "Jonathan Sharp" <[EMAIL PROTECTED]> wrote: > > Do you have a URL of a sample page? > > > > -js > > > > On 10/17/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> > wrote: > > > > > > > > > > > > > I tried setting all the padding attributes in the jdMenu.slate.css > > > file to zero, but still no luck -- the menu appears away (to the > > > bottom and right) of the graphic). On your web site, you mention the > > > plug-in supports relative positioning. Is there an example somewhere > > > on the site? I can just model my code off the example. > > > > > Thanks for your replies, - Dave > > > > > On Oct 17, 9:29 am, "Jonathan Sharp" <[EMAIL PROTECTED]> wrote: > > > > The menu positioning code uses absolute positioning. Try removing > the > > > > padding in CSS on the LI which should then make the menu appear > directly > > > > below the arrow. > > > > > > Cheers, > > > > -js > > > > > > On 10/16/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> > > > wrote: > > > > > > > Beautiful. This may also be a non-jdMenu question but I'll throw > this > > > > > out there. I want my drop-down menu to appear right beneath the > arrow > > > > > image, whereever the arrow may be positioned on the screen. But > when > > > > > I insert the "relative" style in the <UL> tag: > > > > > > > <ul class="jd_menu jd_menu_slate" style="position: > > > > > relative; left: > > > > > 0px; top: 0px;"> > > > > > <li><img src="images/menu_arrow.JPG" alt="" > > > > > border="0" > > > > > align="middle" height="16" width="16" /> > > > > > <ul> > > > > > <li><a id="editTitle__ID__" > > > > > title="Edit > > > > > Module Title" class="editLink" href="#">Edit Module Title</a></li> > > > > > > > <li><a id="myspace__ID__" > > > > > class="myspaceLink" href="#" title="Export MySpace HTML">Export > > > > > MySpace HTML</a></li> > > > > > </ul> > > > > > </li> > > > > > </ul> > > > > > > > The menu actually appears quite away (to the right and bottom) of > the > > > > > arrow. It does this for both PC IE and Firefox, although I can't > tell > > > > > if the distances are the same. Any advice for relatively lining > up > > > > > the menu directly beneath the image? > > > > > > > Thanks, - Dave > > > > > > > On Oct 16, 3:56 pm, "Jonathan Sharp" <[EMAIL PROTECTED]> wrote: > > > > > > I think this is less of a jdMenu specific thing but you could do > > > > > something > > > > > > like the following: > > > > > > > > Assuming: > > > > > > <ul class="jd_menu"> > > > > > > <li>Text <img src="images/menu_arrow.JPG" alt="" border="0" > > > > > align="middle" > > > > > > height="16" width="16" /></li>...</ul> > > > > > > > > $('ul.jd_menu > li').hover(function() { > > > > > > $('> img', this).attr('src', 'url-to-image.jpg');}, > > > > > > > > function() { > > > > > > $('> img', this).attr('src', 'url-to-other-image.jpg'); > > > > > > > > }); > > > > > > > > -js > > > > > > > > On 10/16/07, [EMAIL PROTECTED] < > [EMAIL PROTECTED]> > > > > > wrote: > > > > > > > > > Thanks for this info. Worked great. > > > > > > > > > One more small question. To trigger the appearance of a > drop-down > > > > > > > menu, I have an image of an arrow > > > > > > > > > <img src="images/menu_arrow.JPG" alt="" border="0" > align="middle" > > > > > > > height="16" width="16" /> > > > > > > > > > but when the user rolls over the image, I'd like the source of > the > > > > > > > image to change to something else to indicate the menu is > > > "active". > > > > > > > How do I do this with jdMenu? > > > > > > > > > - Dave > > > > > > > > > On Oct 16, 2:28 pm, "Jonathan Sharp" <[EMAIL PROTECTED]> > wrote: > > > > > > > > $('ul.jd_menu').jdMenu({ > > > > > > > > activateDelay: 100 > > > > > > > > > > }); > > > > > > > > > > Should work, here are the other options: > > > > > > > > showDelay: 150 hideDelay: 550 > > > > > > > > > > Sorry there isn't any documentation yet. > > > > > > > > > > -js > > > > > > > > > > On 10/16/07, [EMAIL PROTECTED] < > > > [EMAIL PROTECTED]> > > > > > > > wrote: > > > > > > > > > > > Hey Chris, Thanks for this recommendation. One thing I'm > > > noticing > > > > > > > > > when playing with this is that when I roll over the item > that > > > is > > > > > > > > > supposed to trigger the appearance of the drop down menu, > > > there is > > > > > a > > > > > > > > > one second delay getting the menu to appear. Is this a > > > setting > > > > > > > > > somewhere that can be adjusted? I'd like it to be > > > > > instant. Here's my > > > > > > > > > code: > > > > > > > > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " > > > > >http://www.w3.org/ > > > > > > > > > TR/REC-html40/strict.dtd"> > > > > > > > > > <html> > > > > > > > > > <head> > > > > > > > > > <meta http-equiv="Content-Type" content="text/html; > > > > > charset=utf-8"> > > > > > > > > > > > <link rel="stylesheet" > > > href="styles/jdMenu.css?" > > > > > > > > > type="text/css" /> > > > > > > > > > > > <script type="text/javascript" > > > > > > > > > src="scripts/jquery.js"></script> > > > > > > > > > <script type="text/javascript" > > > > > > > > > src="scripts/lib/bgiframe.js"></ > > > > > > > > > script> > > > > > > > > > <script type="text/javascript" > > > > > > > > > src="scripts/lib/dimensions.js"></ > > > > > > > > > script> > > > > > > > > > > > <script type="text/javascript" > > > > > > > > > src="scripts/lib/jdMenu.js"></script> > > > > > > > > > <link href="styles/jdMenu.slate.css" > > > > > rel="stylesheet" > > > > > > > > > type="text/ > > > > > > > > > css" /> > > > > > > > > > > > <script type="text/javascript"> > > > > > > > > > > > $(document).ready( > > > > > > > > > function () { > > > > > > > > > // Load up the drop-down menus > > > > > > > > > $('ul.jd_menu').jdMenu(); > > > > > > > > > } > > > > > > > > > ); > > > > > > > > > > > </script> > > > > > > > > > </head> > > > > > > > > > <body> > > > > > > > > > > > <table> > > > > > > > > > <tr><td class="contextMenu"> > > > > > > > > > <ul class="jd_menu jd_menu_slate"> > > > > > > > > > <li><img > src="images/menu_arrow.JPG" > > > alt="" > > > > > > > > > border="0" > > > > > > > > > align="middle" height="16" width="16" /> > > > > > > > > > <ul> > > > > > > > > > <li><a > id="editTitle" > > > > > > > title="Edit > > > > > > > > > Module > > > > > > > > > Title" class="editLink" href="#">Edit Module > Title</a></li> > > > > > > > > > <li><a id="myspace" > > > > > > > > > class="myspaceLink" > > > > > > > > > href="#" title="Export MySpace HTML">Export MySpace > > > HTML</a></li> > > > > > > > > > </ul> > > > > > > > > > </li> > > > > > > > > > </ul> > > > > > > > > > </td></tr> > > > > > > > > > </table> > > > > > > > > > > > </body> > > > > > > > > > </html> > > > > > > > > > > > On Oct 15, 5:16 pm, "Chris Jordan" < > [EMAIL PROTECTED]> > > > > > wrote: > > > > > > > > > > check out jdMenu < > http://jdsharp.us/jQuery/plugins/jdMenu/>. > > > > > It's > > > > > > > pretty > > > > > > > > > > cool. > > > > > > > > > > > > Chris > > > > > > > > > > > > On 10/15/07, [EMAIL PROTECTED] < > > > > > [EMAIL PROTECTED]> > > > > > > > > > wrote: > > > > > > > > > > > > > Hi, > > > > > > > > > > > > > Is there a plug-in that allows for menu creatio in > JQuery? > > > > > > > > > > > Specifically, I'm looking for something where when you > > > roll > > > > > over > > > > > > > an > > > > > > > > > > > arrow graphic, a menu will pop up beneath it. I do > not > > > need > > > > > > > submenus > > > > > > > > > > > to pull out over individual menu items. > > > > > > > > > > > > > Thanks for any advice, - Dave > > > > > > > > > > > > --http://cjordan.us-Hidequotedtext - > > > > > > > > > > - Show quoted text -- Hide quoted text - > > > > > > > > - Show quoted text -- Hide quoted text - > > > > > > - Show quoted text -- Hide quoted text - > > > > - Show quoted text - > >
