[prev in list] [next in list] [prev in thread] [next in thread]
List: kde-bugs-dist
Subject: Bug#20290: no crash in KDE 2.2, but Mouse Event handler (DOM, KJS) doesn't work, testcase included
From: Vadim Plessky <lucy-ples () mtu-net ! ru>
Date: 2001-10-31 14:19:53
[Download RAW message or body]
severity 20290 normal
retitle 20290 Mouse Event handler (DOM) doesn't work in KJS/DOM model
stop
On Monday 12 February 2001 14:32, Peter Kelly wrote:
| I think this one should be fairly easy to fix... could you send a URL or
| file for me to test it with?
--------------------------------------------
<HTML>
<HEAD>
<TITLE>Mouse (Event) Test</TITLE>
<STYLE TYPE="text/css">
<!--
.mypanelclass
{
border-width: 2px;
border-style: solid;
border-color: #000000;
font: 12px arial,helvetica;
background: #ffffff;
z-index: 10;
layer-background-color: #ffffff;
}
#mypanel {
position:absolute;
top:300px;
left:80px;
width:300px;
height:200px;
border: medium solid Red;
padding: 0px;
overflow : scroll;
}
-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
var DOM = (document.getElementById) ? true : false;
var NN4 = (document.layers) ? true : false;
var IE = (document.all) ? true : false;
var IE4 = IE && !DOM;
var Mac = (navigator.appVersion.indexOf("Mac") != -1);
var IE4Mac = IE4 && Mac;
var IE5Win = IE && !Mac;
var NS6 = (navigator.vendor == ("Netscape6") || navigator.product ==
("Gecko"));
// for Netscape Navigator 4 compatibility
var oldtext="";
var debug = true;
var s=""; // temporary string
if (debug)
alert("DOM= "+DOM+"\n IE="+IE+"\n NN4= "+NN4);
function InitParams()
{
if( IE)
{
var WindowLeftEdge = document.body.scrollLeft;
var WindowTopEdge = document.body.scrollTop;
OrigWidth = document.body.clientWidth;
OrigHeight = document.body.clientHeight;
}
else
{
/*
var ExtraSpace = 10;
var WindowLeftEdge = (IE) ? document.body.scrollLeft : window.pageXOffset;
var WindowTopEdge = (IE) ? document.body.scrollTop : window.pageYOffset;
var WindowWidth = (IE) ? document.body.clientWidth : window.innerWidth;
var WindowHeight = (IE) ? document.body.clientHeight : window.innerHeight;
var WindowRightEdge = (WindowLeftEdge + WindowWidth) - ExtraSpace;
var WindowBottomEdge = (WindowTopEdge + WindowHeight) - ExtraSpace;
*/
var WindowLeftEdge = window.pageXOffset;
var WindowTopEdge = window.pageYOffset;
OrigWidth = window.innerWidth;
OrigHeight = window.innerHeight;
};
alert ("OrigWidth = "+OrigWidth+" OrigHeight= "+ OrigHeight+"\n
WindowLeftEdge= "+WindowLeftEdge+" WindowTopEdge= "+WindowTopEdge);
}
var panel;
function ClickHandler(e)
{
/* Here are parameters DynAPI looking for:
// events.js
var pageX, pageY, x, y;
pageX= IE? e.x+document.body.scrollLeft: e.pageX-window.pageXOffset
pageY= IE? e.y+document.body.scrollTop:e.pageY-window.pageYOffset
x= IE? e.offsetX:e.layerX
y= IE? e.offsetY:e.layerY
var b= IE? e.button: e.which
and, in line 103: (events.js)
var which=(is.ie||is.ns5)?e.button:e.which
var alt,ctrl,shft
if ( IE || NS5 ){
alt=(e.altKey||e.altLeft)?true:false
ctrl=(e.ctrlKey||e.ctrlLeft)?true:false
shft=(e.shiftKey||e.shiftLeft)?true:false
}
if ( NN4 ){
var m=e.modifiers
alt=(m==1||m==3||m==5||m==7)?true:false
ctrl=(m==2||m==3||m==6||m==7)?true:false
shft=(m==4||m==5||m==6||m==7)?true:false
}
**********************************************
Mozilla / NS6
e.button Button pressed
= 65535 no button was pressed (mouseOver)
= 1 Left
= 2 Middle
= 3 Right
Netscape navigator 4.x
e.which Button Pressed
= 0 no button was pressed (mouseOver)
= 1 Left
*/
if(IE) e = event;
x_Offset = (IE) ? e.offsetX : e.layerX;
y_Offset = (IE) ? e.offsetY : e.layerY;
// document.write("<BR>Mouse clicked");
// document.write("<BR>clientX,clientY = " +e.clientX, e.clientY);
if (NN4)
{
// if (e.type != "click") return true;
// alert( "Clicked in Netscape 4.x (doesn't work onMouseOver H2, only A
HREF)");
if (s=="") s= "Clicked in Netscape 4.x (doesn't work onMouseOver H2, only
A HREF)";
else
s = "<BR>X (e.pageX)= " +e.pageX+", Y (e.pageY)= "+e.pageY;
s = s+"<BR> x_Offset= " +x_Offset+", y_Offset = "+y_Offset;
s = s+"<BR>button (e.which)= "+e.which;
s = s+"<BR> e.type "+e.type;
s = s+"<BR> window.pageXOffset = "+window.pageXOffset+"
window.pageYOffset= "+window.pageYOffset;
}
else
{
s= "<BR>clientX= " +e.clientX+", clientY = "+e.clientY;
s= s+"<BR> x_Offset= " +x_Offset+", y_Offset = "+y_Offset;
s= s+"<BR>screenX= " +e.screenX+", screenY = "+e.screenY;
// 1 == Left Button, 3 = Right Button, 2 == Middle Button (Mozilla)
s = s+"<BR>e.button= "+e.button;
s = s+"<BR> e.type= "+e.type;
if (IE)
{
s = s+ "<BR> e.x= "+e.x+" e.y= "+e.y;
s = s+ "<BR>document.body.scrollLeft = "+document.body.scrollLeft+"
.scrollTop= "+document.body.scrollTop;
}
else
{
// well, it is not IE and not NN 4.7x
// so, what it is? May be, Mozilla?
s = s+"<BR> window.pageXOffset = "+window.pageXOffset+"
window.pageYOffset= "+window.pageYOffset;
s = s+ "<BR>X (e.pageX)= " +e.pageX+", Y (e.pageY)= "+e.pageY;
}
pageX= IE? e.x+document.body.scrollLeft: e.pageX-window.pageXOffset;
pageY= IE? e.y+document.body.scrollTop: e.pageY-window.pageYOffset;
var ClickElement = (IE) ? e.srcElement : e.target;
if(NS6)
{
while(ClickElement.tagName==null)
{
ClickElement = ClickElement.parentNode;
}
}
s = s+ "<BR>Event Element.ID ="+ClickElement.id;
s= s+ "<BR> Element.tagName
="+ClickElement.tagName;
}
// alert("clientX,clientY = " +e.clientX+","+e.clientY);
// writeToID( s, "mypanel");
AddToID( s, "mypanel");
}
function AddToID(text,id)
{
var previous;
if (DOM)
{
x = document.getElementById(id);
previous = x.innerHTML;
x.innerHTML = previous+'\n'+text;
}
else if (IE4)
{
x = document.all[id];
previous = x.innerHTML;
x.innerHTML = previous+'\n'+text;
}
else if (NN4)
{
x = document.layers[id];
// alert ("Netscape 4 - Add text to Layer; id="+id );
/*
text2 = '<P CLASS="testclass">' + text + '</P>;';
*/
oldtext = oldtext+text;
// alert( "oldtext="+oldtext);
text2 = '<P CLASS="mypanelclass">' + oldtext + '</P>;';
x.document.open();
x.document.write(text2);
x.document.close();
}
}
function writeToID(text,id)
{
if (DOM)
{
x = document.getElementById(id);
x.innerHTML = text;
}
else if (IE4)
{
x = document.all[id];
x.innerHTML = text;
}
else if (NN4)
{
x = document.layers[id];
text2 = '<P CLASS="mypanelclass">' + text + '</P>;';
x.document.open();
x.document.write(text2);
x.document.close();
}
}
</SCRIPT>
</HEAD>
<!-- calculate OrigWidth and OrigHeight, hook required for MS IE only
-->
<BODY onLoad="InitParams()">
<H2>Mouse Events (onMouseOver, onMouseClick)</H2>
<H2 ID="Tag no 2, with Click" onClick="ClickHandler(event)"
onMouseDown="ClickHandler(event)"
onMouseUp="ClickHandler(event)">Click mouse when it is inside this tag</H2>
<TABLE WIDTH="300px" BORDER="1" CELLSPACING="5" CELLPADDING="5"
BGCOLOR="Gray">
<TR>
<TD>
<!--
<H2 ID="Tag no 3, MouseOver" onMouseOver="ClickHandler(event)
onClick="ClickHandler(event)" onMouseOut="ClickHandler(event)">
Move <I>mouseOver</I> this tag, Click it or just move mouseOut</H2>
-->
<H2 ID="Tag no 3, with 3 event Handlers" onMouseOver="ClickHandler(event)"
onClick="ClickHandler(event)"
onMouseOut="ClickHandler(event)">
Move <I>mouseOver</I> this tag, Click it or just move mouseOut</H2>
</TD>
</TR>
</TABLE>
<!--
<P><A HREF="OldBrowsersGoesHere.html" onMouseOver="popUp('HM_Menu3',event)"
onMouseOut="popDown('HM_Menu3')" onClick="return false">A HREF
OnMouseOver</A>
</P>
-->
<P><A HREF="OldBrowsersGoesHere.html" onMouseOver="ClickHandler(event)"
onMouseOut="return false" onClick="return false">A HREF OnMouseOver</A>
</P>
<P><A HREF="OldBrowsersGoesHere.html" onMouseOver="return false"
onMouseOut="return false" onClick="ClickHandler(event); return false">A HREF
onClick</A>
</P>
<DIV CLASS="mypanelclass" ID="mypanel">
Mouse events are listed here:
</DIV>
<!-- for Netscape 4.x compatibility -->
<SCRIPT LANGUAGE="JavaScript">
// panel = document.getElementById("mypanel");
if (NN4) AddToID( "Change to Netscape", "mypanel");
</SCRIPT>
</BODY>
</HTML>
--------------------------------------------
--
Vadim Plessky
http://kde2.newmail.ru (English)
33 Window Decorations and 6 Widget Styles for KDE
http://kde2.newmail.ru/kde_themes.html
KDE mini-Themes
http://kde2.newmail.ru/themes/
[prev in list] [next in list] [prev in thread] [next in thread]
Configure |
About |
News |
Add a list |
Sponsored by KoreLogic