Thread: [Dynapi-Widgetdev] Select list widget

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

Can anyone tell me if there is a select list / combo box / drop-down widget
for the newest version of the DynAPI, like Dan wrote for the initial DynAPI?

Thanks, Ben

There is a list widget amongst the core distribution (
gui/list.js ) and there was someone who had written a
custom drop-down widget (don't remember who or where
it was to be found unfortunatly). 
A combo could probably be made from those in
combination with some textfield widget I seem to
remeber Michael Pemberton had in his AfroAPI
distribution (using keyevents). I think it could be
done. If only I had the time to at least show you
better where to begin...

Henrik Våglin [hv...@ya...]

 --- Ben Empson <ben...@ea...> skrev: >
Can anyone tell me if there is a select list / combo
> box / drop-down widget
> for the newest version of the DynAPI, like Dan wrote
> for the initial DynAPI?
> 
> Thanks, Ben
> 
> 
> _______________________________________________
> Dynapi-Widgetdev mailing list
> Dyn...@li...
>
http://lists.sourceforge.net/lists/listinfo/dynapi-widgetdev

_____________________________________________________
Do You Yahoo!?
Dit...@ya... - skaffa en gratis mailadress på http://mail.yahoo.se

OK, I will rise to the challenge!

I've have go this far, however, now need a bit of help. The problem is - the
label layer is displayed behind the list layer. You'll have to excuse me,
I'm still very new to DHTML / the DynAPI. I know this is a z-index thing.
But, where do I fix it? Neither the label nor list widget take a z-index
argument, so I went into label.js and list.js and amended the line where
they instantiate a DynLayer:

Label.prototype = new DynLayer();

and put in null for all other arguments but z-index.

Label.prototype = new DynLayer(null,null,null,null,null,null,null,2);

Then I did the same for the list dynalyer call (with a different z-index).
However, this seems to have no effect whatsoever. Here's my selectList
widget code so far (I'm happy to post the rest when I'm finished). I'm
working on IE5.5, Win98.

------------code start---------------

function selectList(title) {
 this.superClass=DynLayer
 this.superClass()
 this.id="selectList"+(selectList.Count++)

 this.moveTo(100,100)
 this.setSize(500,350)
 this.setBgColor('black')

 var l=new EventListener(this)
 l.oncreate=function(e) {
  var o=e.getTarget()

  o.label = new Label('')
  o.label.setText('this is a padded wrappable label')
  o.label.setWrap(true)
  o.label.moveTo(0,0)
  o.label.setBgColor('yellow')
  o.label.setPadding(5)
  o.label.setWidth(250)
  o.label.packHeight()
  o.addChild(o.label)

  o.list = new List()
  o.list.moveTo(0,-75)
  o.list.setWidth(250)
  o.list.setBgColor('#000000')
  o.list.boldOnSelect(true)
  o.list.add("Item One",1)
  o.list.add("Item Two",2)
  o.list.add("Item Three",3)
  o.list.add("Item Four",4)

  o.addChild(o.label)
  o.addChild(o.list)

  o.list.events = new EventListener(o.list)
   o.list.events.onmousedown=function(e){
    if (!o.list.open) {
     o.list.slideTo(0,25)
     o.list.open=true
    } else {
     o.list.slideTo(0,-75)
     o.list.open=false
    }
   }
  o.list.addEventListener(o.list.events)

 }
 this.addEventListener(l)

 return this
}
selectList.Count=0
selectList.prototype=new DynLayer()
selectList.prototype.getSubClass=function() { return button }

-----------code end----------------

OK, I answered my own question (do o.addChild(o.label) before
o.addChild(o.list)). Next question - I can't work out how the borders are
put around the list items. Is there an argument to DynLayer that adds
borders automatically? I can't find anything.

Cheers, Ben

-------------code start--------------

