Re: [Dynapi-Help] Converting an external stylesheet..

Wed, 20 Jun 2001 12:09:24 -0700

Yes, like this:
(if you make it into a widget you might need to use the oncreate event instead of onprecreate.)
(unless you hack open dynlayer, and add a setClass function)
 
.flat {
 color: #996699;
 background-color: #eeeeee;
 border-style: outset;
 text-align: center;
 font-weight : bold;
 padding: 5px;
 /*border: 5px;*/
 /*margin: 5px;*/
 }
.outset {
 color: #996699;
 background-color: #eeeeee;
 border-style: outset;
 text-align: center;
 font-weight : bold;
 padding: 5px;
 }
.inset {
 color: #996699;
 background-color: #eeeeee;
 border-style: inset;
 text-align: center;
 font-weight : bold;
 padding-left: 4px;
 padding-top: 6px;
 }
.highlight {
 color: #996699;
 background-color: #dddddd;
 border-style: outset;
 text-align: center;
 font-weight : bold;
 padding: 5px;
 }
 
 
 
 
 
DynAPI. {
 
 button1 = new DynLayer(null,100,40,100,40)   
 button1.setHTML('Click Me')
 
 DynAPI.document.addChild(button1);
  var c=button1.elm
  c.className='flat'
 
 var l=new EventListener()
  l. {c.className='outset'}
  l. {c.className='highlight'}
  l. {c.className='flat'}
  l. {c.className='inset'}
 button1.addEventListener(l)
}
 
 
 
I just saw I might have forgotten the .elm bit in the previous post, ah well, I'll just up the unfinished example here:
Only tested in IE mind you.
 
 
 
Cheers,
Richard Bennett
 
[EMAIL PROTECTED]
www.richardinfo.com
(Everything running on, and ported to DynAPI2.53)
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: Jim
Sent: 20 June, 2001 20:52
Subject: Re: [Dynapi-Help] Converting an external stylesheet..

While on this topic...
 
I have been watching this thread with some interest since I have related issues.
 
I have worked with all three implementations as Richard illustrated in his e-mail. What I would like to know is this: If I create a button widget and use
 
      MenuButton.setHTML('<span class="buttonClass">This is a span inside a DynLayer with class="buttonClass"</span>')
 
in the onprecreate of the button, what  I would like to do with the onmouseover and onmousedown event handlers is to swap the css class, as in
 
MenuButton.listener.>    var o = e.getSource()
    o.class = "buttonClassOver"
}
 
This does not seem to work.
 
Is there a way to simply swap css classes on the fly?
 
Jim
 
 
 
----- Original Message -----
Sent: Wednesday, June 20, 2001 11:27 AM
Subject: Re: [Dynapi-Help] Converting an external stylesheet..

There are three things I know work, only the first is supported by NS4, and even then not if objects become nested to deep.
get a style sheet:
<STYLE TYPE="text/css">
<!--
.testClass {
 color: green;
 font-family: arial;
 font-size: 26;
 background-color: yellow;
 }
-->
</STYLE>
 
Then either: 1)
 
myLayer=new DynLayer(null,10,50,50,50,'green')
myLayer.setHTML('<span class="testClass">This is a span inside a DynLayer with class="testClass"</span>')
DynAPI.document.addChild(myLayer)
 
Or 2):
 
myLayer=new DynLayer(null,10,50,50,50,'green')
myLayer.setHTML('This is plain text inside a DynLayer with class="testClass"')
DynAPI.document.addChild(myLayer)
myLayer.className = "testClass"
//This ony works after a dynlayer as been added to the document.
 
Or 3):
 
myLayer=new DynLayer(null,10,50,50,50,'green')
myLayer.setHTML('This is plain text inside a DynLayer with the css altered.')
DynAPI.document.addChild(myLayer)
myLayer.css.padding="4px"  
myLayer.css.borderWidth="2px"
myLayer.css.borderColor="lightsalmon"
myLayer.css.borderStyle="solid"
 
As stated the last to don't seems to work in Ns4.(or not always)
 
Cheers,
Richard Bennett
 
[EMAIL PROTECTED]
www.richardinfo.com
(Everything running on, and ported to DynAPI2.53)
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 -----
Sent: 20 June, 2001 17:15
Subject: [Dynapi-Help] Converting an external stylesheet..

Can anyone please  tell me the syntax for converting an external stylesheet into a dynLayer. Is it something like: myDynLayer=new DynLayer("MyExternalCSS")  ??
Does the imported DynLayer contains the same properties as those set in the .css file??
 
Yours
Kasper

Reply via email to