dynapi-dev

[Dynapi-Dev] A new client-side Framework

[Raymond I. <xw...@ya...>]

Hello Everyone,

It's been a while since I've worked on the DynAPI core
or widgets mainly because of other personal endeavors.
But I since recently started looking back at the core
and what I've found out that DynAPI keeps getting
bigger and bigger with the addition of ns4 fixes, and
other stuff.

Some time ago I wanted to add some dynamic to a web
app I was working on when I realized that DynAPI took
up over 40k just to get me to move a simple layer!
That was not good for the little web app.

After searching and looking for an alternative library
but I gave up and decided that it was time to create
something new. Something that was as powerful as
DynAPI and yet very small, fast and easy to use and
supports modern browsers. NS4 support will limitted.

The Web Application Framework
=================================
It's pretty much a combination of DynAPI and the easy
and flexibility of ASP.Net. I've liked the way how
ASP.Net event driven architure worked so I tried to
make it as simple as I could.

For example:

To simply display a message when the page load all you
have to do is:

<script src="../core/webelm.js"></script>
<script>
	document.setIncludePath("../core/");
	
	function document_onload(){
		alert("Hi There, I'm fully loaded!");
	}
</script>

Notice that the document object now becomes the core
object in this framework. The idea is that this
framework with try to make use of or simulate as much
DOM+DynAPI functionality as best as possible. E.g. the
getElementById() function will be available in ns4,
ie4+, ns6, etc.

The beauty about this framework is that it's closely
tied to inline elements. 

Example: A blink a inline div element

<script src="../core/webapi.js" type="text/javascript"
language="javascript"></script>
<script>
	
	document.setIncludePath("../core/");

	var dx;

	function document_onload(){
		dx = new WebElement("dx");
		setInterval("blink()",400)
	}

	function blink(){		
		dx.setBgColor("yellow");
		dx.setVisible(!dx.getVisible());	
	}
</script>
....
<div id="dx"
style="position:absolute;visibility:hidden">Web
Application Framework</div>

The framework is still work in progress. It's not yet
as powerful as DynAPI but it can certainly be used to
add some dyamic effects to a website. The entire
framework loads in under 20k (uncompressed).

Would surely like to hear your views comment, etc.


Best regards,

__
Raymond Irving

Re: [Dynapi-Dev] A new client-side Framework

[Kevin <ke...@ke...>]

Sounds good Raymond. I like the idea of size saving.

I've not done any dynapi in a while.

Any ASP.NET? tutorials to help us unix peeps.

Kevin


Raymond Irving wrote:

> Hello Everyone,
> 
> It's been a while since I've worked on the DynAPI core
> or widgets mainly because of other personal endeavors.
> But I since recently started looking back at the core
> and what I've found out that DynAPI keeps getting
> bigger and bigger with the addition of ns4 fixes, and
> other stuff.
> 
> Some time ago I wanted to add some dynamic to a web
> app I was working on when I realized that DynAPI took
> up over 40k just to get me to move a simple layer!
> That was not good for the little web app.
> 
> After searching and looking for an alternative library
> but I gave up and decided that it was time to create
> something new. Something that was as powerful as
> DynAPI and yet very small, fast and easy to use and
> supports modern browsers. NS4 support will limitted.
> 
> The Web Application Framework
> =================================
> It's pretty much a combination of DynAPI and the easy
> and flexibility of ASP.Net. I've liked the way how
> ASP.Net event driven architure worked so I tried to
> make it as simple as I could.
> 
> For example:
> 
> To simply display a message when the page load all you
> have to do is:
> 
> <script src="../core/webelm.js"></script>
> <script>
> 	document.setIncludePath("../core/");
> 	
> 	function document_onload(){
> 		alert("Hi There, I'm fully loaded!");
> 	}
> </script>
> 
> Notice that the document object now becomes the core
> object in this framework. The idea is that this
> framework with try to make use of or simulate as much
> DOM+DynAPI functionality as best as possible. E.g. the
> getElementById() function will be available in ns4,
> ie4+, ns6, etc.
> 
> The beauty about this framework is that it's closely
> tied to inline elements. 
> 
> Example: A blink a inline div element
> 
> <script src="../core/webapi.js" type="text/javascript"
> language="javascript"></script>
> <script>
> 	
> 	document.setIncludePath("../core/");
> 
> 	var dx;
> 
> 	function document_onload(){
> 		dx = new WebElement("dx");
> 		setInterval("blink()",400)
> 	}
> 
> 	function blink(){		
> 		dx.setBgColor("yellow");
> 		dx.setVisible(!dx.getVisible());	
> 	}
> </script>
> ....
> <div id="dx"
> style="position:absolute;visibility:hidden">Web
> Application Framework</div>
> 
> The framework is still work in progress. It's not yet
> as powerful as DynAPI but it can certainly be used to
> add some dyamic effects to a website. The entire
> framework loads in under 20k (uncompressed).
> 
> Would surely like to hear your views comment, etc.
> 
> 
> Best regards,
> 
> __
> Raymond Irving
> 
> 
> 
> 
> 
> 
> -------------------------------------------------------
> This SF.Net email is sponsored by: IntelliVIEW -- Interactive Reporting
> Tool for open source databases. Create drag-&-drop reports. Save time
> by over 75%! Publish reports on the web. Export to DOC, XLS, RTF, etc.
> Download a FREE copy at http://www.intelliview.com/go/osdn_nl
> _______________________________________________
> Dynapi-Dev mailing list
> Dyn...@li...
> http://www.mail-archive.com/dyn...@li.../
> 

