Menu flashes

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
Large
Advanced
Advanced
Posts: 15
Joined: Mon May 24, 2004 7:24 pm

Menu flashes

Post by Large »

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
Top
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:
Contact John

Post by John »

URL?
John
Top
User avatar
kevin3442
Milonic God
Milonic God
Posts: 2460
Joined: Sat Sep 07, 2002 12:09 am
Location: Lincoln, NE
Contact:
Contact kevin3442

Post by kevin3442 »

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
Top
Large
Advanced
Advanced
Posts: 15
Joined: Mon May 24, 2004 7:24 pm

Post by Large »

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
Top
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:
Contact John

Post by John »

Next best thing then is to post the _data file and HTML here. Make sure you use the [code][/code] tags.
John
Top
Large
Advanced
Advanced
Posts: 15
Joined: Mon May 24, 2004 7:24 pm

Post by Large »

Hi John,

Ok here is the index.php . . .

Code: Select all

<?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: Select all


_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://milonic.com/cbuy.php;");
aI("text=Employees List;url=http://milonic.com/contact.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
Top
User avatar
kevin3442
Milonic God
Milonic God
Posts: 2460
Joined: Sat Sep 07, 2002 12:09 am
Location: Lincoln, NE
Contact:
Contact kevin3442

Re: Menu flashes

Post by kevin3442 »

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
Top
Large
Advanced
Advanced
Posts: 15
Joined: Mon May 24, 2004 7:24 pm

Post by Large »

Hi kevin3442,

Yes in the space that is occupied by the menu.

Kind Regards
Top
Large
Advanced
Advanced
Posts: 15
Joined: Mon May 24, 2004 7:24 pm

Post by Large »

Hi Guys,

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

Kind Regards
Top
User avatar
Andy
Milonic
Milonic
Posts: 3308
Joined: Sun May 19, 2002 8:23 pm
Location: Menu Developer
Contact:
Contact Andy

Post by Andy »

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
Top
Large
Advanced
Advanced
Posts: 15
Joined: Mon May 24, 2004 7:24 pm

Post by Large »

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: Select all

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
Top
Large
Advanced
Advanced
Posts: 15
Joined: Mon May 24, 2004 7:24 pm

Post by Large »

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
Top
User avatar
kevin3442
Milonic God
Milonic God
Posts: 2460
Joined: Sat Sep 07, 2002 12:09 am
Location: Lincoln, NE
Contact:
Contact kevin3442

Post by kevin3442 »

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
Last edited by kevin3442 on Tue May 25, 2004 10:29 pm, edited 1 time in total.
Top
Large
Advanced
Advanced
Posts: 15
Joined: Mon May 24, 2004 7:24 pm

Post by Large »

Hi kevin 3442,

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

Code: Select all

<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
Top
User avatar
Andy
Milonic
Milonic
Posts: 3308
Joined: Sun May 19, 2002 8:23 pm
Location: Menu Developer
Contact:
Contact Andy

Post by Andy »

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
Top
User avatar
kevin3442
Milonic God
Milonic God
Posts: 2460
Joined: Sat Sep 07, 2002 12:09 am
Location: Lincoln, NE
Contact:
Contact kevin3442

Post by kevin3442 »

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
Top
User avatar
kevin3442
Milonic God
Milonic God
Posts: 2460
Joined: Sat Sep 07, 2002 12:09 am
Location: Lincoln, NE
Contact:
Contact kevin3442

Post by kevin3442 »

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: Select all

<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
Top
Large
Advanced
Advanced
Posts: 15
Joined: Mon May 24, 2004 7:24 pm

Post by Large »

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
Top
User avatar
kevin3442
Milonic God
Milonic God
Posts: 2460
Joined: Sat Sep 07, 2002 12:09 am
Location: Lincoln, NE
Contact:
Contact kevin3442

Post by kevin3442 »

Hi Large,

Did you see my previous post?

Kevin
Top
User avatar
Andy
Milonic
Milonic
Posts: 3308
Joined: Sun May 19, 2002 8:23 pm
Location: Menu Developer
Contact:
Contact Andy

Post by Andy »

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
Top
Post Reply

Return to “Help & Support for DHTML Menu Version 5+”