function selectList(title) {
 this.superClass=DynLayer
 this.superClass()
 this.id="selectList"+(selectList.Count++)

 this.moveTo(100,100)
 this.setSize(500,350)
 //this.setBgColor('black')

 var l=new EventListener(this)
 l.oncreate=function(e) {
  var o=e.getTarget()

  o.label = new Label('')
  o.label.moveTo(0,0)
  o.label.setBgColor('#eeeeee')
  o.label.setWidth(250)
  o.label.setHeight(25)
  o.label.setHTML('<b>Click to expand list</b>')

  o.list = new List()
  o.list.moveTo(0,-75)
  o.list.setWidth(250)
  o.list.setBgColor('#000000')
  o.list.boldOnSelect(true)
  o.list.add("Item One",1)
  o.list.add("Item Two",2)
  o.list.add("Item Three",3)
  o.list.add("Item Four",4)

  o.addChild(o.list)
  o.addChild(o.label)

  o.label.events = new EventListener(o.label)
   o.label.events.onmousedown=function(e){
    if (!o.list.open) {
     o.list.slideTo(0,25,20,5)
     o.list.open=true
    } else {
     o.list.slideTo(0,-75,20,5)
     o.list.open=false
    }
   }
  o.label.addEventListener(o.label.events)

  o.list.events = new EventListener(o.list)
   o.list.events.onselect=function(e){
    o.label.setHTML(o.list.getSelectedItem().getHTML())
    o.list.slideTo(0,-75,20,5)
    o.list.open=false
   }
  o.list.addEventListener(o.list.events)

 }
 this.addEventListener(l)

 return this
}
selectList.Count=0
selectList.prototype=new DynLayer()
selectList.prototype.getSubClass=function() { return button }

>Is there an argument to DynLayer that adds
> borders automatically?

No there's not, although there are a few border widgets about.

But if a list cell is based on a label you can use labels formatting
features, there's an example of them here:

http://www.richardinfo.f2s.com/dynapi/Richard_Examples/Label_Properties_Exam
ple.html
(url wraps)
And you can also use the .css property to set css borders yourself, which
won't show in NS4 though, like this:

      myDragLayer.css.padding="4px"  //ie enhancements
      myDragLayer.css.borderWidth="2px"
      myDragLayer.css.borderColor="lightsalmon"
      myDragLayer.css.borderStyle="solid"

this code is from the same example.

Cheers,
Richard Bennett

ma...@ri...
www.richardinfo.com
(Everything running on, and ported to the 19/12/2000 snapshot of DynAPI2)
visit the DynAPI homepage (and FAQ) ::
http://dynapi.sourceforge.net/dynapi/index.php?menu=1
Browse (and search) the mailinglist here:
http://www.mail-archive.com/index.php3?hunt=dynapi

----- Original Message -----
From: "Ben Empson" <ben...@ea...>
To: <dyn...@li...>
Sent: Wednesday, April 18, 2001 9:00 PM
Subject: Re: [Dynapi-Widgetdev] Select list widget

> OK, I answered my own question (do o.addChild(o.label) before
> o.addChild(o.list)). Next question - I can't work out how the borders are
> put around the list items. Is there an argument to DynLayer that adds
> borders automatically? I can't find anything.
>
> Cheers, Ben
>
> -------------code start--------------
>
> function selectList(title) {
>  this.superClass=DynLayer
>  this.superClass()
>  this.id="selectList"+(selectList.Count++)
>
>  this.moveTo(100,100)
>  this.setSize(500,350)
>  //this.setBgColor('black')
>
>  var l=new EventListener(this)
>  l.oncreate=function(e) {
>   var o=e.getTarget()
>
>   o.label = new Label('')
>   o.label.moveTo(0,0)
>   o.label.setBgColor('#eeeeee')
>   o.label.setWidth(250)
>   o.label.setHeight(25)
>   o.label.setHTML('<b>Click to expand list</b>')
>
>   o.list = new List()
>   o.list.moveTo(0,-75)
>   o.list.setWidth(250)
>   o.list.setBgColor('#000000')
>   o.list.boldOnSelect(true)
>   o.list.add("Item One",1)
>   o.list.add("Item Two",2)
>   o.list.add("Item Three",3)
>   o.list.add("Item Four",4)
>
>   o.addChild(o.list)
>   o.addChild(o.label)
>
>   o.label.events = new EventListener(o.label)
>    o.label.events.onmousedown=function(e){
>     if (!o.list.open) {
>      o.list.slideTo(0,25,20,5)
>      o.list.open=true
>     } else {
>      o.list.slideTo(0,-75,20,5)
>      o.list.open=false
>     }
>    }
>   o.label.addEventListener(o.label.events)
>
>   o.list.events = new EventListener(o.list)
>    o.list.events.onselect=function(e){
>     o.label.setHTML(o.list.getSelectedItem().getHTML())
>     o.list.slideTo(0,-75,20,5)
>     o.list.open=false
>    }
>   o.list.addEventListener(o.list.events)
>
>  }
>  this.addEventListener(l)
>
>  return this
> }
> selectList.Count=0
> selectList.prototype=new DynLayer()
> selectList.prototype.getSubClass=function() { return button }
>
>
> _______________________________________________
> Dynapi-Widgetdev mailing list
> Dyn...@li...
> http://lists.sourceforge.net/lists/listinfo/dynapi-widgetdev
>

Thanks Richard. Why does this not work in NS4?

