SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    ********* Streaker Lister14's Avatar
    Join Date
    Jun 2002
    Location
    C:\Documents and Settings\Desktop\Recycle Bin
    Posts
    677
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    need a floating menu to be mirrored

    hi there,

    I've found this floating menu box, but it displays on the left side of the page. If I position it right, it is about a fifth towards the centre and opens towards the right, still!
    Can anyone help me to get it open from right to left, while it is positioned on the right hand side of the page??

    here's the code:

    Code:
    <HTML>
    
    <HEAD>
    
    <TITLE>Sliding Menu</TITLE>
    
    <META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
    <META content=Jesse name=Author>
    <META content="MSHTML 6.00.2712.300" name=GENERATOR>
    
    </HEAD>
    
    <BODY text=#cccccc vLink=#000066 aLink=#3333ff link=#3333ff bgColor=#000000>
    
    <SCRIPT language=JavaScript1.2>
    
    NS6 = (document.getElementById&&!document.all)
    IE = (document.all)
    NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")
    
    tempBar='';barBuilt=0;ssmItems=new Array();
    
    moving=setTimeout('null',1)
    function moveOut() {
    if ((NS6||NS)&&parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) {
    clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}
    else {clearTimeout(moving);moving=setTimeout('null',1)}};
    function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
    function moveBack1() {
    if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {
    clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}
    else {clearTimeout(moving);moving=setTimeout('null',1)}}
    function slideMenu(num){
    if (IE) {ssm.pixelLeft += num;}
    if (NS||NS6) {ssm.left = parseInt(ssm.left)+num;}
    if (NS) {bssm.clip.right+=num;bssm2.clip.right+=num;}}
    
    function makeStatic() {
    if (NS||NS6) {winY = window.pageYOffset;}
    if (IE) {winY = document.body.scrollTop;}
    if (NS6||IE||NS) {
    if (winY!=lastY&&winY>YOffset-staticYOffset) {
    smooth = .2 * (winY - lastY - YOffset + staticYOffset);}
    else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {
    smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}
    else {smooth=0}
    if(smooth > 0) smooth = Math.ceil(smooth);
    else smooth = Math.floor(smooth);
    if (IE) bssm.pixelTop+=smooth;
    if (NS6||NS) bssm.top=parseInt(bssm.top)+smooth
    lastY = lastY+smooth;
    setTimeout('makeStatic()', 1)}}
    
    function buildBar() {
    if(barText.indexOf('<IMG')>-1) {tempBar=barText}
    else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}}
    document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" 
    
    valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" 
    
    COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD>')}
    
    function initSlide() {
    if (NS6){ssm=document.getElementById("thessm").style;bssm=document.getElementById("basessm").style;
    bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" 
    
    "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";}
    else if (IE) {ssm=document.all("thessm").style;bssm=document.all("basessm").style
    bssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0)";bssm.visibility = "visible";}
    else if (NS) {bssm=document.layers["basessm1"];
    bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];
    bssm2.clip.left=0;ssm.visibility = "show";}
    if (menuIsStatic=="yes") makeStatic();}
    
    function buildMenu() {
    if (IE||NS6) {document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Left : 
    
    '+XOffset+' ;Top : '+YOffset+' ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'"><DIV ID="thessm" 
    
    style="Position : Absolute ;Left : '+(-menuWidth)+' ;Top : 0 ;Z-Index : 20;" onmouseover="moveOut()" 
    
    onmouseout="moveBack()">')}
    if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER 
    
    name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" 
    
    onmouseover="moveOut()" onmouseout="moveBack()">')}
    if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" 
    
    bgcolor="'+menuBGColor+'"><TR><TD>')}
    document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" 
    
    bgcolor="'+menuBGColor+'">');
    for(i=0;i<ssmItems.length;i++) {
    if(!ssmItems[i][3]){ssmItems[i][3]=menuCols;ssmItems[i][5]=menuWidth-1}
    else if(ssmItems[i][3]!=menuCols)ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1);
    if(ssmItems[i-1]&&ssmItems[i-1][4]!="no"){document.write('<TR>')}
    if(!ssmItems[i][1]){
    document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" 
    
    VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'">&nbsp;<font 
    
    face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" 
    
    COLOR="'+hdrFontColor+'"><b>'+ssmItems[i][0]+'</b></font></td>')}
    else {if(!ssmItems[i][2])ssmItems[i][2]=linkTarget;
    document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" 
    
    onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[i][5]+'" 
    
    COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" 
    
    onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV  ALIGN="'+linkAlign+'"><FONT 
    
    face="'+linkFontFamily+'" Size="'+linkFontSize+'">&nbsp;<A HREF="'+ssmItems[i][1]+'" 
    
    target="'+ssmItems[i][2]+'" CLASS="ssmItems">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>')}
    if(ssmItems[i][4]!="no"&&barBuilt==0){buildBar();barBuilt=1}
    if(ssmItems[i][4]!="no"){document.write('</TR>')}}
    document.write('</table>')
    if (NS6){document.write('</TD></TR></TABLE>')}
    if (IE||NS6) {document.write('</DIV></DIV>')}
    if (NS) {document.write('</LAYER></ILAYER></LAYER>')}
    theleft=-menuWidth;lastY=0;setTimeout('initSlide();', 1)}
    
    
    </SCRIPT>
    
    <SCRIPT language=JavaScript1.2>
    
    <!--
    
    /*
    Configure menu styles below
    NOTE: To edit the link colors, go to the STYLE tags and edit the ssm2Items colors
    */
    YOffset=30; // no quotes!!
    XOffset=8;
    staticYOffset=10; // no quotes!!
    slideSpeed=60 // no quotes!!
    waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
    menuBGColor="white";
    menuIsStatic="yes"; //this sets whether menu should stay static on the screen
    menuWidth=240; // Must be a multiple of 10! no quotes!!
    menuCols=2;
    hdrFontFamily="verdana";
    hdrFontSize="2";
    hdrFontColor="white";
    hdrBGColor="#6699CC";
    hdrAlign="left";
    hdrVAlign="center";
    hdrHeight="17";
    linkFontFamily="Verdana";
    linkFontSize="3";
    linkBGColor="#66CC99";
    linkOverBGColor="white";
    linkTarget="_top";
    linkAlign="Left";
    barBGColor="#6699CC";
    barFontFamily="Arial";
    barFontSize="4";
    barFontColor="white";
    barVAlign="center";
    barWidth=20; // no quotes!!
    barText="Sliding Menu"; // <IMG> tag supported. Put exact html for an image to show.
    
    ///////////////////////////
    
    // ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
    ssmItems[0]=["Menu"] //create header
    ssmItems[1]=["HOME", "index.html", ""]
    ssmItems[2]=["Link1", "link1.html", ""]
    ssmItems[3]=["Link2", "link2.html", ""]
    ssmItems[4]=["Link3", "link3.html",""]
    ssmItems[5]=["Link4", "link4.html", ""]
    ssmItems[6]=["Link5", "link5.html", ""]
    ssmItems[7]=["Link6", "link6.html", ""]
    ssmItems[8]=["Link7", "link7.html", "_new"]
    ssmItems[9]=["Link8", "link8.html", ""]
    ssmItems[10]=["Link9", "link9.html", ""]
    ssmItems[11]=["Link10", "link10.html", ""]
    ssmItems[12]=["Link11", "link11.html", ""]
    ssmItems[13]=["E-mail me", "", ""] //create header
    
    ssmItems[14]=["Email", "mailto:anyone@anyone.com", "", 1, "no"] //create two column row
    ssmItems[15]=["Email", "mailto:mypage@mypage.com", "",1]
    ssmItems[16]=["Menu 2", "", ""] //create header
    ssmItems[17]=["Link1", "http://www.link1.com", ""]
    ssmItems[18]=["Link2", "http://www.link2.com", ""]
    ssmItems[19]=["Link3", "http://www.link3.com", ""]
    ssmItems[20]=["Link4", "http://www.link4.com", ""]
    ssmItems[21]=["Link5", "http://www.link5.com", ""]
    
    buildMenu();
    
    //--></SCRIPT>
    
    <P>
    <BR>
    </P>
    
    </BODY>
    
    </HTML>
    roy.lu
    C:\DOS... C:\DOS\RUN... RUN\DOS\RUN...!

  2. #2
    ********* Streaker Lister14's Avatar
    Join Date
    Jun 2002
    Location
    C:\Documents and Settings\Desktop\Recycle Bin
    Posts
    677
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ...not that anyone would've ever helped me on this, but i figured it out myself, but then again i decided i want it on the left side now anyway...
    roy.lu
    C:\DOS... C:\DOS\RUN... RUN\DOS\RUN...!


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
  •