Re: [Dynapi-Widgetdev] MenuList widget

[Alan M. <amu...@ra...>]

Hi Lars,
I was forced to solve the problem with the original dynlayer, since I had=20
to fix an app that used it (without rewriting it from scratch).
I had stripped down the original list widget so that it uses no cascading=20
lists or images.

The problem I experienced is that the item does not respond when clicked=20
over the text in ie5.5.

In the ListBuild() method, two divs (layers) are created for each menu=20
item.  Problem with ie5.5 is that the one with the event handlers for the=20
mouse events, "lyre", was not getting the events.  I got it to work (in=20
part) by adding event handlers for the other div, "lyr".

I am now working on reproducing a simple menu based on the list widget html=
=20
example currently in the CVS and have noticed some bugs (which I posted=20
yesterday to the "help" list.

I have not tested the DynAPI (II) list widget in ie 5.5, so I cannot speak=
=20
directly to your question, but it has some minor problems even in 5.0.

Below is the message I posted to the "help" list:
Can someone make the fixes and check-in these files?
----------------------
dynapi.gui.list.js:
In the function definition for List.setColors():
List.prototype.setColors =3D=20
function(bg,bgRoll,bgSelect,textNormal,textRoll,textSelect){
     var ls =3D this.listStyle;
         // The line below is the original and seems incorrect.
         // ls *is* a listStyle and does not have a field called listStyle:
         // ls.listStyle.bg =3D bg||ls.bg;
         // I replaced the line with the one below:
         ls.bg =3D bg||ls.bg;
         ....
};
---------------------------
dynapi.gui.list.html:
In the example, NS Rollover colors don't work with the original 4 list=20
items, but do with any "added" items.  By adding the list to the DynAPI doc=
=20
*before* adding the listItems to the list, this is fixed:
<script language=3D"Javascript">
DynAPI.onLoad =3D function() {
   list =3D new List();
         ...
   // AM Widget fix: addChild() must precede list.add() for rollover to=20
work in NS:
   DynAPI.document.addChild(list);
   list.add('Item One', 1);
   list.add('Item Two', 2);
   list.add('Item Three', 3);
   list.add('Item Four', 4);
   // Originally the addChild line was here:
   // DynAPI.document.addChild(list);
}
</script>
-------------------------
There is a further bug in running the example, which I have not yet caught,=
=20
but suspect is in list.js, but may lie deeper:
In IE 5.0 (untested in 5.5 by me), the mouseout events do not work when the=
=20
pointer is over the text in the list.  In other words, the rollover color=20
(for the listItem) changes back to the normal bg color only when the=20
pointer is over the blank space in the list.  If the pointer is over the=20
text when it leaves the listItem, the rollover color remains.  Any ideas?

At 04:25 PM 1/17/01 +0100, Lars Kohsel wrote:
>Hi
>
>DynApi I had a Menulist widget, which worked just fine in IE50, but not in=
=20
>IE55. No widgets has been released for DYNAPI II therefor I ask this=20
>question to you guys:
>
>Has anyone solved the problem that the MenuList widget does not respond to=
=20
>clicks in IE 55. ?
>
>Best regards
>Lars Hejls=F8 Kohsel
>
>---------------o0o-----------------
>Kohsel Data
>Haugevej 40 - 8620 Kjellerup
>Tlf. 8688 8848
>Fax 8688 8847
><mailto:in...@ko...>in...@ko...
>www.kohsel.com
>---------------o0o-----------------
>
>