Hi, here is a code that works on all those platform :


Sorry it's item in it are in french but you should understand it...


Pat

<cfset path = "../">


<table border="0" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" bgcolor="FFCC66"><a href=""> target="_blank" > MM_swapImage('chaire','','<cfoutput>#path#</cfoutput>wwwimg/btnav_chaire_1_f
.gif',1)"><img src=""> name="chaire" width="159" height="16" border="0"></a><img
src="" width="1"
height="16" border="0"><a
href=""> popup('manuel'); menuimg_act('manuel',null,1);
overmenu=1;" menutimeout('manuel')"><img
src="" name="manuel"
width="53" height="16" border="0"><img
src="" width="1"
height="16" border="0"></a><a
href=""> popup('plans'); menuimg_act('plans',null,1);
overmenu=1;" menutimeout('plans')"><img
src="" name="plans"
width="91" height="16" border="0"></a><a href="" > popup('manuel'); menuimg_act('manuel',null,1); overmenu=1;"
menutimeout('manuel')"><img
src="" width="1"
height="16" border="0"></a><a
href=""> > MM_swapImage('index','','<cfoutput>#path#</cfoutput>wwwimg/btnav_index_1_f.g
if',1)"><img src=""> name="index" width="109" height="16" border="0"></a></td>
</tr>
  <tr>
    <td valign="top"><img
src="" alt="" width="160"
height="13"></td>
  </tr>
</table>

<div id="manuellayer" style="position: absolute; z-index: 10; top: 200;
left: 200; visibility: hidden" > menutimeout('manuel')">
  <table width="150" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><img src="" width="1"
height="1"></td>
    </tr>
  </table>
  <table width="150" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td bgcolor="#FFFFFF"><table width="150" border="0" cellpadding="5"
cellspacing="1">
          <tr>
            <td align="left" valign="middle" bgcolor="FFDB94"
class="subNav"><a
href=""> /td>
          </tr>
          <tr>
            <td align="left" valign="middle" bgcolor="FFDB94"
class="subNav"><a
href=""> te;sentation
              du manuel</a></td>
          </tr>
  <tr>
            <td align="left" valign="middle" bgcolor="FFDB94"
class="subNav"><a
href=""> spondance des éditions</a></td>
          </tr>
          <tr>
            <td align="left" valign="middle" bgcolor="FFDB94"
class="subNav"><a
href=""> z
              un document</a></td>
          </tr>
          <tr>
            <td align="left" valign="middle" bgcolor="FFDB94"
class="subNav"><a
href=""
              &agrave; jour</a></td>
          </tr>
        </table></td>
    </tr>
  </table>
</div>
<div id="planslayer" style="position: absolute; z-index: 10; top: 200; left:
200; visibility: hidden;" > menutimeout('interruptionssec')">
  <table width="150" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><img src="" width="1"
height="1"></td>
    </tr>
  </table>
  <table width="130" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td bgcolor="#FFFFFF"><table width="130" border="0" cellpadding="5"
cellspacing="1">
          <tr>
            <td valign="middle" bgcolor="FFDB94" class="subNav"><a
href=""
              de cours</a></td>
          </tr>
          <tr>
            <td valign="middle" bgcolor="FFDB94" class="subNav"><a
href=""> >">Premier
              cycle</a></td>
          </tr>
          <tr>
            <td valign="middle" bgcolor="FFDB94" class="subNav"><a
href=""> >">Deuxi&egrave;me
              cycle</a></td>
          </tr>
          <tr>
            <td valign="middle" bgcolor="FFDB94" class="subNav"><a
href=""> >">Formation
              continue</a></td>
          </tr>
        </table></td>
    </tr>
  </table>
  
</div>
<div id="indexlayer" style="position: absolute; z-index: 10; top: 200; left:
200; visibility: hidden" > menutimeout('extactionssec')">
  <table width="150" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><img src="" width="1"
height="1"></td>
    </tr>
  </table>
  <table width="115" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td bgcolor="#FFFFFF"><table width="115" border="0" cellpadding="5"
cellspacing="1">
          <tr>
            <td bgcolor="FFDB94" class="subNav"><a
href="" des auteurs</a></td>
          </tr>
          <tr>
            <td bgcolor="FFDB94" class="subNav"><a
href="">           </tr>
          <tr>
            <td bgcolor="FFDB94" class="subNav"><a
href="" pertinents</a></td>
          </tr>
        </table></td>
    </tr>
  </table>
  
</div>
<script>
// <!--
   NS4 = (document.layers);
   NS6 =  ((navigator.appName == "Netscape") &&
(parseInt(navigator.appVersion) == 5))
   IE4 = (document.all);
  ver4 = (NS4 || IE4);
MAC45 = (navigator.appVersion.indexOf("MSIE 4.5") != -1)
isMac = (navigator.appVersion.indexOf("Mac") != -1);
menuHeight=20;
menuOffset=20;
menuBarHeight=20;
var overmenu = false;
var openmenu = null;
var overcheck = null;
var loaded = false;

function stripCharsNotInBag (s, bag)

{   var i;
    var returnString = "";

    // Search through string's characters one by one.
    // If character is in bag, append to returnString.

    for (i = 0; i < s.length; i++)
    {   
        // Check that current character isn't whitespace.
        var c = s.charAt(i);
        if (bag.indexOf(c) != -1) returnString += c;
    }

    return returnString;
}

function getRealLeft(img) {
// Find Position of Image File
        xPos = img.offsetLeft;
        tempEl = img.offsetParent;
        while (tempEl != null) {
                xPos += tempEl.offsetLeft;
                tempEl = tempEl.offsetParent;
        }
if (xPos > 0 && xPos < 600) { xPos = xPos - 2 }; // Move back 80px
        return xPos;
}

function getRealTop(img) {
// Find Position of Image File
        yPos = img.offsetTop;
        tempEl = img.offsetParent;
        while (tempEl != null) {
                yPos += tempEl.offsetTop;
                tempEl = tempEl.offsetParent;
        }
        if (MAC45) yPos=menuOffset;
        return yPos;
        }

function findloc (imgname)
// Find Position of Image File
{
var holdingImage = document.images[imgname];
var nsPosx = holdingImage.x;
if (nsPosx > 200 && nsPosx < 400) { nsPosx = nsPosx - 2 }; // Move back 80px
var canvasLeft = (NS4) ? nsPosx+2 : getRealLeft(holdingImage)+2;
var canvasTop = (NS4) ? holdingImage.y-5 : getRealTop(holdingImage)-5;
var canvasWidth = holdingImage.width;
var canvasHeight = holdingImage.height;
return ([canvasLeft,canvasTop,canvasHeight]);
}

function showMenu(imgname)
// Show Menu Layer
{
       if (NS4 || loaded)
        {
                if (NS6)
                        menu=document.getElementById(imgname+"layer")
                else if (NS4)
                        menu=eval("document.layers."+imgname+"layer")
                else
                        menu=eval(imgname+"layer");
        }
        if (NS4) menu.visibility = "show"
        else menu.style.visibility = "visible"
        openmenu=imgname;
}

function hideMenu()
// Hide Menu Layer
{
if (openmenu != null)
        {
                if (NS6)
                        menu=document.getElementById(openmenu+"layer")
                else if (NS4)
                        menu=eval("document.layers."+openmenu+"layer")
                else
                        menu=eval(openmenu+"layer");
            if (NS4) menu.visibility = "hide"
            else menu.style.visibility = "hidden"
                img_inact(openmenu)
        }
}

function popup (imgname)
// Pop Up Menu
{
        if (NS6)
                menu=document.getElementById(imgname+"layer")
        else if (NS4)
                menu=eval("document.layers."+imgname+"layer")
        else
                menu=eval(imgname+"layer");
if (NS4)
{
        menu.top = findloc(imgname)[1] + 1 + menuBarHeight;
        menu.left = findloc(imgname)[0];
}
else if (NS6)
{
        menu.style.top = findloc(imgname)[1] + 1 + menuBarHeight;
        menu.style.left = findloc(imgname)[0];
}
else
{
        menu.style.pixelTop = findloc(imgname)[1] + 1 + menuBarHeight;
        menu.style.pixelLeft = findloc(imgname)[0];
}
showMenu(imgname);
}

function checkmenu (openmenu,check)
// Check to see if menu is open but not used, if so it is closed
{
if ((overmenu == 0) && (check == overcheck))
{
                if (NS6)
                        menu=document.getElementById(openmenu+"layer")
                else if (NS4)
                        menu=eval("document.layers."+openmenu+"layer")
                else
                        menu=eval(openmenu+"layer");
            if (NS4) menu.visibility = "hide"
            else menu.style.visibility = "hidden"
                img_inact(openmenu)
}
}

function menutimeout (openmenu)
// Set a .5 second timeout when the menu is not being used to close
{
overcheck=overcheck+1;
setTimeout("checkmenu(openmenu,"+overcheck+")",1000);
}

function tocItem (name) {
this.on = new Image();
this.on.src = "" + name + "_1_f.gif"
this.off = new Image();
this.off.src = "" + name +
"_0_f.gif";
}

function toc_new (name) {
tocItem[name] = new tocItem(name);
}

function img_act (imgName){
// Show Image
if (document.images){
document[imgName].src = ""> }
}

function img_inact (imgName, openmenu)
// Hide Image
{
if (document.images)
    document[imgName].src = ""> }

function menuimg_act(imgName, openmenu) {
if (document.images) {
if ((openmenu == null) || (IE4) || (NS6)){
        img_act(imgName)
}else
        {
        image=
eval("document.layers."+openmenu+"layer.document.images['"+imgName+"']");
        image.src = ""> alert(tocItem[imgName].on.src);
        }
}
overmenu=1;
}

function menuimg_inact(imgName, openmenu, main) {
if (document.images) {

if ((openmenu == null) || (IE4) || (main != null) || (NS6))
        img_inact(imgName)
else
        {
        image=
eval("document.layers."+openmenu+"layer.document.images['"+imgName+"']");
        image.src = "">         }
}
menutimeout(openmenu);
overmenu=0;
}

if (document.images != null) {
toc_new('manuel');
toc_new('plans');
toc_new('index');
}

// -->
</script>


________________________________

From: Neculai Macarie [mailto:[EMAIL PROTECTED]
Sent: May 12, 2004 03:31
To: CF-Talk
Subject: OT: Dynamic menu for IE Mac

Hi!

I'm having big problems finding a dynamic menu that works on major browsers
on Win
and Linux, and IE on Mac. The biggest challenge was IE on Mac. I couldAlso
it should
work with a centered content ( some of the ones I tried, like Tigra Menu
from
http://www.softcomplex.com/ are absolutly positioned in page). Do you know
such a
menu ?

Thanks for any help,
Neculai Macarie
________________________________
[Todays Threads] [This Message] [Subscription] [Fast Unsubscribe] [User Settings]

Reply via email to