To give you an update on this, I tried to exaggerate the effect, I put
-100 for both offsetX and offsetY,
$('ul.jd_menu').jdMenu({
offsetX: -100,
offsetY: -100,
activateDelay: 20,
hideDelay: 20
});
but it didn't seem to move the menu
http://groups.google.com/group/jquery-en/browse_thread/thread/4793fc4e34ebb5c1
- Dave
On Oct 17, 1:22 pm, "Jonathan Sharp" <[EMAIL PROTECTED]> wrote:
> 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 -- Hide quoted text -
>
> - Show quoted text -
