Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:27

Menu flashes


Poster: Large
Dated: Monday May 24 2004 - 19:30:42 BST

Hi Guys,

I have just purchased the menu, I have my menu working but I get annoying white flash when the page redraws after clicking a link.

Is the only cure for this to make all pages load into an iframe.

My main page is index.php, it includes pagecontent.php so when you click a menu item it redraws the page with the new content but when it does that I get a flash of white as it redraws the menu.

Is their a way to stop the menu redrawing everytime I click a link.

Any help greatly appreciated.

Kind Regards


Poster: John
Dated: Monday May 24 2004 - 20:22:26 BST

URL?


Poster: kevin3442
Dated: Monday May 24 2004 - 20:39:22 BST

Hi Large,

If you are redrawing the page content each time a link is selected, then the menu (as part of the page) will necessarily also be redrawn. Depending on the visual stying of the menu, its redrawing may produce what seems like a flash. I can think of several different ways to possibly counteract this effect, but which one I might use would depend a lot on the look of the menu as well as the layout of the page. Can you supply a URL so we can check it out?

Kevin


Poster: Large
Dated: Monday May 24 2004 - 21:03:10 BST

Hi John and kevin3442,

Its a tad difficult for me to give you a url because its company intranet and the files are stored locally.

If you could possibly give me some things to try that may correct my problem then I could try them.

I do appreciate your help.

Kind Regards


Poster: John
Dated: Monday May 24 2004 - 21:05:01 BST

Next best thing then is to post the _data file and HTML here. Make sure you use the [code][/code] tags.


Poster: Large
Dated: Monday May 24 2004 - 21:25:42 BST

Hi John,

Ok here is the index.php . . .

Code:
<?php
      ob_start();
        header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
        header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
        header("Cache-Control: no-store, no-cache, must-revalidate");
        header("Cache-Control: post-check=0, pre-check=0", false);
        header("Pragma: no-cache");

/* --------- Set work or home machine --------- */

      $server="server";

/* --------- Get IP address and set user variables --------- */

      $address = getenv("REMOTE_ADDR");
      if ($address == "192.168.1.249") {$username = "Andy";}
        else if ($address == "192.168.1.1") {$username = "Nick";}
        else if ($address == "192.168.1.2") {$username = "Darren";}
        else if ($address == "192.168.1.3") {$username = "Mark";}
        else if ($address == "192.168.1.4") {$username = "Russell";}
        else if ($address == "192.168.1.5") {$username = "Wendy"; }
        else if ($address == "192.168.1.6") {$username = "Mick";}
        else if ($address == "192.168.1.7") {$username = "Rosie";}
        else if ($address == "192.168.1.8") {$username = "Chris";}
        else if ($address == "192.168.1.250") {$username = "Server";}
        else {$username = "Andy";}

/* --------- Get and set page variables --------- */

      $page = $_GET['page'];
      if ($page == ""){
      $page = "news/news";
      }
      if ($page == "news/news"){$currentpage = "You are currently viewing the Intranet News";}
      else if ($page == "stationary/orders"){$currentpage = "You are currently viewing the Stationary Order";}
      else if ($page == "stationary/prints"){$currentpage = "You are currently viewing the Stationary Prints";}
      else if ($page == "admin/news_admin"){$currentpage = "You are currently viewing the News Administration";}
      else {$currentpage = "You are currently viewing an unknown page !";}
?>


