Home of the ColdFusion Community
|
Mailing Lists
|
Home /
Groups /
ColdFusion Talk (CF-Talk)
Dynamic menu for IE Mac
Author: Burns, John D
Short Link: http://www.houseoffusion.com/groups/cf-talk/thread.cfm/threadid:32453#162940
Or you can try the HierMenus from dhtml.com
I've used them with good success on most all browsers. I haven't used
any of their new versions yet, but I can only assume that they have a
broader compatibility.
John
> 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 ?
Try AllWebMenus from www.likno.com
It creates the menu code that is cross-browser and cross-platform
Author: Philip Arnold
Short Link: http://www.houseoffusion.com/groups/cf-talk/thread.cfm/threadid:32453#162936
----- Excess quoted text cut - see Original Post for more -----
Try AllWebMenus from www.likno.com
It creates the menu code that is cross-browser and cross-platform
Author: CFDEV
Short Link: http://www.houseoffusion.com/groups/cf-talk/thread.cfm/threadid:32453#162935
Hi, here is a code that works fine on all those platform...
Menus are in french but you should understand the code...
Patrick
_____
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
_____
Author: CFDEV
Short Link: http://www.houseoffusion.com/groups/cf-talk/thread.cfm/threadid:32453#162934
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="http://www.hec.ca/cicma"
target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="hideMenu();
MM_swapImage('chaire','','<cfoutput>#path#</cfoutput>wwwimg/btnav_chaire_1_f
.gif',1)"><img
src="<cfoutput>#path#</cfoutput>wwwimg/btnav_chaire_0_f.gif"
name="chaire" width="159" height="16" border="0"></a><img
src="<cfoutput>#path#</cfoutput>wwwimg/grnav_vline.gif" width="1"
height="16" border="0"><a
href="<cfoutput>#path#index.cfm?no_lang=#no_lang#</cfoutput>"
onMouseOver="hideMenu(); popup('manuel'); menuimg_act('manuel',null,1);
overmenu=1;" onMouseOut="overmenu=0; menutimeout('manuel')"><img
src="<cfoutput>#path#</cfoutput>wwwimg/btnav_manuel_0_f.gif"
name="manuel"
width="53" height="16" border="0"><img
src="<cfoutput>#path#</cfoutput>wwwimg/grnav_vline.gif" width="1"
height="16" border="0"></a><a
href="<cfoutput>#path#plancours.cfm?no_lang=#no_lang#</cfoutput>"
onMouseOver="hideMenu(); popup('plans'); menuimg_act('plans',null,1);
overmenu=1;" onMouseOut="overmenu=0; menutimeout('plans')"><img
src="<cfoutput>#path#</cfoutput>wwwimg/btnav_plans_0_f.gif"
name="plans"
width="91" height="16" border="0"></a><a href="#"
onMouseOver="hideMenu();
popup('manuel'); menuimg_act('manuel',null,1); overmenu=1;"
onMouseOut="overmenu=0; menutimeout('manuel')"><img
src="<cfoutput>#path#</cfoutput>wwwimg/grnav_vline.gif" width="1"
height="16" border="0"></a><a
href="<cfoutput>#path#auteurs.cfm?no_lang=#no_lang#</cfoutput>"
onMouseOut="MM_swapImgRestore()" onMouseOver="hideMenu();
MM_swapImage('index','','<cfoutput>#path#</cfoutput>wwwimg/btnav_index_1_f.g
if',1)"><img
src="<cfoutput>#path#</cfoutput>wwwimg/btnav_index_0_f.gif"
name="index" width="109" height="16" border="0"></a></td>
</tr>
<tr>
<td valign="top"><img
src="<cfoutput>#path#</cfoutput>wwwimg/ph_nav_2.jpg" alt=""
width="160"
height="13"></td>
</tr>
</table>
<div id="manuellayer" style="position: absolute; z-index: 10; top: 200;
left: 200; visibility: hidden" onMouseOver="overmenu=1;"
onMouseOut="overmenu=0; menutimeout('manuel')">
<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img
src="<cfoutput>#path#</cfoutput>wwwimg/spacer.gif" 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="<cfoutput>#path#mission.cfm?no_lang=#no_lang#</cfoutput>">Mission</a><
/td>
</tr>
<tr>
<td align="left" valign="middle" bgcolor="FFDB94"
class="subNav"><a
href="<cfoutput>#path#presentation.cfm?no_lang=#no_lang#</cfoutput>">Pr&eacu
te;sentation
du manuel</a></td>
</tr>
<tr>
<td align="left" valign="middle" bgcolor="FFDB94"
class="subNav"><a
href="<cfoutput>#path#correspondance.cfm?no_lang=#no_lang#</cfoutput>">Corre
spondance des éditions</a></td>
</tr>
<tr>
<td align="left" valign="middle" bgcolor="FFDB94"
class="subNav"><a
href="<cfoutput>#path#proposer_doc.cfm?no_lang=#no_lang#</cfoutput>">Propose
z
un document</a></td>
</tr>
<tr>
<td align="left" valign="middle" bgcolor="FFDB94"
class="subNav"><a
href="<cfoutput>#path#maj.cfm?no_lang=#no_lang#</cfoutput>">Mises
à jour</a></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="planslayer" style="position: absolute; z-index: 10; top: 200; left:
200; visibility: hidden;" onMouseOver="overmenu=1;" onMouseOut="overmenu=0;
menutimeout('interruptionssec')">
<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img
src="<cfoutput>#path#</cfoutput>wwwimg/spacer.gif" 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="<cfoutput>#path#plancours.cfm?no_lang=#no_lang#</cfoutput>">Plan
de cours</a></td>
</tr>
<tr>
<td valign="middle" bgcolor="FFDB94" class="subNav"><a
href="<cfoutput>#path#plancourscycle.cfm?no_lang=#no_lang#&cycle=P</cfoutput
>">Premier
cycle</a></td>
</tr>
<tr>
<td valign="middle" bgcolor="FFDB94" class="subNav"><a
href="<cfoutput>#path#plancourscycle.cfm?no_lang=#no_lang#&cycle=D</cfoutput
>">Deuxième
cycle</a></td>
</tr>
<tr>
<td valign="middle" bgcolor="FFDB94" class="subNav"><a
href="<cfoutput>#path#plancourscycle.cfm?no_lang=#no_lang#&cycle=F</cfoutput
>">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" onMouseOver="overmenu=1;" onMouseOut="overmenu=0;
menutimeout('extactionssec')">
<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img
src="<cfoutput>#path#</cfoutput>wwwimg/spacer.gif" 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="<cfoutput>#path#</cfoutput>auteurs.cfm">Liste des
auteurs</a></td>
</tr>
<tr>
<td bgcolor="FFDB94" class="subNav"><a
href="<cfoutput>#path#</cfoutput>auteurs.cfm">Biographie</a></td>
</tr>
<tr>
<td bgcolor="FFDB94" class="subNav"><a
href="<cfoutput>#path#</cfoutput>auteurs.cfm">Liens
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 = "<cfoutput>#path#</cfoutput>wwwimg/btnav_" + name +
"_1_f.gif"
this.off = new Image();
this.off.src = "<cfoutput>#path#</cfoutput>wwwimg/btnav_" + 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 = tocItem[imgName].on.src
}
}
function img_inact (imgName, openmenu)
// Hide Image
{
if (document.images)
document[imgName].src = tocItem[imgName].off.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 = tocItem[imgName].on.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 = tocItem[imgName].off.src;
}
}
menutimeout(openmenu);
overmenu=0;
}
if (document.images != null) {
toc_new('manuel');
toc_new('plans');
toc_new('index');
}
// -->
</script>
________________________________
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
________________________________
|
May 24, 2012
|
Latest Fusion Authority Articles
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