What ? I just tried it and it's fine here on IE5.5 and NS4.7 and ns4.08
It won't work in NS6 yet 'cause it's running on an old version of the API
without ns6 support.
It's not perfect though, the click actions have to be sorted out so the
whole menu collapses instead of just bits of it etc.

----- Original Message -----
From: "Ben Empson" <ben...@to...>
To: <dyn...@li...>
Sent: Thursday, April 19, 2001 1:15 AM
Subject: Re: [Dynapi-Widgetdev] Select list widget

> Thanks Richard. Why does this not work in NS4?
>
>
> _______________________________________________
> Dynapi-Widgetdev mailing list
> Dyn...@li...
> http://lists.sourceforge.net/lists/listinfo/dynapi-widgetdev
>

Hmm, I tried what you said, but got the error 'label.css is null or not an
object'. I don't understand! The line that throws the error is
'o.label.css.padding="3px"'.

function selectList(title) {
 this.superClass=DynLayer
 this.superClass()
 this.id="selectList"+(selectList.Count++)

 this.moveTo(100,100)
 this.setSize(500,350)
 //this.setBgColor('black')

 var l=new EventListener(this)
 l.oncreate=function(e) {
  var o=e.getTarget()

  o.label = new Label('')
  o.label.moveTo(0,0)
  o.label.setBgColor('#eeeeee')
  o.label.setWidth(233)
  o.label.setHeight(25)
  o.label.setHTML('<b>Click to expand list</b>')

  o.label.css.padding="3px"
  o.label.css.borderWidth="2px"
  o.label.css.borderColor="black"
  o.label.css.borderStyle="solid"

  o.list = new List()
  o.list.moveTo(0,-75)
  o.list.setWidth(250)
  o.list.setBgColor('#000000')
  o.list.boldOnSelect(true)
  o.list.add("Item One",10)
  o.list.add("Item Two",20)
  o.list.add("Item Three",30)
  o.list.add("Item Four",'test')

  o.button = new DynLayer(null,233,0,17,25)
  o.button.imgUp = new Image()
  o.button.imgUp.src =
'../dynapi2_51/dynapi/src/lib/dynapi/images/scrollpane/arrowdn0.gif'
  o.button.imgDn = new Image()
  o.button.imgDn.src =
'../dynapi2_51/dynapi/src/lib/dynapi/images/scrollpane/arrowdn1.gif'
  o.button.setBgImage(o.button.imgUp.src)

  o.addChild(o.list)
  o.addChild(o.label)
  o.addChild(o.button)

  o.button.events = new EventListener(o.button)
   o.button.events.onmousedown=function(e){
    o.button.setBgImage(o.button.imgDn.src)
   }

   o.button.events.onmouseup=function(e){
    if (!o.list.open) {
     o.list.slideTo(0,25,20,5)
     o.list.open=true
    } else {
     o.list.slideTo(0,-75,20,5)
     o.list.open=false
    }
    o.button.setBgImage(o.button.imgUp.src)
   }
  o.button.addEventListener(o.button.events)

  o.list.events = new EventListener(o.list)
   o.list.events.onselect=function(e){
    o.label.setHTML(o.list.getSelectedItem().getHTML())
    o.list.slideTo(0,-75,20,5)
    o.list.open=false
   }
  o.list.addEventListener(o.list.events)

 }
 this.addEventListener(l)

 return this
}
selectList.Count=0
selectList.prototype=new DynLayer()
selectList.prototype.getSubClass=function() { return button }

You can only alter the CSS properties once the layer has been written to the
document.
Maybe if you add them after this

  o.addChild(o.list)
  o.addChild(o.label)
  o.addChild(o.button)
  o.list.css etc...

it would work alright. - I assume o has been added to the doc at this point.

Richard.

----- Original Message -----
From: "Ben Empson" <ben...@ea...>
To: <dyn...@li...>
Sent: Thursday, April 19, 2001 1:26 AM
Subject: Re: [Dynapi-Widgetdev] Select list widget

