Results 1 to 2 of 2

Thread: [ddsmoothmenu] Dynamically change the arrowimages ?

  1. #1
    Join Date
    Jun 2014
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question [ddsmoothmenu] Dynamically change the arrowimages ?

    1) Script Title:
    ddsmoothmenu

    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...smoothmenu.htm

    3) Describe problem:
    Hello !
    I'd like to implement ddsmoothmenu for a website which will take care about "accessibility", essentially for partially sighted persons. Therefore, I need to offer the ability to dynamically change the stylesheet of my webpage, in order to display contrasted elements on demand (i.e. by clicking on a link). All is OK, but ...
    ...both arrowimages of ddsmoothmenu are part of the style elements I'd like to change on demand, but they are located in the ddsmoothmenu.js file and cannot be dynamically modified (they aren't included in the currently editable parameters like orientation, classname, arrowswap...).
    Could you please tell me if it's possible, and how I can do that ???
    Thank you very much !

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,935
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    I don't really understand the question. You can configure which images are used for the arrows, as well as whether or not they will change on roll over/active, and if so, you can also configure which images will be used for the roll over/active. Line 49 in the ddsmoothmenu.js file (notice that you can configure the classes as well as the images and right padding used*):

    Code:
    arrowimages: {down:['downarrowclass', 'down.gif', 23], right:['rightarrowclass', 'right.gif', 6]},
    allows you to configure the arrow images. If you set the arrowswap property to true in a particular init:

    Code:
    ddsmoothmenu.init({
     mainmenuid: "smoothmenu1", //menu DIV id
     orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
     classname: 'ddsmoothmenu', //class added to menu's outer DIV
     arrowswap: true,
     contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
    })
    arrowswap
    v2.0 option

    Boolean that if set to true (defaults to false) will cause the script to show alternate versions of the arrow images (down and right) of the menu when the mouse rolls over a menu header. In other words, it enables rollover effect on the arrow images.
    You do NOT specify the paths to the rollover images when this option is enabled. Instead, the script simply looks at the path and file names of the default arrow images inside ddsmoothmenu.js and appends a "_over" suffix to the default images' file names to form the full path and file names to the rollover images. So if the paths to the default arrow images as specified inside ddsmoothmenu.js are as follows:

    arrowimages: {down:['downarrowclass', 'images/down.gif', 23], right:['rightarrowclass', 'images/right.gif', 6]},

    In this case you should name your rollover images down_over.gif and right_over.gif respectively, and place them inside the images/ directory.
    If you have a more specific question about this, or the below, feel free to ask. But please include a link to the page you are having trouble with so we can see what you are doing on it.

    *Since the arrow images are background images. If you want to change them after initialization, you can append a stylesheet to the head of the page which redefines the background image(s) and/or other properties for that/those class(es), as well as (if desired) the image(s), etc. used for the hover pseudo class and the a .active classname values. Values used for these background-image properties may have to utilize the !important keyword in order to override the previously configured values.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Similar Threads

  1. Need site to change phone #'s dynamically.
    By comartg in forum Looking for such a script or service
    Replies: 3
    Last Post: 05-19-2008, 08:46 PM
  2. Dynamically change a variables name
    By jc_gmk in forum PHP
    Replies: 23
    Last Post: 10-26-2007, 02:04 PM
  3. change src of script tag dynamically
    By rama1977 in forum JavaScript
    Replies: 6
    Last Post: 11-30-2006, 07:23 AM
  4. Change URL dynamically using Ajax
    By buzz3878 in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 11-30-2006, 03:09 AM
  5. dynamically change image source
    By rizlaa in forum JavaScript
    Replies: 4
    Last Post: 10-04-2006, 09:20 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •