[Dynapi-CVS] CVS: dynapi/tests link_and_form_events_NS4.html,NONE,1.1

SourceForge Headquarters 225 Broadway Suite 1600 San Diego, CA 92101 +1 (858) 422-6466

Update of /cvsroot/dynapi/dynapi/tests
In directory usw-pr-cvs1:/tmp/cvs-serv13664

Added Files:
	link_and_form_events_NS4.html 
Log Message:
testpage, to check mouse+keyboard events keep working in NS4

--- NEW FILE ---
<html>

<head>
<title>Test Page - Layer.Forms</title>
<script language="Javascript" src="../src/dynapi.js"></script>
<script language="Javascript">

DynAPI.setLibraryPath('../src/lib/')
DynAPI.include('dynapi.api.*')
DynAPI.include('dynapi.event.listeners.js')
DynAPI.include('dynapi.event.mouse.js')
DynAPI.include('dynapi.event.keyboard.js')

</script>
<script language="Javascript">

DynAPI.onLoad=function(){

	myLayer=new DynLayer(null,135,120,220,180)
	myLayer.setBgColor('#cccccc')
	myLayer.setHTML(htmlcode)

	// when an event listener is added
	// form elements stop responding to events
	e= new EventListener()
	e.onclick=function(e,control){
		alert("in myLayer.onclick")
	}
	myLayer.addEventListener(e)

	DynAPI.document.addChild(myLayer)

	myListener = new EventListener(DynAPI.document)

		myListener.onkeyup=function(e) {
			if (e.charKey=='s') alert('You\'ve found the secret key')
			if ((e.charKey>='a')&&(e.charKey<='z')) alert('You pressed the key  \''+e.charKey+'\'.')
		}
		myListener.onkeydown=function(e) {
			if (e.ctrlKey) { myLayer.moveBy(20,20);return true }
			if (e.shiftKey) alert('SHIFT!')
		}

	DynAPI.document.addEventListener(myListener)

}

var htmlcode='<form name=myform><table border="0" cellspacing="1">'
htmlcode+='<tr><td><font face="Arial" size="2">Name</font></td>'
htmlcode+='<td><input onchange="alert(\'change\')" type=text size="15" name="fname"></td></tr>'
htmlcode+='<tr><td><font face="Arial" size="2">Address</font></td>'
htmlcode+='<td><input onchange="alert(\'change\')" type=text size="15" name="address"></td></tr>'
htmlcode+='<tr><td colspan="2"><font face="Arial" size="2"><input onclick="alert(\'click\')" type=radio name="gender" value="male">Male&nbsp;</font>'
htmlcode+='<input onclick="alert(\'click\')" type=radio name="gender" value="female"><font face="Arial" size="2">Female</font></td></tr>'
htmlcode+='<tr><td colspan="2" align="right"><input onclick="alert(\'click\')" type=button name=cmd value=Button></td></tr>'
htmlcode+='</table></form><a href="#" onclick="alert(\'click\')">click here test the onclick event</a>'

</script>
</head>
<body>
Issue: In NS4 form elements do not respond to mouse or keyboard events. 
This issue only occurs when the mouse.js and keybord.js events are included and an event listener is added to the layer. The same goes for hyperlinks
 [update 25/Oct/2001]
 As of now this issue should be fixed.
 A keyevent has been added to the DynAPI.document, and an onclick event to the DynLayer for testing.
 
Discrepancies: (tested on win2000)
 IE:
 The DynAPI onclick event is caught by all form elements on the DynLayer.
 The DynAPI onkeyup event is caught at all times.
 The textbox' change event is caught when changing focus to another element.
 NS4:
 The DynAPI onclick event is only caught by the hyperlink, and the DynLayer.
 The DynAPI onkeyup event is not caught when a form element has the focus.
 The textbox' change event is caught when changing focus to another element.
 Mozilla (NS6):
 The DynAPI onclick event is caught by all form elements on the DynLayer.
 The DynAPI onkeyup event is caught at all times.
 The textbox' change event is caught on each keyup.
 

</body>
</html>