> Hmm, I tried what you said, but got the error 'label.css is null or not an
> object'. I don't understand! The line that throws the error is
> 'o.label.css.padding="3px"'.
>
> function selectList(title) {
>  this.superClass=DynLayer
>  this.superClass()
>  this.id="selectList"+(selectList.Count++)
>
>  this.moveTo(100,100)
>  this.setSize(500,350)
>  //this.setBgColor('black')
>
>  var l=new EventListener(this)
>  l.oncreate=function(e) {
>   var o=e.getTarget()
>
>   o.label = new Label('')
>   o.label.moveTo(0,0)
>   o.label.setBgColor('#eeeeee')
>   o.label.setWidth(233)
>   o.label.setHeight(25)
>   o.label.setHTML('<b>Click to expand list</b>')
>
>   o.label.css.padding="3px"
>   o.label.css.borderWidth="2px"
>   o.label.css.borderColor="black"
>   o.label.css.borderStyle="solid"
>
>   o.list = new List()
>   o.list.moveTo(0,-75)
>   o.list.setWidth(250)
>   o.list.setBgColor('#000000')
>   o.list.boldOnSelect(true)
>   o.list.add("Item One",10)
>   o.list.add("Item Two",20)
>   o.list.add("Item Three",30)
>   o.list.add("Item Four",'test')
>
>   o.button = new DynLayer(null,233,0,17,25)
>   o.button.imgUp = new Image()
>   o.button.imgUp.src =
> '../dynapi2_51/dynapi/src/lib/dynapi/images/scrollpane/arrowdn0.gif'
>   o.button.imgDn = new Image()
>   o.button.imgDn.src =
> '../dynapi2_51/dynapi/src/lib/dynapi/images/scrollpane/arrowdn1.gif'
>   o.button.setBgImage(o.button.imgUp.src)
>
>   o.addChild(o.list)
>   o.addChild(o.label)
>   o.addChild(o.button)
>
>   o.button.events = new EventListener(o.button)
>    o.button.events.onmousedown=function(e){
>     o.button.setBgImage(o.button.imgDn.src)
>    }
>
>    o.button.events.onmouseup=function(e){
>     if (!o.list.open) {
>      o.list.slideTo(0,25,20,5)
>      o.list.open=true
>     } else {
>      o.list.slideTo(0,-75,20,5)
>      o.list.open=false
>     }
>     o.button.setBgImage(o.button.imgUp.src)
>    }
>   o.button.addEventListener(o.button.events)
>
>   o.list.events = new EventListener(o.list)
>    o.list.events.onselect=function(e){
>     o.label.setHTML(o.list.getSelectedItem().getHTML())
>     o.list.slideTo(0,-75,20,5)
>     o.list.open=false
>    }
>   o.list.addEventListener(o.list.events)
>
>  }
>  this.addEventListener(l)
>
>  return this
> }
> selectList.Count=0
> selectList.prototype=new DynLayer()
> selectList.prototype.getSubClass=function() { return button }
>
>
>
> _______________________________________________
> Dynapi-Widgetdev mailing list
> Dyn...@li...
> http://lists.sourceforge.net/lists/listinfo/dynapi-widgetdev
>

Ah, I see (re css).

I think we might be talking at cross-purposes here a little. I'm trying to
build a dynamic select list, such as

<select name = "test">
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

in html, not a cascading menu system, such as Pascal's that you directed me
to.

The question about why it does not work in NS4 was not directed at Pascal's
menus, it was directed at your first e-mail on the subject to do with
changing the css properties. Sorry if I wasn't clear.

I've put what I've done so far up at
http://www.citylightsuk.com/data_ben_13-04-01/Test/selectlist.html - you'll
be able to see what I'm driving at.

Cheers, Ben

----- Original Message -----
From: "Richard Bennett" <ma...@ri...>
To: <dyn...@li...>
Sent: Thursday, April 19, 2001 12:32 AM
Subject: Re: [Dynapi-Widgetdev] Select list widget

