Results 1 to 3 of 3

Thread: Slide-In Menu Bar I - Adding More Links

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

    Question Slide-In Menu Bar I - Adding More Links

    SCRIPT: Slide-In Menu Bar I

    http://www.dynamicdrive.com/dynamici...lideinmenu.htm


    I added more links to the Menu Bar and when I did, it wouldn't show on the page. Can anyone help? Thanks.



    This is the code I used. When I delete the extra links, it works. When I add them, it doesn't show up.

    Code:
    <center>
    <a href="javascript:void(window.open('http://www.tellingpeople.com/sme_tell.php?username=pogoforum','Tell','width=500,height=400,left=200, top=150,location=no,menubar=no,status=no,toolbar=no,scrollbars=yes,resizable=no'))">
    <img src="http://www.tellingpeople.com/images/emailtofriend.gif" alt="Tell another Pogo User about Pogo Forum!" border="0">
    </a></br></br>
    
    
    <a href="http://www.createforum.com/phpbb/lottery.php?mforum=pgi"><b>NEXT FORUM LOTTERY DRAWING:</b> </a></br><font color="yellow"><b>May 20!</b></font></br>
    
    <form name="jump">
    <select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"
    style="font-family:'Verdana';color:#00FF00;background-color:#000000;font-size:10pt;">
    <option value="">Select a Location!</option>
    <option value="http://www.createforum.com/phpbb/index.php?mforum=pgi">Pogo Forum</option>
    <option value="http://pfinfo.net.ms">Pogo Forum Help & Support</option>
    <option value="http://badgealbums.net.ms">Pogo Forum Badge Albums</option>
    <option value="http://pogofanclub.net.ms">Pogofanclub Site</option>
    <option value="http://www.pogo.com">Pogo Games
    </option>
    <option value="http://pogofanclub.net.ms">Pogofanclub Site</option>
    <option value="<option value="www.thundergames.net.ms">Pogofanclub's Game Site!</option>
    <option value="http://www.pogo.com">Pogo Games
    </option>
    </option>
    <option value= mailto:pogofanclub@hotmail.com">E-Mail Pogofanclub (ADMIN)</option>
    <option value="mailto:pogowinner@pogoforum.net.ms">E-Mail Pogowinner (ADMIN)</option>
    </select>
    </form>
    </br>
    
    <img src="http://img246.imageshack.us/img246/999/untitledqa8.jpg" border="0"/>
    
    
    </center>
    
    
    <head>
    <style>
    <!--
    #slidemenubar, #slidemenubar2{
    position:absolute;
    border:1.5px solid black;
    background-color:#F2F2F2;
    layer-background-color:#F2F2F2;
    font:bold 12px Verdana;
    line-height:20px;
    }
    -->
    </style></head>
    
    
    <body>
    <script language="JavaScript1.2">
    
    /***********************************************
    * Sliding Menu Bar Script- © Dynamic Drive (www.dynamicdrive.com)
    * Visit http://www.dynamicdrive.com/ for full source code
    * This notice must stay intact for use
    ***********************************************/
    
    var slidemenu_width='200px' //specify width of menu (in pixels)
    var slidemenu_reveal='12px' //specify amount that menu should protrude initially
    var slidemenu_top='300px'   //specify vertical offset of menu on page
    
    var ns4=document.layers?1:0
    var ie4=document.all
    var ns6=document.getElementById&&!document.all?1:0
    
    if (ie4||ns6)
    document.write('<div id="slidemenubar2" style="left:'+((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)+'px; top:'+slidemenu_top+'; width:'+slidemenu_width+'" onMouseover="pull()" onMouseout="draw()">')
    else if (ns4){
    document.write('<style>\n#slidemenubar{\nwidth:'+slidemenu_width+';}\n<\/style>\n')
    document.write('<layer id="slidemenubar" left=0 top='+slidemenu_top+' width='+slidemenu_width+' onMouseover="pull()" onMouseout="draw()" visibility=hide>')
    }
    
    var sitems=new Array()
    
    ///////////Edit below/////////////////////////////////
    
    //siteitems[x]=["Item Text", "Optional URL associated with text"]
    
    sitems[0]=["<big><font face='Arial'>Quick Nav</font></big>", ""]
    sitems[1]=["---General---", ""]
    sitems[2]=["Pogo Forum Info", "http://www.pfinfo.net.ms"]
    sitems[3]=["Badge Albums", "http://www.badgealbums.net.ms"]
    sitems[4]=["Forum Cash Lottery", "http://www.createforum.com/phpbb/lottery.php?mforum=pgi"]
    sitems[5]=["Game Bananza", "http"//www.gamebananza.net.ms"]
    sitems[6]=["---Pogo---", ""]
    sitems[7]=["Pogo.com", "http://www.pogo.com"]
    sitems[8]=["Pogo News", "http://www.pogo.com/news/us/main.jsp?pageSection=cp_home_buzz"]
    sitems[9]=["Pogo Badge Central", "http://www.pogo.com/rating/badge-central.jsp?pageSection=cp_home_badge_central"]
    sitems[10]=["Official Pogo Help", "http://help.pogo.com/"]
    sitems[11]=["Forum Pogo Help", "http://www.createforum.com/pgi/posting.php?mode=newtopic&f=29&mforum=pgi"]
    sitems[12]=["---Contact Admins---", ""]
    sitems[13]=["Pogowinner (PM)", "http://www.createforum.com/pgi/privmsg.php?mode=post&u=2&mforum=pgi"]
    sitems[14]=["Pogofanclub (PM)", "http://www.createforum.com/pgi/privmsg.php?mode=post&u=4&mforum=pgi"]
    sitems[15]=["Pogowinner (E-Mail)", "mailto:pogowinner@pogoforum.net.ms"]
    sitems[16]=["Pogofanclub (E-Mail)", "mailto:pogofanclub@hotmail.com"]
    
    
    //If you want the links to load in another frame/window, specify name of target (ie: target="_new")
    var target=""
    
    /////////////////////////////////////////////////////////
    
    if (ie4||ns4||ns6){
    for (i=0;i<sitems.length;i++){
    if (sitems[i][1])
    document.write('<a href="'+sitems[i][1]+'" target="'+target+'">')
    document.write(sitems[i][0])
    if (sitems[i][1])
    document.write('</a>')
    document.write('<br>\n')
    }
    }
    
    function regenerate(){
    window.location.reload()
    }
    function regenerate2(){
    if (ns4){
    document.slidemenubar.left=((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)
    document.slidemenubar.visibility="show"
    setTimeout("window.onresize=regenerate",400)
    }
    }
    window.onload=regenerate2
    
    rightboundary=0
    leftboundary=(parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1
    
    if (ie4||ns6){
    document.write('</div>')
    themenu=(ns6)? document.getElementById("slidemenubar2").style : document.all.slidemenubar2.style
    }
    else if (ns4){
    document.write('</layer>')
    themenu=document.layers.slidemenubar
    }
    
    function pull(){
    if (window.drawit)
    clearInterval(drawit)
    pullit=setInterval("pullengine()",10)
    }
    function draw(){
    clearInterval(pullit)
    drawit=setInterval("drawengine()",10)
    }
    function pullengine(){
    if ((ie4||ns6)&&parseInt(themenu.left)<rightboundary)
    themenu.left=parseInt(themenu.left)+10+"px"
    else if(ns4&&themenu.left<rightboundary)
    themenu.left+=10
    else if (window.pullit){
    themenu.left=0
    clearInterval(pullit)
    }
    }
    
    function drawengine(){
    if ((ie4||ns6)&&parseInt(themenu.left)>leftboundary)
    themenu.left=parseInt(themenu.left)-10+"px"
    else if(ns4&&themenu.left>leftboundary)
    themenu.left-=10
    else if (window.drawit){
    themenu.left=leftboundary
    clearInterval(drawit)
    }
    }
    </script>
    </body>

  2. #2
    Join Date
    Jun 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation

    Anyone?????

  3. #3
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    There's an error in one of your link definitions. Take a look at:

    Code:
    sitems[5]=["Game Bananza", "http"//www.gamebananza.net.ms"]
    The extra quote in red shouldn't be there. Remove it, and everything should work.

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
  •