Dynlayers are nested 10 deep : Nested Layer : Ajax Layer JAVASCRIPT DHTML TUTORIALS


JAVASCRIPT DHTML TUTORIALS » Ajax Layer » Nested Layer »

 

Dynlayers are nested 10 deep



<html>
<head>
<title>Return false test</title>
<style>
.testClass{
  color: red;
}
</style>
<script language="Javascript" src="./dynapisrc/dynapi.js"></script>
<script language="Javascript">
dynapi.library.setPath('./dynapisrc/');
dynapi.library.include('dynapi.debug');
dynapi.library.include('dynapi.api');
dynapi.library.include('DragEvent');
</script>
<script language="Javascript">

myHtml='<a style="color:green;" href="http://www.cnn.com" onclick="alert('hi');return false;">Return false</a><br /><a class="testClass" href="http://www.cnn.com" onclick="alert('hi');return true;">Return true</a>'

function make10(){
    myLayers=[]
    myLayers[0new DynLayer(myHtml,100,200,500,500,"#AA0000")

    for(i=1;i<11;i++){
      c="#BB"+(i-1)+"A"+(i-1)+"A"
      myLayers[inew DynLayer(myHtml,30,40,500,500,c)
      myLayers[i-1].addChild(myLayers[i])
      if(i==10)dynapi.document.addChild(myLayers[0])
    }

    for(i=0;i<11;i++){
      DragEvent.enableDragEvents(myLayers[i])
    }
}

</script>
</head>

<body >
<a class="testClass" href="#" onclick="make10()">make 10 nested layers</a><br />

<b>Issue</b><br />
This is a test where Dynlayers are nested 10 deep, and each one contains one link with:<br />
style="color='green'"<br />
and one with:
class="testClass"<br />
"testClass" has been defined in the &lt;style> tags at the top of the page.<br /><br />

This would mainly affect NS4.<br />
P.s. Only te second link should navigate to CNN each time.



</body>
</html>
           
       

Download : Download nav_dynapi.zip nav_dynapi.zip


-

Leave a Comment / Note


 
Verification is used to prevent unwanted posts (spam). .

Follow Navioo On Twitter

JAVASCRIPT DHTML TUTORIALS

 Navioo Ajax Layer
» Nested Layer