> You can only alter the CSS properties once the layer has been written to
the
> document.
> Maybe if you add them after this
>
>   o.addChild(o.list)
>   o.addChild(o.label)
>   o.addChild(o.button)
>   o.list.css etc...
>
> it would work alright. - I assume o has been added to the doc at this
point.
>
> Richard.
>
> ----- Original Message -----
> From: "Ben Empson" <ben...@ea...>
> To: <dyn...@li...>
> Sent: Thursday, April 19, 2001 1:26 AM
> Subject: Re: [Dynapi-Widgetdev] Select list widget
>
>
> > Hmm, I tried what you said, but got the error 'label.css is null or not
an
> > object'. I don't understand! The line that throws the error is
> > 'o.label.css.padding="3px"'.
> >
> > function selectList(title) {
> >  this.superClass=DynLayer
> >  this.superClass()
> >  this.id="selectList"+(selectList.Count++)
> >
> >  this.moveTo(100,100)
> >  this.setSize(500,350)
> >  //this.setBgColor('black')
> >
> >  var l=new EventListener(this)
> >  l.oncreate=function(e) {
> >   var o=e.getTarget()
> >
> >   o.label = new Label('')
> >   o.label.moveTo(0,0)
> >   o.label.setBgColor('#eeeeee')
> >   o.label.setWidth(233)
> >   o.label.setHeight(25)
> >   o.label.setHTML('<b>Click to expand list</b>')
> >
> >   o.label.css.padding="3px"
> >   o.label.css.borderWidth="2px"
> >   o.label.css.borderColor="black"
> >   o.label.css.borderStyle="solid"
> >
> >   o.list = new List()
> >   o.list.moveTo(0,-75)
> >   o.list.setWidth(250)
> >   o.list.setBgColor('#000000')
> >   o.list.boldOnSelect(true)
> >   o.list.add("Item One",10)
> >   o.list.add("Item Two",20)
> >   o.list.add("Item Three",30)
> >   o.list.add("Item Four",'test')
> >
> >   o.button = new DynLayer(null,233,0,17,25)
> >   o.button.imgUp = new Image()
> >   o.button.imgUp.src =
> > '../dynapi2_51/dynapi/src/lib/dynapi/images/scrollpane/arrowdn0.gif'
> >   o.button.imgDn = new Image()
> >   o.button.imgDn.src =
> > '../dynapi2_51/dynapi/src/lib/dynapi/images/scrollpane/arrowdn1.gif'
> >   o.button.setBgImage(o.button.imgUp.src)
> >
> >   o.addChild(o.list)
> >   o.addChild(o.label)
> >   o.addChild(o.button)
> >
> >   o.button.events = new EventListener(o.button)
> >    o.button.events.onmousedown=function(e){
> >     o.button.setBgImage(o.button.imgDn.src)
> >    }
> >
> >    o.button.events.onmouseup=function(e){
> >     if (!o.list.open) {
> >      o.list.slideTo(0,25,20,5)
> >      o.list.open=true
> >     } else {
> >      o.list.slideTo(0,-75,20,5)
> >      o.list.open=false
> >     }
> >     o.button.setBgImage(o.button.imgUp.src)
> >    }
> >   o.button.addEventListener(o.button.events)
> >
> >   o.list.events = new EventListener(o.list)
> >    o.list.events.onselect=function(e){
> >     o.label.setHTML(o.list.getSelectedItem().getHTML())
> >     o.list.slideTo(0,-75,20,5)
> >     o.list.open=false
> >    }
> >   o.list.addEventListener(o.list.events)
> >
> >  }
> >  this.addEventListener(l)
> >
> >  return this
> > }
> > selectList.Count=0
> > selectList.prototype=new DynLayer()
> > selectList.prototype.getSubClass=function() { return button }
> >
> >
> >
> > _______________________________________________
> > Dynapi-Widgetdev mailing list
> > Dyn...@li...
> > http://lists.sourceforge.net/lists/listinfo/dynapi-widgetdev
> >
>
>
> _______________________________________________
> Dynapi-Widgetdev mailing list
> Dyn...@li...
> http://lists.sourceforge.net/lists/listinfo/dynapi-widgetdev

That's really neat , what you've got so far, I'd love to add this widget to
my site when it's done if that's ok.

Setting css does work for NS4, it just doesn't have as many properties as IE
does. (no borders)
There's some more info here:
http://dynapi.sourceforge.net/doccenter/index.php?TroubleShooting

Richard.

----- Original Message -----
From: "Ben Empson" <ben...@to...>
To: <dyn...@li...>
Sent: Thursday, April 19, 2001 2:05 AM
Subject: Re: [Dynapi-Widgetdev] Select list widget

