36 users online (0 members and 36 guests)  


  Results 1 to 4 of 4

Related

  1. Centering issue with table    Forum: HTML Forum
    Replies: 0
  2. centering DIV in IE    Forum: CSS Forum
    Replies: 4
  3. Centering text    Forum: HTML Forum
    Replies: 2
  4. Centering Content!    Forum: HTML Forum
    Replies: 1
  5. Another Centering Problem    Forum: HTML Forum
    Replies: 1
  1. #1
    sshadow's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Mar 2001
    Location
    Ga, USA
    Posts
    48

    Question Centering a Javascript Table

    I am trying to center the below TableMenu that is generated by javascript but I am having no luck. Can anyone help. Thanx


    if (document.all) {n=0;ie=1;fShow="visible";fHide="hidden";}
    if (document.layers) {n=1;ie=0;fShow="show"; fHide="hide";}

    window.onerror=new Function("return true")
    ////////////////////////////////////////////////////////////////////////////
    // Function Menu() //
    ////////////////////////////////////////////////////////////////////////////
    rightX = 0;
    function Menu()
    {

    this.bgColor = "#000000";
    if (ie) this.menuFont = "bold xx-small Verdana";
    if (n) this.menuFont = "bold x-small Verdana";
    // this.fontColor = "blue";

    this.addItem = addItem;
    this.addSubItem = addSubItem;
    this.showMenu = showMenu;
    this.mainPaneBorder = 1;
    this.subMenuPaneBorder = 1;

    this.subMenuPaneWidth = 100;

    lastMenu = null;

    rightY = 0;
    leftY = 0;
    leftX = 0;

    HTMLstr = "";
    HTMLstr += "<!-- MENU PANE DECLARATION BEGINS -->\n";
    HTMLstr += "\n";
    if (ie) HTMLstr += "<div id='MainTable' style='position:relative'>\n";
    // if (n) HTMLstr += "<layer name='MainTable'>\n";
    HTMLstr += "<table width='80%' bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>\n";
    HTMLstr += "<tr>";
    if (n) HTMLstr += "<td>*";
    HTMLstr += "<!-- MAIN MENU STARTS -->\n";
    HTMLstr += "<!-- MAIN_MENU -->\n";
    HTMLstr += "<!-- MAIN MENU ENDS -->\n";
    if (n) HTMLstr += "</td>";
    HTMLstr += "</tr>\n";
    HTMLstr += "</table>\n";
    HTMLstr += "\n";
    HTMLstr += "<!-- SUB MENU STARTS -->\n";
    HTMLstr += "<!-- SUB_MENU -->\n";
    HTMLstr += "<!-- SUB MENU ENDS -->\n";
    HTMLstr += "\n";
    if (ie) HTMLstr+= "</div>\n";
    // if (n) HTMLstr+= "</layer>\n";
    HTMLstr += "<!-- MENU PANE DECALARATION ENDS -->\n";
    }

    function addItem(idItem, text, hint, location, altLocation)
    {
    var Lookup = "<!-- ITEM "+idItem+" -->";
    if (HTMLstr.indexOf(Lookup) != -1)
    {
    alert(idParent + " already exist");
    return;
    }
    var MENUitem = "";
    MENUitem += "\n<!-- ITEM "+idItem+" -->\n";
    if (n)
    {
    MENUitem += "<ilayer name="+idItem+">";
    MENUitem += "<a href='.' cl***=clsMenuItemNS onmouseover=\"displaySubMenu('"+idItem+"')\" onclick=\"return false;\">";
    MENUitem += "*";
    MENUitem += text;
    MENUitem += "</a>";
    MENUitem += "</ilayer>";
    }
    if (ie)
    {
    MENUitem += "<td>\n";
    MENUitem += "<div id='"+idItem+"' style='position:relative; font: "+this.menuFont+";'>\n";
    MENUitem += "<a ";
    MENUitem += "cl***=clsMenuItemIE ";
    // MENUitem += "style='text-decoration: none; font: "+this.menuFont+"; color: "+this.fontColor+"; cursor: hand;' ";
    if (hint != null)
    MENUitem += "title='"+hint+"' ";
    if (location != null)
    {
    MENUitem += "href='"+location+"' ";
    MENUitem += "onmouseover=\"hideAll()\" ";
    }
    else
    {
    if (altLocation != null)
    MENUitem += "href='"+altLocation+"' ";
    else
    MENUitem += "href='.' ";
    MENUitem += "onmouseover=\"displaySubMenu('"+idItem+"')\" ";
    MENUitem += "onclick=\"return false;\" "
    }
    MENUitem += ">";
    MENUitem += "*\n";
    MENUitem += text;
    MENUitem += "</a>\n";
    MENUitem += "</div>\n";
    MENUitem += "</td>\n";
    }
    MENUitem += "<!-- END OF ITEM "+idItem+" -->\n\n";
    MENUitem += "<!-- MAIN_MENU -->\n";

    HTMLstr = HTMLstr.replace("<!-- MAIN_MENU -->\n", MENUitem);
    }

    function addSubItem(idParent, text, hint, location)
    {
    var MENUitem = "";
    Lookup = "<!-- ITEM "+idParent+" -->";
    if (HTMLstr.indexOf(Lookup) == -1)
    {
    alert(idParent + " not found");
    return;
    }
    Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->";
    if (HTMLstr.indexOf(Lookup) == -1)
    {
    if (n)
    {
    MENUitem += "\n";
    MENUitem += "<layer id='"+idParent+"submenu' visibility=hide bgcolor='"+this.bgColor+"'>\n";
    MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n";
    MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
    MENUitem += "</table>\n";
    MENUitem += "</layer>\n";
    MENUitem += "\n";
    }
    if (ie)
    {
    MENUitem += "\n";
    MENUitem += "<div id='"+idParent+"submenu' style='position:absolute; visibility: hidden; width: "+this.subMenuPaneWidth+"; font: "+this.menuFont+"; top: -300;'>\n";
    MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n";
    MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
    MENUitem += "</table>\n";
    MENUitem += "</div>\n";
    MENUitem += "\n";
    }
    MENUitem += "<!-- SUB_MENU -->\n";
    HTMLstr = HTMLstr.replace("<!-- SUB_MENU -->\n", MENUitem);
    }

    Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
    if (n) MENUitem = "<tr><td><a cl***=clsMenuItemNS title='"+hint+"' href='"+location+"'>"+text+"</a><br></td></tr>\n";
    if (ie) MENUitem = "<tr><td><a cl***=clsMenuItemIE title='"+hint+"' href='"+location+"'>"+text+"</a><br></td></tr>\n";
    MENUitem += Lookup;
    HTMLstr = HTMLstr.replace(Lookup, MENUitem);

    }

    function showMenu()
    {
    document.writeln(HTMLstr);
    }

    ////////////////////////////////////////////////////////////////////////////
    // Private declaration
    function displaySubMenu(idMainMenu)
    {
    var menu;
    var submenu;
    if (n)
    {
    submenu = document.layers[idMainMenu+"submenu"];
    if (lastMenu != null && lastMenu != submenu) hideAll();
    submenu.left = document.layers[idMainMenu].pageX;
    submenu.top = document.layers[idMainMenu].pageY + 25;
    submenu.visibility = fShow;

    leftX = document.layers[idMainMenu+"submenu"].left;
    rightX = leftX + document.layers[idMainMenu+"submenu"].clip.width;
    leftY = document.layers[idMainMenu+"submenu"].top+
    document.layers[idMainMenu+"submenu"].clip.height;
    rightY = leftY;
    } else if (ie) {
    menu = eval(idMainMenu);
    submenu = eval(idMainMenu+"submenu.style");
    submenu.left = calculateSumOffset(menu, 'offsetLeft');
    // submenu.top = calculateSumOffset(menu, 'offsetTop') + 30;
    submenu.top = menu.style.top+23;
    submenu.visibility = fShow;
    if (lastMenu != null && lastMenu != submenu) hideAll();

    leftX = document.all[idMainMenu+"submenu"].style.posLeft;
    rightX = leftX + document.all[idMainMenu+"submenu"].offsetWidth;

    leftY = document.all[idMainMenu+"submenu"].style.posTop+
    document.all[idMainMenu+"submenu"].offsetHeight;
    rightY = leftY;
    }
    lastMenu = submenu;
    }

    function hideAll()
    {
    if (lastMenu != null) {lastMenu.visibility = fHide;lastMenu.left = 0;}
    }

    function calculateSumOffset(idItem, offsetName)
    {
    var totalOffset = 0;
    var item = eval('idItem');
    do
    {
    totalOffset += eval('item.'+offsetName);
    item = eval('item.offsetParent');
    } while (item != null);
    return totalOffset;
    }

    function updateIt(e)
    {
    if (ie)
    {
    var x = window.event.clientX;
    var y = window.event.clientY;

    if (x > rightX | | x < leftX) hideAll();
    else if (y > rightY) hideAll();
    }
    if (n)
    {
    var x = e.pageX;
    var y = e.pageY;

    if (x > rightX | | x < leftX) hideAll();
    else if (y > rightY) hideAll();
    }
    }

    if (document.all)
    {
    document.body.onclick=hideAll;
    document.body.onscroll=hideAll;
    document.body.onmousemove=updateIt;
    }
    if (document.layers)
    {
    document.onmousedown=hideAll;
    window.captureEvents(Event.MOUSEMOVE);
    window.onmousemove=updateIt;
    }



    ------------------
    Shadow
    http://keepersofvictory.com

    [This message has been edited by sshadow (edited 03-22-2001).]

  2. #2
    sshadow's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Mar 2001
    Location
    Ga, USA
    Posts
    48

    Question

    Whoa thats the last time I use the [CODE] thing. I was also wondering I remember seeing a script a while back that let you set your own icon in IE when someone bookmarked your site. but I didnt save it. I have been searching for an hour trying to find it. Does anyone have this script or know where I can get it from.

    ------------------
    Shadow

  3. #3
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel

    Post

    the centering problem may be best answered by Dean.
    The link for the favicon is here: removed]

  4. #4
    Enigma's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Nov 2000
    Posts
    426

    Post

    If I'm understanding what you want to do correctly, one way might be to change these two lines:

    HTMLstr += "<table width='80%' bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>\n";

    HTMLstr += "</table>\n";


    to:

    HTMLstr += "<center><table width='80%' bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>\n";

    HTMLstr += "</table></center>\n";

    but JavaScript isn't my strong point.


    [This message has been edited by Enigma (edited 03-23-2001).]



Tags for this Thread