Menu
▾
▴
[Dynapi-Dev] [Bug #126296] Multiple layers do not display in MAC IE 5
|
From: <no...@so...> - 2001-01-12 19:19:54
|
Bug #126296, was updated on 2000-Dec-19 02:15
Here is a current snapshot of the bug.
Project: DynAPI 2
Category: Browser-Specific Issue
Status: Closed
Resolution: Wont Fix
Bug Group: None
Priority: 5
Submitted by: nobody
Assigned to : nobody
Summary: Multiple layers do not display in MAC IE 5
Details: The following page displays nothing on Mac IE 5. It works fine on
NN 4 Win, Mac and Linux, and on IE 5 for Win.
<!-- begin -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>DynAPI Examples - The Dynamic Layer Object API [Glide Methods
Demo]</title>
<script language="Javascript" src="../js/dynapi.js"></script>
</head>
<body bgcolor="Fuchsia">
<script language="Javascript">
DynAPI.setLibraryPath('../js/lib/')
DynAPI.include('dynapi.api.dynlayer')
DynAPI.include('dynapi.api.browser')
DynAPI.include('dynapi.api.dyndocument')
DynAPI.include('dynapi.ext.slide')
var baseMenuLevel = 300;
var menuLayerArray = new Array();
DynAPI.onLoad = function() {
MenuLayer1 = new DynLayer(null,20,baseMenuLevel,80,0,'')
menuLayerArray[0] = MenuLayer1
MenuLayer1.setHTML('<table width="80" cellspacing="2" cellpadding="0"
border="0"><tr><td bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr><tr> <td
bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr></table>')
this.document.addChild(MenuLayer1)
MenuLayer2 = new DynLayer(null,100,baseMenuLevel,80,0,'')
menuLayerArray[1] = MenuLayer2
MenuLayer2.setHTML('<table width="80" cellspacing="2" cellpadding="0"
border="0"><tr> <td bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr></table>')
this.document.addChild(MenuLayer2)
MenuLayer3 = new DynLayer(null,180,baseMenuLevel,80,0,'')
menuLayerArray[2] = MenuLayer3
MenuLayer3.setHTML('<table width="80" cellspacing="2" cellpadding="0"
border="0"><tr><td bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr><tr> <td
bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr></table>')
this.document.addChild(MenuLayer3)
MenuLayer4 = new DynLayer(null,260,baseMenuLevel,80,0,'')
menuLayerArray[3] = MenuLayer4
MenuLayer4.setHTML('<table width="80" cellspacing="2" cellpadding="0"
border="0"><tr><td bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr></table>')
this.document.addChild(MenuLayer4)
MenuLayer5 = new DynLayer(null,340,baseMenuLevel,80,0,'')
menuLayerArray[4] = MenuLayer5
MenuLayer5.setHTML('<table width="80" cellspacing="2" cellpadding="0"
border="0"><tr><td bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr><tr><td
bgcolor="#ffffff"> </td></tr></table>')
this.document.addChild(MenuLayer5)
MenuBar = new DynLayer()
MenuBar.setSize(400,30)
MenuBar.setBgColor('yellow')
MenuBar.setHTML('<table height="30" cellspacing="0" cellpadding="0"
border="1"><tr><td width="80" align="center"><a
href="javascript:showHide(MenuLayer1)">Menu 1</a></td><td width="80"
align="center"><a href="javascript:showHide(MenuLayer2)">Menu 2</a></td><td
width="80" align="center"><a href="javascript:showHide(MenuLayer3)">Menu
3</a></td><td width="80" align="center"><a
href="javascript:showHide(MenuLayer4)">Menu 4</a></td><td width="80"
align="center"><a href="javascript:showHide(MenuLayer5)">Menu
5</a></td></tr></table>')
MenuBar.moveTo(20,baseMenuLevel)
this.document.addChild(MenuBar)
}
function showHide(target) {
for (i = 0; i < menuLayerArray.length; i++) {
var otherDiv = menuLayerArray[i];
if (otherDiv != target)
otherDiv.slideTo(otherDiv.x,baseMenuLevel,10,10);
}
if (target.y == baseMenuLevel) target.slideBy(0,-target.h,10,10);
else target.slideTo(target.x,baseMenuLevel,10,10);
}
//-->
</script>
</body>
</html>
Follow-Ups:
Date: 2001-Jan-12 11:20
By: dcpascal
Comment:
Caused by a browser problem with DOCTYPE part.. is a browser problem, not a
DynAPI problem.
-------------------------------------------------------
Date: 2000-Dec-19 03:39
By: nobody
Comment:
Same thing with IE 4.5 on Mac
-------------------------------------------------------
For detailed info, follow this link:
http://sourceforge.net/bugs/?func=detailbug&bug_id=126296&group_id=5757
|