> Ah, I see (re css).
>
> I think we might be talking at cross-purposes here a little. I'm trying to
> build a dynamic select list, such as
>
> <select name = "test">
>     <option value="1">One</option>
>     <option value="2">Two</option>
> </select>
>
> in html, not a cascading menu system, such as Pascal's that you directed
me
> to.
>
> The question about why it does not work in NS4 was not directed at
Pascal's
> menus, it was directed at your first e-mail on the subject to do with
> changing the css properties. Sorry if I wasn't clear.
>
> I've put what I've done so far up at
> http://www.citylightsuk.com/data_ben_13-04-01/Test/selectlist.html -
you'll
> be able to see what I'm driving at.
>
> Cheers, Ben
>
>
> ----- Original Message -----
> From: "Richard Bennett" <ma...@ri...>
> To: <dyn...@li...>
> Sent: Thursday, April 19, 2001 12:32 AM
> Subject: Re: [Dynapi-Widgetdev] Select list widget
>
>
> > You can only alter the CSS properties once the layer has been written to
> the
> > document.
> > Maybe if you add them after this
> >
> >   o.addChild(o.list)
> >   o.addChild(o.label)
> >   o.addChild(o.button)
> >   o.list.css etc...
> >
> > it would work alright. - I assume o has been added to the doc at this
> point.
> >
> > Richard.
> >
> > ----- Original Message -----
> > From: "Ben Empson" <ben...@ea...>
> > To: <dyn...@li...>
> > Sent: Thursday, April 19, 2001 1:26 AM
> > Subject: Re: [Dynapi-Widgetdev] Select list widget
> >
> >
> > > Hmm, I tried what you said, but got the error 'label.css is null or
not
> an
> > > object'. I don't understand! The line that throws the error is
> > > 'o.label.css.padding="3px"'.
> > >
> > > function selectList(title) {
> > >  this.superClass=DynLayer
> > >  this.superClass()
> > >  this.id="selectList"+(selectList.Count++)
> > >
> > >  this.moveTo(100,100)
> > >  this.setSize(500,350)
> > >  //this.setBgColor('black')
> > >
> > >  var l=new EventListener(this)
> > >  l.oncreate=function(e) {
> > >   var o=e.getTarget()
> > >
> > >   o.label = new Label('')
> > >   o.label.moveTo(0,0)
> > >   o.label.setBgColor('#eeeeee')
> > >   o.label.setWidth(233)
> > >   o.label.setHeight(25)
> > >   o.label.setHTML('<b>Click to expand list</b>')
> > >
> > >   o.label.css.padding="3px"
> > >   o.label.css.borderWidth="2px"
> > >   o.label.css.borderColor="black"
> > >   o.label.css.borderStyle="solid"
> > >
> > >   o.list = new List()
> > >   o.list.moveTo(0,-75)
> > >   o.list.setWidth(250)
> > >   o.list.setBgColor('#000000')
> > >   o.list.boldOnSelect(true)
> > >   o.list.add("Item One",10)
> > >   o.list.add("Item Two",20)
> > >   o.list.add("Item Three",30)
> > >   o.list.add("Item Four",'test')
> > >
> > >   o.button = new DynLayer(null,233,0,17,25)
> > >   o.button.imgUp = new Image()
> > >   o.button.imgUp.src =
> > > '../dynapi2_51/dynapi/src/lib/dynapi/images/scrollpane/arrowdn0.gif'
> > >   o.button.imgDn = new Image()
> > >   o.button.imgDn.src =
> > > '../dynapi2_51/dynapi/src/lib/dynapi/images/scrollpane/arrowdn1.gif'
> > >   o.button.setBgImage(o.button.imgUp.src)
> > >
> > >   o.addChild(o.list)
> > >   o.addChild(o.label)
> > >   o.addChild(o.button)
> > >
> > >   o.button.events = new EventListener(o.button)
> > >    o.button.events.onmousedown=function(e){
> > >     o.button.setBgImage(o.button.imgDn.src)
> > >    }
> > >
> > >    o.button.events.onmouseup=function(e){
> > >     if (!o.list.open) {
> > >      o.list.slideTo(0,25,20,5)
> > >      o.list.open=true
> > >     } else {
> > >      o.list.slideTo(0,-75,20,5)
> > >      o.list.open=false
> > >     }
> > >     o.button.setBgImage(o.button.imgUp.src)
> > >    }
> > >   o.button.addEventListener(o.button.events)
> > >
> > >   o.list.events = new EventListener(o.list)
> > >    o.list.events.onselect=function(e){
> > >     o.label.setHTML(o.list.getSelectedItem().getHTML())
> > >     o.list.slideTo(0,-75,20,5)
> > >     o.list.open=false
> > >    }
> > >   o.list.addEventListener(o.list.events)
> > >
> > >  }
> > >  this.addEventListener(l)
> > >
> > >  return this
> > > }
> > > selectList.Count=0
> > > selectList.prototype=new DynLayer()
> > > selectList.prototype.getSubClass=function() { return button }
> > >
> > >
> > >
> > > _______________________________________________
> > > Dynapi-Widgetdev mailing list
> > > Dyn...@li...
> > > http://lists.sourceforge.net/lists/listinfo/dynapi-widgetdev
> > >
> >
> >
> > _______________________________________________
> > Dynapi-Widgetdev mailing list
> > Dyn...@li...
> > http://lists.sourceforge.net/lists/listinfo/dynapi-widgetdev
>
>
> _______________________________________________
> Dynapi-Widgetdev mailing list
> Dyn...@li...
> http://lists.sourceforge.net/lists/listinfo/dynapi-widgetdev
>

> That's really neat , what you've got so far, I'd love to add this widget
to
> my site when it's done if that's ok.

no probs, I'll let you know when it's done.

Thanks for your help, it's much appreciated.

Ben

How can I make a list have a selected item on load? 

Cheers, Ben 

Do you know where I can find the AfroAPI?