<html>
  <head>
    <title>DW Intranet v2.0</title>
    <meta http-equiv="Page-Enter" content="blendtrans(duration=0.4)">
    <link href="css/index.css" rel="stylesheet" type="text/css">
      <link rel="StyleSheet" href="menu/dtree/dtree.css" type="text/css" />
    <script type="text/javascript" src="menu/dtree/dtree.js"></script>
   
      <SCRIPT language=JavaScript src="menu/milonic/milonic_src.js" type=text/javascript></SCRIPT>   
    <script   language=JavaScript>
    if(ns4)_d.write("<scr"+"ipt language=JavaScript src=menu/milonic/mmenuns4.js><\/scr"+"ipt>");      
     else _d.write("<scr"+"ipt language=JavaScript src=menu/milonic/mmenudom.js><\/scr"+"ipt>");
    </script>
    <SCRIPT language=JavaScript src="menu/milonic/menu_data.js" type=text/javascript></SCRIPT>   
   
  </head>
  <body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
    <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="gray-cell" width="20" height="5">&nbsp;
        </td>
        <td class="gray-cell" height="5">&nbsp;
        </td>
        <td class="gray-cell" width="20" height="5">&nbsp;
        </td>
      </tr>
      <tr>
        <td class="gray-cell" width="20" height="100">&nbsp;
        </td>
        <td class="title-cell" height="100">
          <table width="100%" height="100%" cellspacing="0" cellpadding="0">
            <tr>
              <td class="title-cell-3D" align="center">
                <img src="images/logo.jpg" border="0" align="middle">
              </td>
            </tr>
          </table>
        </td>
        <td class="gray-cell" width="20" height="100">&nbsp;
        </td>
      </tr>
      <tr>
        <td class="gray-cell" width="20" height="25">&nbsp;
        </td>
        <td class="info-cell" height="25">
          <table width="100%" height="100%" cellspacing="0" cellpadding="0">
            <tr>
              <td class="info-cell-3D">&nbsp;
              </td>
            </tr>
          </table>
        </td>
        <td class="gray-cell" width="20" height="25">&nbsp;
        </td>
      </tr>
      <tr>
        <td class="gray-cell" width="20">&nbsp;
        </td>
        <td class="content-cell">
          <table width="100%" height="100%" cellspacing="0" cellpadding="0">
            <tr>
              <td width="150">
                <table width="100%" height="100%" cellspacing="0" cellpadding="0">
                  <tr>
                    <td class="content-cell-3D1" valign="top"><br>
                      <?php include ("menu/left-menu.php"); ?>
                    </td>
                  </tr>
                </table>
              </td>
              <td class="content-border">
                <table width="100%" height="100%" cellspacing="0" cellpadding="0">
                  <tr>
                    <td class="content-cell-3D2">
                      <?php include ($page.".php"); ?>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
        <td class="gray-cell" width="20">&nbsp;
        </td>
      </tr>
      <tr>
        <td class="gray-cell" width="20" height="25">&nbsp;
        </td>
        <td class="footer-cell" height="25">
          <table width="100%" height="100%" cellspacing="0" cellpadding="0">
            <tr>
              <td class="footer-cell-3D" align="center" valign="middle">Designed and Programmed by Andy Wetherill / Large Designs © 2004, All Rights Reserved.
              </td>
            </tr>
          </table>
        </td>
        <td class="gray-cell" width="20" height="25">&nbsp;
        </td>
      </tr>
      <tr>
        <td class="gray-cell" width="20" height="5">&nbsp;
        </td>
        <td class="gray-cell" height="5">&nbsp;
        </td>
        <td class="gray-cell" width="20" height="5">&nbsp;
        </td>
      </tr>
    </table>
  </body>
</html>


and here is the menu data file . . .

Code:

_menuCloseDelay=500           // The time delay for menus to remain visible on mouse out
_menuOpenDelay=150            // The time delay before menus open on mouse over
_subOffsetTop=10              // Sub menu top offset
_subOffsetLeft=-10            // Sub menu left offset



with(menuStyle=new mm_style()){
oncolor="#ffffff";
offcolor="#ffffff";
onbgcolor="#99b2ff";
offbgcolor="#99b2ff";
bordercolor="#296488";
borderstyle="none";
borderwidth=0;
separatorcolor="#92a7e5";
separatorsize="1";
padding=3;
fontsize="75%";
fontstyle="normal";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="99b2ff";
pagebgcolor="#99b2ff";
headercolor="#99b2ff";
headerbgcolor="#99b2ff";
subimage="menu/milonic/arrow.gif";
subimagepadding="2";
overfilter="Fade(duration=0.3);";
outfilter="Fade(duration=0.3);";
}

with(menudropStyle=new mm_style()){
oncolor="#363636";
offcolor="#363636";
onbgcolor="#c0c6e9";
offbgcolor="#dadffd";
bordercolor="#464646";
borderstyle="solid";
borderwidth=1;
separatorcolor="#c9cfee";
separatorsize="0";
padding=3;
fontsize="75%";
fontstyle="normal";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="black";
pagebgcolor="#82B6D7";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="menu/milonic/arrow.gif";
subimagepadding="2";
overfilter="Fade(duration=0.3);Shadow(color='#777777', Direction=135, Strength=1)";
outfilter="Fade(duration=0.3);Shadow(color='#777777', Direction=135, Strength=1)";
}

with(milonic=new menuname("Main Menu")){
style=menuStyle;
top=121;
left=22;
alwaysvisible=1;
orientation="horizontal";
aI("text=News;showmenu=News;");
aI("text=Company;showmenu=Company;");
aI("text=Personal;showmenu=Personal;");
aI("text=Stationary;showmenu=Stationary;");
}

with(milonic=new menuname("News")){
style=menudropStyle;
top=143;
left=20;
aI("text=Company News;url=index.php?page=news/news;status=Intranet News . . .;");
aI("text=BBC News;url=http://www.bbc.co.uk;status=Intranet News . . .;target=_blank;");
}

with(milonic=new menuname("Company")){
style=menudropStyle;
top="143";
aI("text=Plant List;url=http://www.milonic.com/cbuy.php;");
aI("text=Employees List;url=http://www.milonic.com/contactus.php;");
}

with(milonic=new menuname("Personal")){
style=menudropStyle;
top="143";
aI("text=Private Files;url=http://www.a-q.co.uk/;status=(aq) Web Server Hosting & Services;");
aI("text=Private Messages;url=http://www.sms2email.com/;");
}

