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">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</td></tr><tr> <td
bgcolor="#ffffff">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</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">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</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">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</td></tr><tr> <td
bgcolor="#ffffff">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</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">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</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">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</td></tr><tr><td
bgcolor="#ffffff">&nbsp;</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

_______________________________________________
Dynapi-Dev mailing list
[EMAIL PROTECTED]
http://lists.sourceforge.net/lists/listinfo/dynapi-dev

Reply via email to