----- Original Message -----
From: "Henrik Våglin" <hv...@ya...>
To: <dyn...@li...>
Sent: Wednesday, April 18, 2001 2:11 PM
Subject: Re: [Dynapi-Widgetdev] Select list widget

There is a list widget amongst the core distribution (
gui/list.js ) and there was someone who had written a
custom drop-down widget (don't remember who or where
it was to be found unfortunatly).
A combo could probably be made from those in
combination with some textfield widget I seem to
remeber Michael Pemberton had in his AfroAPI
distribution (using keyevents). I think it could be
done. If only I had the time to at least show you
better where to begin...

Henrik Våglin [hv...@ya...]

 --- Ben Empson <ben...@ea...> skrev: >
Can anyone tell me if there is a select list / combo
> box / drop-down widget
> for the newest version of the DynAPI, like Dan wrote
> for the initial DynAPI?
>
> Thanks, Ben
>
>
> _______________________________________________
> Dynapi-Widgetdev mailing list
> Dyn...@li...
>
http://lists.sourceforge.net/lists/listinfo/dynapi-widgetdev

_____________________________________________________
Do You Yahoo!?
Dit...@ya... - skaffa en gratis mailadress på http://mail.yahoo.se

_______________________________________________
Dynapi-Widgetdev mailing list
Dyn...@li...
http://lists.sourceforge.net/lists/listinfo/dynapi-widgetdev

You can find the examples of it here.

http://freeshell.org/~afroapi/examples/

I'm not entirely sure all widgets and examples would work with the =
official release, but its pretty impressive anyway and can probably be =
able to include with the official with some tweaking.

Henrik V=E5glin [ hv...@ya... ]

----- Original Message -----=20
From: "Ben Empson" <ben...@ea...>
To: <dyn...@li...>
Sent: Friday, April 20, 2001 4:08 PM
Subject: Re: [Dynapi-Widgetdev] Select list widget

> Do you know where I can find the AfroAPI?
>=20
> ----- Original Message -----
> From: "Henrik V=E5glin" <hv...@ya...>
> To: <dyn...@li...>
> Sent: Wednesday, April 18, 2001 2:11 PM
> Subject: Re: [Dynapi-Widgetdev] Select list widget
>=20
>=20
> There is a list widget amongst the core distribution (
> gui/list.js ) and there was someone who had written a
> custom drop-down widget (don't remember who or where
> it was to be found unfortunatly).
> A combo could probably be made from those in
> combination with some textfield widget I seem to
> remeber Michael Pemberton had in his AfroAPI
> distribution (using keyevents). I think it could be
> done. If only I had the time to at least show you
> better where to begin...
>=20
> Henrik V=E5glin [hv...@ya...]
>=20
>=20
>  --- Ben Empson <ben...@ea...> skrev: >
> Can anyone tell me if there is a select list / combo
> > box / drop-down widget
> > for the newest version of the DynAPI, like Dan wrote
> > for the initial DynAPI?
> >
> > Thanks, Ben
> >
> >
> > _______________________________________________
> > Dynapi-Widgetdev mailing list
> > Dyn...@li...
> >
> http://lists.sourceforge.net/lists/listinfo/dynapi-widgetdev
>=20
>=20
> _____________________________________________________
> Do You Yahoo!?
> Dit...@ya... - skaffa en gratis mailadress p=E5 =
http://mail.yahoo.se
>=20
> _______________________________________________
> Dynapi-Widgetdev mailing list
> Dyn...@li...
> http://lists.sourceforge.net/lists/listinfo/dynapi-widgetdev
>=20
>=20
> _______________________________________________
> Dynapi-Widgetdev mailing list
> Dyn...@li...
> http://lists.sourceforge.net/lists/listinfo/dynapi-widgetdev

_________________________________________________________
Do You Yahoo!?
Get your free @yahoo.com address at http://mail.yahoo.com

If you find me online, mpember.d2g.com/afroapi should work.  i'm in two
minds as to whether or not make it a sourgeforge project.  it has developed
to the point where it is extremely different to the dynapi.

at the moment, no docs and no website.  just browse to the
http://mpember.d2g.com/dhtml/afroapi_download/ to download a version.  it
changes fairly regularly so just email if you have any questions.  If you
have ICQ, I am easier to reach using that.

Ben Empson wrote:

> Do you know where I can find the AfroAPI?

--
Michael Pemberton
mp...@ph...
ICQ: 12107010

It seems as though you've gone down the sourceforge route! I went to
mpember.d2g.com/afroapi and got redirected to
http://afroapi.sourceforge.net/afroapi/.

Anyway, I also got several javascript errors - line 50 - DynWidgets is
undefined. I got the same thing from http://mpember.d2g.com

I look forward to seeing what you've done when able to!

