Results 1 to 3 of 3

Thread: Javascript menu issue

  1. #1
    Join Date
    May 2007
    Posts
    66
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Javascript menu issue

    Hello, I am trying to remove a link from a menu that was created from the menu scripts on this website. http://www.burmees.nl/menu/
    Please advise how I can access the menu links so I can remove this page from this website. I attached the js file link that was used to create the menu.

    Here is the page I'm trying to remove. - http://www.trademarkresidential.com/invest-forms.html

    Here is the javascript code use to build the menu. http://www.trademarkresidential.com/menu132_compact.js

    Thanks

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    The file that holds the menu page variables is this one: http://www.trademarkresidential.com/...ark-int_var.js

    Just edit the arrays at the bottom and refer to the installation instructions on the source website if you need to.

    The main thing to watch out for is maintaining sequential arrays so remember to edit the arrays numbers if you remove a line from the middle.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  3. #3
    Join Date
    Jul 2012
    Posts
    198
    Thanks
    54
    Thanked 3 Times in 3 Posts

    Default

    @jcdesigns
    Your coding seems to be hard and editing array may cause exceptions
    Check the following and save it as a js file in your webpage






    Code:
    
    <script>
    var menu1=new Array()
    
    
    menu1[0]='<a href="profile.php">Message</a>'
    menu1[1]='<a href="profile.php">Vision</a>'
    
    
    //Contents for menu 2, and so on
    var menu2=new Array()
    menu2[0]='<a href="page.php">Page1</a>'
    menu2[1]='<a href="page.php">Page2</a>'
    menu2[2]='<a href="page.php">Page3</a>'
    
    
    
    		
    var menuwidth='250px' //default menu width
    var menubgcolor='#C0C0C0'  //menu bgcolor
    var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
    var hidemenu_onclick="yes" //hide menu when user clicks within menu?
    
    /////No further editting needed
    
    var ie4=document.all
    var ns6=document.getElementById&&!document.all
    
    if (ie4||ns6)
    document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
    
    function getposOffset(what, offsettype){
    var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
    var parentEl=what.offsetParent;
    while (parentEl!=null){
    totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
    parentEl=parentEl.offsetParent;
    }
    return totaloffset;
    }
    
    
    function showhide(obj, e, visible, hidden, menuwidth){
    if (ie4||ns6)
    dropmenuobj.style.left=dropmenuobj.style.top="-500px"
    if (menuwidth!=""){
    dropmenuobj.widthobj=dropmenuobj.style
    dropmenuobj.widthobj.width=menuwidth
    }
    if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
    obj.visibility=visible
    else if (e.type=="click")
    obj.visibility=hidden
    }
    
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    
    function clearbrowseredge(obj, whichedge){
    var edgeoffset=0
    if (whichedge=="rightedge"){
    var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
    dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
    if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
    edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
    }
    else{
    var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
    var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
    dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
    if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
    edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
    if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
    edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
    }
    }
    return edgeoffset
    }
    
    function populatemenu(what){
    if (ie4||ns6)
    dropmenuobj.innerHTML=what.join("")
    }
    
    
    function dropdownmenu(obj, e, menucontents, menuwidth){
    if (window.event) event.cancelBubble=true
    else if (e.stopPropagation) e.stopPropagation()
    clearhidemenu()
    dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
    populatemenu(menucontents)
    
    if (ie4||ns6){
    showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
    dropmenuobj.x=getposOffset(obj, "left")
    dropmenuobj.y=getposOffset(obj, "top")
    dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
    dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
    }
    
    return clickreturnvalue()
    }
    
    function clickreturnvalue(){
    if (ie4||ns6) return false
    else return true
    }
    
    function contains_ns6(a, b) {
    while (b.parentNode)
    if ((b = b.parentNode) == a)
    return true;
    return false;
    }
    
    function dynamichide(e){
    if (ie4&&!dropmenuobj.contains(e.toElement))
    delayhidemenu()
    else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
    delayhidemenu()
    }
    
    function hidemenu(e){
    if (typeof dropmenuobj!="undefined"){
    if (ie4||ns6)
    dropmenuobj.style.visibility="hidden"
    }
    }
    
    function delayhidemenu(){
    if (ie4||ns6)
    delayhide=setTimeout("hidemenu()",disappeardelay)
    }
    
    function clearhidemenu(){
    if (typeof delayhide!="undefined")
    clearTimeout(delayhide)
    }
    
    if (hidemenu_onclick=="yes")
    document.onclick=hidemenu
    </script>
    IN HTML call your menu

    Code:
    <a href="profile.php?page=message" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '200px')" onMouseout="delayhidemenu()" >
    <b>PROFILE</b></a>
    
    <a href="profile.php?page=message" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '200px')" onMouseout="delayhidemenu()" >
    <b>PAGE</b></a>
    Code:
    <style type="text/css">
    
    	#dropmenudiv{
    	position:absolute;
    	border:1px solid black;
    	border-bottom-width: 0;
    	font:normal 2px ARIAL;
    	line-height:15px;
    	z-index:100;
    	}
    
    	#dropmenudiv a{
    	width: 100%;
    	display: block;
    	text-indent: 1px;
    	border-bottom: 1px solid black;
    	padding: 1px 0;
    	text-decoration: none;
    	font-weight: bold;
    	}
    
    	#dropmenudiv a:hover{ /*hover background color*/
    	background-color: #DBDBDB;
    	}
    	A
    	{
    	color:black;text-decoration:none;
    	font-family: Arial;
    	font-size:11px;
    	}
    	A:hover
    	{
    	color:red;text-decoration:none;
    	font-family: Arial ;
    	font-size:11px;
    	}
    	</style>

Similar Threads

  1. Javascript issue
    By saicvs in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 09-30-2011, 12:35 PM
  2. Javascript expand/collapse switch menu issue
    By Afiyf in forum JavaScript
    Replies: 1
    Last Post: 06-01-2008, 12:01 AM
  3. DD Tab Menu, javascript issue
    By johndoeschmoe in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 05-05-2008, 05:54 PM
  4. AnyLink Drop Down Menu - border issue *and* FF alignment issue
    By trjonas in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 12-18-2007, 05:58 AM
  5. Issue with Javascript/CSS DHTML menu
    By crom in forum JavaScript
    Replies: 0
    Last Post: 08-04-2005, 06:10 PM

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
  •