with(milonic=new menuname("Stationary")){
style=menudropStyle;
top="143";
aI("text=Print Shop;url=index.php?page=stationary/prints;status=Print Shop - Print Company Stationary");
aI("text=Stationary Orders;url=index.php?page=stationary/orders;status=Order Shop - Order Company Stationary;");
}

drawMenus();


I hope you can come up with some solutions to fix my problem.

Thanks again.

Kind Regards

Re: Menu flashes


Poster: kevin3442
Dated: Monday May 24 2004 - 23:49:15 BST

Large wrote:
...so when you click a menu item it redraws the page with the new content but when it does that I get a flash of white as it redraws the menu...

When you say you "get a flash of white" do you mean in the space occupied by the menu or does the entire page flash white?

Kevin


Poster: Large
Dated: Tuesday May 25 2004 - 0:27:37 BST

Hi kevin3442,

Yes in the space that is occupied by the menu.

Kind Regards


Poster: Large
Dated: Tuesday May 25 2004 - 8:58:39 BST

Hi Guys,

I hope you can help me solve this problem I will then be 100% happy with my menu.

Kind Regards


Poster: Andy
Dated: Tuesday May 25 2004 - 9:43:05 BST

Hi Large,

We will need to see the contents of dtree.css, index.css and most importantly dtree.js

I tried your code and it seemed to be fine so the problem could be with your CSS or the other .js file

Cheers
Andy


Poster: Large
Dated: Tuesday May 25 2004 - 11:48:39 BST

Hi There,

The Dtree files are no longer used so I have removed them plus the references to them in index.php, the problem is still there so its not the Dtree files.

Here is my CSS file as requested . . .

Code:
body {
scrollbar-face-color:#eeeeee;
scrollbar-highlight-color:#dddddd;
scrollbar-3dlight-color:#eeeeee;
scrollbar-darkshadow-color:#eeeeee;
scrollbar-shadow-color:#dddddd;
scrollbar-arrow-color:#dddddd;
scrollbar-track-color:#eeeeee;
}

/* --------- Intranet Hyperlinks --------- */