Cheers, Ben

----- Original Message -----
From: "Michael Pemberton" <mp...@ph...>
To: <dyn...@li...>
Sent: Sunday, April 22, 2001 5:19 AM
Subject: Re: [Dynapi-Widgetdev] Select list widget

> If you find me online, mpember.d2g.com/afroapi should work.  i'm in two
> minds as to whether or not make it a sourgeforge project.  it has
developed
> to the point where it is extremely different to the dynapi.
>
> at the moment, no docs and no website.  just browse to the
> http://mpember.d2g.com/dhtml/afroapi_download/ to download a version.  it
> changes fairly regularly so just email if you have any questions.  If you
> have ICQ, I am easier to reach using that.
>
> Ben Empson wrote:
>
> > Do you know where I can find the AfroAPI?
>
> --
> Michael Pemberton
> mp...@ph...
> ICQ: 12107010
>
>
>
>
> _______________________________________________
> Dynapi-Widgetdev mailing list
> Dyn...@li...
> http://lists.sourceforge.net/lists/listinfo/dynapi-widgetdev

the sourceforge setup isn't really operational yet.  I'm am still in two minds
as to whether or not I should use it.

I am not a software developer and have very little time for thr administration
of a standalone project.

The sourceforge site is a bit out of date as I am currently redesigning the
file structrue of the api. this should make the growth of it a bit more logical
in the future.

I'm also removing the use of the work DynAPI except for in the credits.  This
should remove the view that it is possible to use existing code with my
distribution.

My code is so different in it's structure that there is NO method of converting
the existing widgets without a great deal of code conversion.

I am more than willing to help someone out if they wish to make the conversion
but I am not ready to write the required docs.

Ben Empson wrote:

> > If you find me online, mpember.d2g.com/afroapi should work.  i'm in two
> > minds as to whether or not make it a sourgeforge project.  it has
> developed
> > to the point where it is extremely different to the dynapi.
> >
> > at the moment, no docs and no website.  just browse to the
> > http://mpember.d2g.com/dhtml/afroapi_download/ to download a version.  it
> > changes fairly regularly so just email if you have any questions.  If you
> > have ICQ, I am easier to reach using that.
> >
> > Ben Empson wrote:
> >
> > > Do you know where I can find the AfroAPI?
> >
> > --
> > Michael Pemberton
> > mp...@ph...
> > ICQ: 12107010
> >
> >
> >
> >
> > _______________________________________________
> > Dynapi-Widgetdev mailing list
> > Dyn...@li...
> > http://lists.sourceforge.net/lists/listinfo/dynapi-widgetdev
>
> _______________________________________________
> Dynapi-Widgetdev mailing list
> Dyn...@li...
> http://lists.sourceforge.net/lists/listinfo/dynapi-widgetdev

--
Michael Pemberton
mp...@ph...
ICQ: 12107010

hi y'all,

i'm fairly new to the dynapi and i'd also love to know if anyone's been 
working on a dropdown widget that compares with the open source hier menu 
available at webreference.com.

i'm considering using that one but i'd rather keep my project all within 
the dynapi.

cheers,
fraser

Heirmenu is an extremely complex and complete code, so there's no reason not
to use it if you need the features.
Otherwise we have a popup menu widget, see this demo:
http://www.richardinfo.f2s.com/dynapi/Pascal_Bestebroer_Dynacore_Examples\dy
nacore.gui.popup.htm
(url wraps)
It's ok for most use, I've had some trouble porting it to the 2.5 release
though, keep getting "invalid source of HTML for this operation" error, but
that should be sorted soon.

Cheers,
Richard Bennett

ma...@ri...
www.richardinfo.com
(Everything running on, and ported to the 19/12/2000 snapshot of DynAPI2)
visit the DynAPI homepage (and FAQ) ::
http://dynapi.sourceforge.net/dynapi/index.php?menu=1
Browse (and search) the mailinglist here:
http://www.mail-archive.com/index.php3?hunt=dynapi

----- Original Message -----
From: "fraser brown" <fr...@st...>
To: <dyn...@li...>
Sent: Wednesday, April 18, 2001 3:47 PM
Subject: Re: [Dynapi-Widgetdev] Select list widget

> hi y'all,
>
> i'm fairly new to the dynapi and i'd also love to know if anyone's been
> working on a dropdown widget that compares with the open source hier menu
> available at webreference.com.
>
> i'm considering using that one but i'd rather keep my project all within
> the dynapi.
>
> cheers,
> fraser
>
>
> _______________________________________________
> Dynapi-Widgetdev mailing list
> Dyn...@li...
> http://lists.sourceforge.net/lists/listinfo/dynapi-widgetdev
>