SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Evangelist
    Join Date
    Jan 2005
    Location
    bahrain
    Posts
    553
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Thumbs up to inert image in menu

    hi i m making a menu.
    now i want to add an image with every link (before).
    howcan i add?
    i m using the following code.
    how can i add image in it?


    -------------------------------------------


    Code:
    var NoOffFirstLineMenus=6;				// Number of first level items
    	//var LowBgColor='#336699';				// Background color when mouse is not over
    	//var LowBgColor='#ffffff';				// Background color when mouse is not over
    	var LowBgColor='#E9E9EB';
    	//var LowSubBgColor='#7699B9';			// Background color when mouse is not over on subs
    	var LowSubBgColor='#E9E9EB';			// Background color when mouse is not over on subs
    	//var HighBgColor='black';			// Background color when mouse is over
    	var HighBgColor='#F4F4F5';			// Background color when mouse is over
    	var HighSubBgColor='#F4F4F5';			// Background color when mouse is over on subs
    	var FontLowColor='#4D4D4D';			// Font color when mouse is not over
    	var FontSubLowColor='#4D4D4D';		// Font color subs when mouse is not over
    	var FontHighColor='#FF7300';			// Font color when mouse is over
    	var FontSubHighColor='#FF7300';		// Font color subs when mouse is over
    	//var BorderColor='white';			// Border color
    	var BorderColor='#FFFFFF';			// Border color
    	
    	var BorderSubColor='#FFFFFF';			// Border color for subs
    	var BorderWidth=1;					// Border width
    	var BorderBtwnElmnts=1;				// Border between elements 1 or 0
    	
    	//var FontFamily="arial,comic sans ms,technical"	// Font family menu items
    	var FontFamily="Verdana,Arial,Helvetica,sans-serif"	// Font family menu items
    	
    	var FontSize=8;						// Font size menu items
    	var FontBold=0;						// Bold menu items 1 or 0
    	var FontItalic=0;					// Italic menu items 1 or 0
    	var MenuTextCentered='left';		// Item text position 'left', 'center' or 'right'
    	var MenuCentered='left';			// Menu horizontal position 'left', 'center' or 'right'
    	var MenuVerticalCentered='top';		// Menu vertical position 'top', 'middle','bottom' or static
    	var ChildOverlap=.0;				// horizontal overlap child/ parent
    	var ChildVerticalOverlap=.0;		// vertical overlap child/ parent
    	var StartTop=120;					// Menu offset x coordinate
    	var StartLeft=10;					// Menu offset y coordinate
    	var VerCorrect=0;					// Multiple frames y correction
    	var HorCorrect=0;					// Multiple frames x correction
    	var LeftPaddng=3;					// Left padding
    	var TopPaddng=2;					// Top padding
    	var FirstLineHorizontal=0;			// SET TO 1 FOR HORIZONTAL MENU, 0 FOR VERTICAL
    	var MenuFramesVertical=1;			// Frames in cols or rows 1 or 0
    	var DissapearDelay=1000;			// delay before menu folds in
    	var TakeOverBgColor=1;				// Menu frame takes over background color subitem frame
    	var FirstLineFrame='navig';			// Frame where first level appears
    	var SecLineFrame='space';			// Frame where sub levels appear
    	var DocTargetFrame='space';			// Frame where target documents appear
    	var TargetLoc='';					// span id for relative positioning
    	var HideTop=0;						// Hide first level when loading new document 1 or 0
    	var MenuWrap=1;						// enables/ disables menu wrap 1 or 0
    	var RightToLeft=0;					// enables/ disables right to left unfold 1 or 0
    	var UnfoldsOnClick=0;				// Level 1 unfolds onclick/ onmouseover
    	var WebMasterCheck=0;				// menu tree checking on or off 1 or 0
    	var ShowArrow=1;					// Uses arrow gifs when 1
    	var KeepHilite=1;					// Keep selected path highligthed
    	var Arrws=['images/arrow03.gif',5,10,'images/arrow03.gif',10,5,'images/arrow03.gif',5,10];	// Arrow source, width and height
    
    	function BeforeStart(){return}
    	function AfterBuild(){return}
    	function BeforeFirstOpen(){return}
    	function AfterCloseAll(){return}
    
    	someday = new Date();
    	var varDate = someday.getDate()+"/"+someday.getMonth()+"/"+someday.getYear()+"%20"+someday.getHours()+":"+someday.getMinutes()+":"+someday.getSeconds();
    	//alert(someday.getYear());
    
    	// Menu tree
    	//	MenuX=new Array(Text to show, Link, background image (optional), number of sub elements, height, width);
    	//	For rollover images set "Text to show" to:  "rollover:Image1.jpg:Image2.jpg"
    
    	Menu1=new Array("Web To SMS","../Subscriber/SendSMS.asp","",0,20,160);
    	Menu2=new Array("Distribution List","","",3,20,150);
    	Menu2_1=new Array("Manage Distribution List","../Subscriber/ProceedtoDL.asp","",0,20,150);
    	Menu2_2=new Array("Upload Numbers via File","../Subscriber/FileUpload.asp","",0,20,150);
    	Menu2_3=new Array("Upload Numbers","../Subscriber/BulkInsert.asp","",0,20,50);
    	Menu3=new Array("Binary Messages","","",3,20,150);
    	Menu3_1=new Array("Manage","../Subscriber/ManageBinary.asp","",0,20,150);	
    	Menu3_2=new Array("Upload","../Subscriber/UploadBinary.asp","",0,20,150);
    	Menu3_3=new Array("Send","../Subscriber/SendBinary.asp","",0,20,150);
    ----------------------------------------
    e.g image with 'Web To SMS' link
    its urgent plzzz.....
    regards
    phphelp

  2. #2
    SitePoint Aficionado JVLB's Avatar
    Join Date
    Jan 2002
    Location
    N 44 56.537' W 123 3.683'
    Posts
    1,127
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you mean you want an image to display in front of every link, try making the links list items and applying the CSS:
    Code:
      #list-id{list-style-image:url(your_image_file.jpg)}

  3. #3
    SitePoint Evangelist
    Join Date
    Jan 2005
    Location
    bahrain
    Posts
    553
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    sorry i could not understand can u plzz explain this????
    its urgent plzzz.....
    regards
    phphelp

  4. #4
    SitePoint Aficionado JVLB's Avatar
    Join Date
    Jan 2002
    Location
    N 44 56.537' W 123 3.683'
    Posts
    1,127
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Untitled</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    #ulOne{list-style-image:url(your_image.gif)}
    </style>
    </head>
    <body>
    <ul id="ulOne">
    <li><a href="#">link one</a></li>
    <li><a href="#">link two</a></li>
    <li><a href="#">link three</a></li>
    </ul>
    </body>
    </html>

  5. #5
    SitePoint Evangelist
    Join Date
    Jan 2005
    Location
    bahrain
    Posts
    553
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanx
    but i want it in menu.means in menu list, images attached with links in menu list which is written in javascipt as i have given code above.and in my page only i m including
    <script src="path of menu file" >
    </script>
    its urgent plzzz.....
    regards
    phphelp


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
  •