Re: [Dynapi-Dev] A new client-side Framework

[Raymond I. <xw...@ya...>]

Hi Kevin,

> Any ASP.NET? tutorials to help us unix peeps.

:) This one is very straight forward. No help files
needed - lol

You just simple include the webelm.js file and you're
ready to go:

A quick and easy news ticker example:

<script>

document.setIncludePath("../core/");

var tk;

function document_oninit(){
   document.include("Ticker");
}

function document_onload(){
   tk = new Ticker("mytick");
   tk.addMessage("Simple and easy JavaScript");
   tk.addMessage("Lightweight API");
   tk.addMessage("DHTML made simple");
   tk.addEventListener("onclick");
}

function ticker_onclick(e){
   alert("You've selected message # "+ e.instance);
}
</script>

inside your html:

<p><script>Ticker.Render("mytick",400,50)</script></p>

That's it! all event driven


__
Raymond Irving

Re: [Dynapi-Dev] A new client-side Framework

[Kevin <ke...@ke...>]

Hi Raymond,

Looks good. When your done post a link to an example
page. May stir up some interest.

Kevin

> Hi Kevin,
>
>>Any ASP.NET? tutorials to help us unix peeps.
>
> :) This one is very straight forward. No help files
> needed - lol
> 
> You just simple include the webelm.js file and you're
> ready to go:
> 
> A quick and easy news ticker example:
> 
> <script>
> 
> document.setIncludePath("../core/");
> 
> var tk;
> 
> function document_oninit(){
>    document.include("Ticker");
> }
> 
> function document_onload(){
>    tk = new Ticker("mytick");
>    tk.addMessage("Simple and easy JavaScript");
>    tk.addMessage("Lightweight API");
>    tk.addMessage("DHTML made simple");
>    tk.addEventListener("onclick");
> }
> 
> function ticker_onclick(e){
>    alert("You've selected message # "+ e.instance);
> }
> </script>
> 
> inside your html:
> 
> <p><script>Ticker.Render("mytick",400,50)</script></p>
> 
> That's it! all event driven

Re: [Dynapi-Dev] A new client-side Framework

[Benoit M. <mar...@ma...>]

I recommend that article in light of a more "inline" approach:

http://www.alistapart.com/articles/scripttriggers/


On Wednesday, January 26, 2005, at 01:43  PM, Raymond Irving wrote:

> Hi Kevin,
>
>> Any ASP.NET? tutorials to help us unix peeps.
>
> :) This one is very straight forward. No help files
> needed - lol
>
> You just simple include the webelm.js file and you're
> ready to go:
>
> A quick and easy news ticker example:
>
> <script>
>
> document.setIncludePath("../core/");
>
> var tk;
>
> function document_oninit(){
>    document.include("Ticker");
> }
>
> function document_onload(){
>    tk = new Ticker("mytick");
>    tk.addMessage("Simple and easy JavaScript");
>    tk.addMessage("Lightweight API");
>    tk.addMessage("DHTML made simple");
>    tk.addEventListener("onclick");
> }
>
> function ticker_onclick(e){
>    alert("You've selected message # "+ e.instance);
> }
> </script>
>
> inside your html:
>
> <p><script>Ticker.Render("mytick",400,50)</script></p>
>
> That's it! all event driven
>
>
> __
> Raymond Irving
>
>
>
>
>
> -------------------------------------------------------
> This SF.Net email is sponsored by: IntelliVIEW -- Interactive Reporting
> Tool for open source databases. Create drag-&-drop reports. Save time
> by over 75%! Publish reports on the web. Export to DOC, XLS, RTF, etc.
> Download a FREE copy at http://www.intelliview.com/go/osdn_nl
> _______________________________________________
> Dynapi-Dev mailing list
> Dyn...@li...
> http://www.mail-archive.com/dyn...@li.../
>
>
Benoit