.a, a         { font-family: Verdana; color: #0080aa; text-decoration: none}
a:hover      { font-family: Verdana; color: #004080; text-decoration: none}
.ahover       { font-family: Verdana; color: #004080; text-decoration: none; cursor:hand}
.amenu        { font-family: Verdana; color: #004080; font-size: 11px; text-decoration: none}
.amenu:hover  { font-family: Verdana; color: #0080aa; font-size: 11px; text-decoration: none}

/* --------- Intranet Fonts --------- */

.mini-spacer-font { font-family: Verdana; font-size: 1px; color: #ffffff; font-weight: normal }

.white-text-small  { font-family: Verdana; font-size: 10px; color: #ffffff; font-weight: normal}
.white-text-medium { font-family: Verdana; font-size: 11px; color: #ffffff; font-weight: normal}
.white-text-big    { font-family: Verdana; font-size: 13px; color: #ffffff; font-weight: normal}

.gray-text-small   { font-family: Verdana; font-size: 10px; color: #646464; font-weight: normal}
.gray-text-medium  { font-family: Verdana; font-size: 11px; color: #646464; font-weight: normal}
.gray-text-big     { font-family: Verdana; font-size: 13px; color: #646464; font-weight: normal}

.blue-text-tiny   { font-family: Verdana; font-size: 8px; color: #004080; font-weight: normal}
.blue-text-small   { font-family: Verdana; font-size: 10px; color: #004080; font-weight: normal}
.blue-text-medium  { font-family: Verdana; font-size: 11px; color: #004080; font-weight: normal}
.blue-text-big     { font-family: Verdana; font-size: 13px; color: #004080; font-weight: normal}

.black-text-small   { font-family: Verdana; font-size: 10px; color: #000000; font-weight: normal}
.black-text-medium  { font-family: Verdana; font-size: 11px; color: #000000; font-weight: normal}
.black-text-big     { font-family: Verdana; font-size: 13px; color: #000000; font-weight: normal}

.Gray-cell {  background-color:#eeeeee;
            }

.title-cell { border-top-style:solid;
              border-left-style:solid;
              border-right-style:solid;
              border-top-color:#000000;
              border-left-color:#000000;
              border-right-color:#000000;
              border-top-width:1px;
              border-left-width:1px;
              border-right-width:1px;
            }
           
.title-cell-3D {  border-top-style:solid;
                  border-bottom-style:solid;
                  border-left-style:solid;
                  border-right-style:solid;
                  border-top-color:#c6d7fa;
                  border-bottom-color:#748dc0;
                  border-left-color:#748dc0;
                  border-right-color:#c6d7fa;
                  border-top-width:1px;
                  border-bottom-width:1px;
                  border-left-width:1px;
                  border-right-width:1px;
                  background-color:#7190cf;
                }
           
.info-cell {  border-style:solid;
              border-color:#000000;
              border-width:1px;
            }
           
.info-cell-3D {  border-top-style:solid;
                  border-bottom-style:solid;
                  border-left-style:solid;
                  border-right-style:solid;
                  border-top-color:#e2e9ff;
                  border-bottom-color:#8c9fd8;
                  border-left-color:#8c9fd8;
                  border-right-color:#e2e9ff;
                  border-top-width:1px;
                  border-bottom-width:1px;
                  border-left-width:1px;
                  border-right-width:1px;
                  background-color:#99b2ff;
                }
               
.content-cell { border-bottom-style:solid;
                border-left-style:solid;
                border-right-style:solid;
                border-bottom-color:#000000;
                border-left-color:#000000;
                border-right-color:#000000;
                border-bottom-width:1px;
                border-left-width:1px;
                border-right-width:1px;
              }
             
.content-cell-3D1 { border-top-style:solid;
                    border-bottom-style:solid;
                    border-left-style:solid;
                    border-right-style:solid;
                    border-top-color:#f2f5ff;
                    border-bottom-color:#8897c3;
                    border-left-color:#8897c3;
                    border-right-color:#f2f5ff;
                    border-top-width:1px;
                    border-bottom-width:1px;
                    border-left-width:1px;
                    border-right-width:1px;
                    background-color:#bfccf5;
                }

.content-cell-3D2 { border-top-style:solid;
                    border-bottom-style:solid;
                    border-left-style:solid;
                    border-right-style:solid;
                    border-top-color:#ffffff;
                    border-bottom-color:#afb9d9;
                    border-left-color:#afb9d9;
                    border-right-color:#ffffff;
                    border-top-width:1px;
                    border-bottom-width:1px;
                    border-left-width:1px;
                    border-right-width:1px;
                    background-color:#edeffa;
                }
               
.content-border {   border-left-style:solid;
                    border-left-color:#000000;
                    border-left-width:1px;
                }

.footer-cell { border-bottom-style:solid;
                border-left-style:solid;
                border-right-style:solid;
                border-bottom-color:#000000;
                border-left-color:#000000;
                border-right-color:#000000;
                border-bottom-width:1px;
                border-left-width:1px;
                border-right-width:1px;
              }

.footer-cell-3D {  border-top-style:solid;
                    border-bottom-style:solid;
                    border-left-style:solid;
                    border-right-style:solid;
                    border-top-color:#e2e9ff;
                    border-bottom-color:#8c9fd8;
                    border-left-color:#8c9fd8;
                    border-right-color:#e2e9ff;
                    border-top-width:1px;
                    border-bottom-width:1px;
                    border-left-width:1px;
                    border-right-width:1px;
                    background-color:#7190cf;
                    font-family:Verdana;
                    font-size:10px;
                    color:white;
                }

/* --------- Intranet Inner Table CSS --------- */

.cell-1 { border-top-style:solid;
          border-bottom-style:solid;
          border-left-style:solid;
          border-top-width:1px;
          border-bottom-width:1px;
          border-left-width:1px;
          border-top-color:#cccccc;
          border-bottom-color:#cccccc;
          border-left-color:#cccccc;
          background-color:#edeffa;
        }

.cell-2 { border-top-style:solid;
          border-bottom-style:solid;
          border-left-style:solid;
          border-right-style:solid;
          border-top-width:1px;
          border-bottom-width:1px;
          border-left-width:1px;
          border-right-width:1px;
          border-top-color:#cccccc;
          border-bottom-color:#cccccc;
          border-left-color:#cccccc;
          border-right-color:#cccccc;
          background-color:#edeffa;
        }

.cell-3 { border-bottom-style:solid;
          border-left-style:solid;
          border-bottom-width:1px;
          border-left-width:1px;
          border-bottom-color:#cccccc;
          border-left-color:#cccccc;
          background-color:#edeffa;
        }

.cell-4 { border-bottom-style:solid;
          border-left-style:solid;
          border-right-style:solid;
          border-bottom-width:1px;
          border-left-width:1px;
          border-right-width:1px;
          border-bottom-color:#cccccc;
          border-left-color:#cccccc;
          border-right-color:#cccccc;
          background-color:#edeffa;
        }


Thanks so much for your help in this matter.

Kind Regards


Poster: Large
Dated: Tuesday May 25 2004 - 13:22:07 BST

I had a look through the CSS file but I could not find a problem with it.

Perhaps you guys may find something, I just wanna stop the menu from flashing when the page redraws.

I may have to resort to using iframes !

Kind Regards


Poster: kevin3442
Dated: Tuesday May 25 2004 - 22:11:51 BST

Hi Large,

I had a quick review of the eqrlie posts... I can't see any mention of a brower, so I'll ask. What OS and browser (or browsers) do you see the flashing with?

I wonder if, instead of posting your php code, can you please post the html output for one of the pages (I assume all of the pages are a similar structure, so we can make additional ones from there). Just in case there's some anomaly introduced by the php output.

Kevin


Poster: Large
Dated: Tuesday May 25 2004 - 22:22:13 BST

Hi kevin 3442,

The HTML output as requested in your last post . . .

Code:
<html>
  <head>
    <title>DW Intranet v2.0</title>
    <meta http-equiv="Page-Enter" content="blendtrans(duration=0.4)">
    <link href="css/index.css" rel="stylesheet" type="text/css">
   
    <SCRIPT language=JavaScript src="menu/google.js" type=text/javascript></SCRIPT>
   
    <SCRIPT language=JavaScript src="menu/milonic/milonic_src.js" type=text/javascript></SCRIPT>   
    <script   language=JavaScript>
    if(ns4)_d.write("<scr"+"ipt language=JavaScript src=menu/milonic/mmenuns4.js><\/scr"+"ipt>");      
     else _d.write("<scr"+"ipt language=JavaScript src=menu/milonic/mmenudom.js><\/scr"+"ipt>");
    </script>
    <SCRIPT language=JavaScript src="menu/milonic/menu_data.js" type=text/javascript></SCRIPT>   
   
  </head>
  <body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
    <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="gray-cell" width="20" height="5">&nbsp;
        </td>
        <td class="gray-cell" height="5">&nbsp;
        </td>
        <td class="gray-cell" width="20" height="5">&nbsp;
        </td>
      </tr>
      <tr>
        <td class="gray-cell" width="20" height="100">&nbsp;
        </td>
        <td class="title-cell" height="100">
          <table width="100%" height="100%" cellspacing="0" cellpadding="0">
            <tr>
              <td class="title-cell-3D" align="center">
                <img src="images/logo.jpg" border="0" align="middle">
              </td>
            </tr>
          </table>
        </td>
        <td class="gray-cell" width="20" height="100">&nbsp;
        </td>
      </tr>
      <tr>
        <td class="gray-cell" width="20" height="25">&nbsp;
        </td>
        <td class="info-cell" height="30">
          <table width="100%" height="100%" cellspacing="0" cellpadding="0" align="right">
            <tr>
              <td class="info-cell-3D" align="right">
                        <form name="google" style="display:inline">
                  Search&nbsp;:
                  <input style="font-size:11px; color:#464646; font-family:verdana; vertical-align:middle; height:18; background-color:#edeffa; border-width:1px; border-style:solid; border-color:#969696" type="text" name="search" onKeyPress="return submitenter(this,event)">
                </form>
              </td>
            </tr>
          </table>
        </td>
        <td class="gray-cell" width="20" height="25">&nbsp;
        </td>
      </tr>
      <tr>
        <td class="gray-cell" width="20">&nbsp;
        </td>
        <td class="content-cell">
          <table width="100%" height="100%" cellspacing="0" cellpadding="0">
            <tr>
              <td width="150">
                <table width="100%" height="100%" cellspacing="0" cellpadding="0">
                  <tr>
                    <td class="content-cell-3D1" valign="top"><br>
                     
<!-- /* --------- Start Left Menu --------- */ -->

<table class="menu-box" align="center" width="134" height="55" cellpadding="0" cellspacing="0">
  <tr>
    <td class="blue-text-medium">
    </td>
  </tr>
</table>

<table align="center" width="100%" height="6" cellpadding="0" cellspacing="0">
    <tr>
      <td class="blue-text-medium">
      </td>
    </tr>
</table>

<table class="menu-box" align="center" width="134" height="55" cellpadding="0" cellspacing="0">
  <tr>
    <td class="blue-text-medium">
      &nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>
    </td>
  </tr>
</table>

<!-- /* --------- End Left Menu --------- */ -->

                    </td>
                  </tr>
                </table>
              </td>
              <td class="content-border">
                <table width="100%" height="100%" cellspacing="0" cellpadding="0">
                  <tr>
                    <td class="content-cell-3D2">
                     
<!-- /* --------- Read folder contents and build HTML table --------- */ -->


<!-- /* --------- Start HTML --------- */ -->

<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="6">
  <tr>
    <td class="content-window" valign="top">
      <table class="blue-text-big" border="0" bordercolor="#dddddd" bgcolor="#edeffa" width="100%" cellpadding="3" cellspacing="0">
        <tr>
          <td class="cell-2" height="30">
            &nbsp;<font color="#004080">Status&nbsp;:&nbsp;</font><font color="#646464">Directory listings complete . . .</font>
          </td>
        </tr>
        <tr>
          <td bgcolor="edeffa" height="6">
          </td>
        </tr>
      </table>
      <table class="blue-text-big" border="0" bordercolor="#dddddd" bgcolor="#edeffa" width="100%"  cellpadding="3" cellspacing="0">
        <tr>
          <td class="cell-1" height="20" align="center">Personal Stationary</td>
          <td class="cell-1" height="20" align="center">Revision</td>
          <td class="cell-2" height="20" align="center">Open</td>
        </tr>
       
<tr class="gray-text-big">
<td class="cell-3" height="20" align="left">Andy-Comp-Slip.pdf</td>
<td class="cell-3" height="20" align="center">&nbsp;29th March 2004</td>
<td class="cell-4" height="20" align="center"><a href='stationary/masters/Andy/Andy-Comp-Slip.pdf' target='_blank'>Open</a></td>
</tr>
<tr class="gray-text-big">
<td class="cell-3" height="20" align="left">Andy-Cont-Paper.pdf</td>
<td class="cell-3" height="20" align="center">&nbsp;29th March 2004</td>
<td class="cell-4" height="20" align="center"><a href='stationary/masters/Andy/Andy-Cont-Paper.pdf' target='_blank'>Open</a></td>
</tr>
<tr class="gray-text-big">
<td class="cell-3" height="20" align="left">Andy-Paper.pdf</td>
<td class="cell-3" height="20" align="center">&nbsp;29th March 2004</td>
<td class="cell-4" height="20" align="center"><a href='stationary/masters/Andy/Andy-Paper.pdf' target='_blank'>Open</a></td>
</tr>      </table>
    </td>
  </tr>
</table>

<!-- /* --------- End HTML --------- */ -->

                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
        <td class="gray-cell" width="20">&nbsp;
        </td>
      </tr>
      <tr>
        <td class="gray-cell" width="20" height="25">&nbsp;
        </td>
        <td class="footer-cell" height="25">
          <table width="100%" height="100%" cellspacing="0" cellpadding="0">
            <tr>
              <td class="footer-cell-3D" align="center" valign="middle">Designed and Programmed by Andy Wetherill / Large Designs © 2004, All Rights Reserved.
              </td>
            </tr>
          </table>
        </td>
        <td class="gray-cell" width="20" height="25">&nbsp;
        </td>
      </tr>
      <tr>
        <td class="gray-cell" width="20" height="5">&nbsp;
        </td>
        <td class="gray-cell" height="5">&nbsp;
        </td>
        <td class="gray-cell" width="20" height="5">&nbsp;
        </td>
      </tr>
    </table>
  </body>
</html>


Many thanks.

Kind Regards


Poster: Andy
Dated: Tuesday May 25 2004 - 22:27:51 BST

CSS and HTML check out fine.

This just leaves your other .js files

We might also be getting to the point where we are not able to reproduce the problem.

Is it possible you could post a copy of the problem somewhere for us to see. You could also send over a Zip of the files so that we can see this occur for ourselves.

Cheers
Andy


Poster: kevin3442
Dated: Tuesday May 25 2004 - 22:31:06 BST

Large wrote:
The HTML output as requested in your last post . . .

Thanks for the quick response. So quick in fact ;) that you posted it before I posted an edit to my last post. I was wondering what browser/OS you are using when you see this phenomenon?

Kevin


Poster: kevin3442
Dated: Tuesday May 25 2004 - 22:40:17 BST

Hi Andy (the "Large" one),

Nevermind... I was able to reproduce the flashing w IE6/Win2k. It's being caused by the following line:
Code:
<meta http-equiv="Page-Enter" content="blendtrans(duration=0.4)">

at the top of your html. blendtrans() is an IE filter, (see here) so it will only happen in IE5.5+ on Windows. My first guess is that it's only affecting the menu because that's the only thing on your test page with positional properties.

Do you need to have blendtrans() in there?

Kevin


Poster: Large
Dated: Tuesday May 25 2004 - 22:57:50 BST

Hi Andy,

I have sent a small zip file to you and Kevin that contains enough files to replicate the problem I'm having, I hope you can sort it out for me.

Thanks again, your help is much appreciated.

Kind Regards


Poster: kevin3442
Dated: Tuesday May 25 2004 - 23:01:31 BST

Hi Large,

Did you see my previous post?

Kevin


Poster: Andy
Dated: Tuesday May 25 2004 - 23:03:36 BST

I've got it, it's the line content="blendtrans(duration=0.4)"

Not sure if you really need this line but it's definately the cause of the problem.

-- Andy


Poster: Large
Dated: Tuesday May 25 2004 - 23:06:38 BST

Hi Kevin,

This is basically a company intranet and everyone uses IE6, which is easy for me to code for, using blendtrans I get a nice fade between pages.

If I remove the blendtrans its cuts my problem in half, it no longer flashes white but the main menu text still flashes, I tried out some other menu's and the menu doesn't seem to redraw, ie the the main menu text dont flash.

But I don't wanna use other menu's not when Milonic is soooooo easy to use.

I hope we can come to solution between us.

Kind Regards


Poster: Large
Dated: Tuesday May 25 2004 - 23:14:12 BST

Hi Again Guys,

Is it possible to position Milonic Menu relative, ie : place it inside a table because I notice this problem doe's not occur if things are placed within a table.

Kind Regards


Poster: kevin3442
Dated: Tuesday May 25 2004 - 23:29:56 BST

Hi Large,

Yeah... you can place it in a table. But I think what's causing the "test flashing" that you refer to is filters in the style that you use for your main menu. In your menuStyle code, you have:
Code:
overfilter="Fade(duration=0.3);";
outfilter="Fade(duration=0.3);";

I would get rid of both lines. In particular, the overfilter will cause the menu to fade in over a period of .3 seconds. Since the menu'sbackground color is the same as the background it's on, the net result will be that only the text appears to fade in.

Hope that helps,

Kevin

EDIT:

An alternative would be to implement an overfilter that lasts a bit longer, and has maybe a more eye-catching effect, so that the menu will do something cool each time a page is loaded (e.g. slide in from the left, pixelate into being, etc.)


Poster: Large
Dated: Tuesday May 25 2004 - 23:37:26 BST

Hi Kevin,

I'm not having much luck ! :(

I have removed those two lines but the word Test on the main menu still flashes.

I know longer get the white background flash since removing the Blend Trans but I still get the main menu text flashing when you select a sub menu option.

Oh well !

Thanks for you time and help.

Kind Regards


Poster: kevin3442
Dated: Wednesday May 26 2004 - 0:07:00 BST

Hi Large,

That flash you still see would be the time it takes your browser to load the menu's .js files (from the browser cache after the first load) and render the menu. Any dhtml/js based menu system would do that, since you're loading a new page, or reloading the same page each time. Less sophisticated menu systems may have smaller source files and load more quickly, but tests show that the Milonic code does load pretty fast. One thing you could do to decrease the apparent load time would be to load the menu scripts first; load the .css and your google.js script after (assuming that you aren't using any of the css in your menu, which you don't appear to be at the moment).

Another thing that would decrease the load time would be to eliminate the ns4 conditional, if you don't use ns4 on your intranet. I.e. change:
Code:
<SCRIPT language=JavaScript src="menu/milonic/milonic_src.js" type=text/javascript></SCRIPT>
<script language=JavaScript>
if(ns4)_d.write("<scr"+"ipt language=JavaScript src=menu/milonic/mmenuns4.js><\/scr"+"ipt>");
  else _d.write("<scr"+"ipt language=JavaScript src=menu/milonic/mmenudom.js><\/scr"+"ipt>");
</script>
<SCRIPT language=JavaScript src="menu/milonic/menu_data.js" type=text/javascript></SCRIPT>

to
Code:
<script language=JavaScript src="menu/milonic/milonic_src.js" type=text/javascript></script>
<script language=JavaScript src="menu/milonic/mmenudom.js" type=text/javascript></script>
<script language=JavaScript src="menu/milonic/menu_data.js" type=text/javascript></script>

Even so, the menu code still has to load, so you ight still see a bref flash. I have to wonder, however, if in the real implementaiton of your intranet, as the new content loads, will the user even notice that brief re-rendring of the menu since the whole page will be changing?

You could, as you mentioned, put the menu in a table following the instructions on this sample page. However, no matter how you slice it, the menu code would still have to load each time you load a new page. So I don't know if that approach would get you anywhere.

Have you considered my other suggestion... applying an overfilter that would make the rendering of the main menu visually interesting? Like:
Code:
overfilter="GradientWipe(WipeStyle=0, size=1.00, motion='Forward', duration=0.6)";

There are lots of other possibilities for filters. So, it's not a "flash" anymore... it's a cool effect that makes the user wonder how you did that and respect the wizardry with which you produced such a cool effect.

Cheers,

Kevin


Poster: Large
Dated: Wednesday May 26 2004 - 0:22:12 BST

Hi Kevin,

Yeah that Overfilter gradient is quite cool, I'll use that !

Thanks !

Kind Regards


Poster: Andy
Dated: Wednesday May 26 2004 - 10:51:31 BST

I've just gone through this post again and see that Kevin spotted the problem before me so now I look silly :oops: - Sorry Kevin.

Anyway, I'll just stay out of things from now on then and let you guys do it ;)

Glad you got things sorted in the end.

Cheers
Andy


Poster: kevin3442
Dated: Wednesday May 26 2004 - 15:33:37 BST

Andy wrote:
I've just gone through this post again and see that Kevin spotted the problem before me so now I look silly :oops: - Sorry Kevin.

Hey, you don't have to apologize to me. The only time I mind someone looking silly is when it's me (which is all too often) ;) Besides, two minds on a problem are definitely better than one.

Quote:
Anyway, I'll just stay out of things from now on then and let you guys do it ;)

You are certainly not allowed to stay out of things. If you do, I'll tell John, and he'll come over there and set you straight!

Cheers,

Kevin


Poster: John
Dated: Wednesday May 26 2004 - 16:17:07 BST

Already set...

AA 1074 PHX-DFW
AA 50 DFW-LGW arrives 0800 Sunday 30 May

You better behave, fella... :evil:


Poster: Andy
Dated: Wednesday May 26 2004 - 16:27:44 BST

Heh, If you think I'm picking you up from Gatwick think again matey. You better re-route to BHX, it's only a couple of miles away from here.

Or are you going to be watching the tennis at Wimbledon with Maz?

-- Andy


Poster: John
Dated: Wednesday May 26 2004 - 16:37:27 BST

Sheesh - makin' me switch to Continental...

AA 1060 PHX-ORD
AA 474 ORD-EWR
CO 26 EWR-BHX 0800 30 May


Poster: Andy
Dated: Wednesday May 26 2004 - 17:18:07 BST

Eeek, Continental :!:

No John, you must not do it. You must pick another Airline for reasons that I'm not allowed to say :D

Hmmm, think I'd better shut up before I get myself into trouble ;)

Cheers
Andy.


Poster: John
Dated: Wednesday May 26 2004 - 17:21:59 BST

Oh, *^%$#( ! Sorry, forgot all about that. Will check further.


Poster: Large
Dated: Thursday May 27 2004 - 10:58:16 BST

You guys are all mad, LOL !

Thanks for your help !

Kind Regards

Andy ( Large )


Poster: kevin3442
Dated: Thursday May 27 2004 - 18:40:29 BST

Large wrote:
You guys are all mad...

All of the rest of them are. I'm quite sane. Honest.

Large wrote:
Thanks for your help !

You're welcome.

Kevin


Poster: kevin3442
Dated: Thursday May 27 2004 - 18:45:08 BST

Hey John,

United uses v5 of the Milonic menu... so why not fly the friendly skies? But don't go with American Airlines. If they'll use HM on their site, God knows what they'll put in their planes!

Kevin


Poster: Maz
Dated: Thursday May 27 2004 - 21:45:41 BST

Looks like I'll sit here watching British weather, eating moldy strawberries, but they say we have Happy Cows.

maz :roll:


Poster: John
Dated: Thursday May 27 2004 - 22:54:28 BST

kevin3442 wrote:
All of the rest of them are. I'm quite sane. Honest.

Oh, brother. A long chat is in order... :P
kevin3442 wrote:
United uses v5 of the Milonic menu... so why not fly the friendly skies? But don't go with American Airlines. If they'll use HM on their site, God knows what they'll put in their planes!

Yeah, I know, but all my free miles are on AA (still left over from my Apple days). Free vs. $1,400...$5,200 = no contest!

Of course, the next problem is what to do with the wolf. He'll want to go, too.

And what to do with Andy when I run off with Marty.

And... :P


Poster: Andy
Dated: Thursday May 27 2004 - 23:13:50 BST

AA use the menu so no worries - They use it internally and I'm sure that if we re-coded our menu for their www site, they'd probably use ours instead.

Quote:
And what to do with Andy when I run off with Marty.


Oi Oi Oi - That's fighting talk is that :P

Quote:
eating moldy strawberries


There's nowt wrong with moldy strawberries Maz, there is even a cure - Look :!:

Quote:
1. Mix one part mature compost that includes some rotted manure (horse, cow or chicken) with five parts water. (Make sure that the material is fully composted, so potential pathogens associated with manures will be killed.)

2. Allow the mixture to sit and ferment in the shade for 10 to 14 days.

3. Filter the mixture through cheesecloth to remove chunks. The stuff can smell pretty bad, so don't do this in your kitchen!

4. If you must dilute it to stretch the batch, don't dilute by more than half.

5. Spray or coat upper and lower plant surfaces. Repeat every 2-3 weeks.


Heh, I wonder how long it will take Google to publish this page? Do a search for "eating moldy strawberries" in a few days and see what happens :)

Cheers
Andy


Poster: kevin3442
Dated: Friday May 28 2004 - 0:44:16 BST

You forgot step 6...

Quote:
6. Uproot the plants, throw the whole lot in the compost bin, then buy some strawberries at your local grocers. Eat them with the peace of mind brought by knowing that you didn't accidentally end up eating any chunks that might have circumvented step 3.


Kevin


Poster: John
Dated: Friday May 28 2004 - 4:45:43 BST

Andy wrote:
AA use the menu so no worries - They use it internally and I'm sure that if we re-coded our menu for their www site, they'd probably use ours instead.

They re-wrote the whole site. What would it take to please them, and would it be worth it?
Andy wrote:
john wrote:
And what to do with Andy when I run off with Marty.

Oi Oi Oi - That's fighting talk is that :P

Umm - er - well, so much for hopin' you'd be so busy you wouldn't have time to come to the airport... :?