Blog di Bruno Fortunato

.Net Developer (and many more) - Direct3D Lover
There are 10 kind of person in the world, who understand binary code and who not!

May 2006 - Posts

Semplice FadeIn/Slideshow con Atlas
Atlas mette a disposizione una serie di librerie davvero carine con le quali, con poche righe di codice, è possibile ottenere semplici ed interessanti effetti.

E con esse che ho provato a realizzare un semplice slideshow con fadein!

Spero possa esservi utile.

Sorgente con sintassi dichiarativa:

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
   
    <script type="text/javascript">
        var index = 0;
        var images = Array(
            "http://atlas.asp.net/docs/images/logo.gif",
            "http://www.google.it/intl/it_it/images/logo.gif",
            "http://www.dotnetside.org/Themes/default/images/common/title.gif" 
        );
       
        function slider_onTick(sender, eventArgs)
        {
            var image = $object("image");
            var fader = $object("fader");

            fader.stop();
           
            index++;
            if(index>=images.length)
                index=0;
               
            image.set_imageURL(images[index]); 
           
            fader.play();
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <atlas:ScriptManager ID="ScriptManager1" runat="server">
            <Scripts>
                <atlas:ScriptReference ScriptName="AtlasUIGlitz" />
            </Scripts>
        </atlas:ScriptManager>
       
        <h3>Simple SlideShow</h3>
        <img id="image" src="http://atlas.asp.net/docs/images/logo.gif" />
    </form>

    <script type="text/xml-script">
        <page xmlns:script="http://schemas.microsoft.com/xml-script/2005">
            <components>
                <timer id="slider" interval="5000" tick="slider_onTick" enabled="true" />
                <image id="image" />
                <fadeAnimation id="fader" target="image" effect="fadeIn" />
               
                <application>
                    <load>
                        <invokeMethod target="fader" method="play" />
                    </load>
                </application>
            </components>
        </page>
    </script>
</body>
</html>


Sorgente con sintassi programmatica:

<%@ Page Language="C#"  %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
   
    <script type="text/javascript">
        var index = 0;
        var fader;
        var images = Array(
            "http://atlas.asp.net/docs/images/logo.gif",
            "http://www.google.it/intl/it_it/images/logo.gif",
            "http://www.dotnetside.org/Themes/default/images/common/title.gif" 
        );
       
        function pageLoad()
        {
            image = new Sys.UI.Image($("image"));
            image.set_imageURL(images[index]);
            image.initialize();
           
            fader = new Sys.UI.FadeAnimation();
            fader.set_target(image);
            fader.set_effect(Sys.UI.FadeEffect.FadeIn);
            fader.initialize();       
           
            var slider = new Sys.Timer();
            slider.set_enabled(true);
            slider.set_interval(5000);
            slider.tick.add(slider_onTick);
            slider.initialize();
           
            fader.play();
        }
       
        function slider_onTick(sender, eventArgs)
        {
            fader.stop();
           
            index++;
            if(index>=images.length)
                index=0;
               
            image.set_imageURL(images[index]); 
           
            fader.play();
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <atlas:ScriptManager ID="ScriptManager1" runat="server">
            <Scripts>
                <atlas:ScriptReference ScriptName="AtlasUIGlitz" />
            </Scripts>
        </atlas:ScriptManager>
        <h3>Simple SlideShow</h3>
        <img id="image" src="http://atlas.asp.net/docs/images/logo.gif" />
    </form>
</body>
</html>


Bruno Fortunato
Posted: May 12 2006, 06:42 PM by DaViL | with no comments
Filed under:
Atlas: Nuova versione del Control ToolKit
Questo Atlas si fa sempre più interessante ed il già "gustoso" Control ToolKit si arricchisce di 4 nuovi controlli!

  • Always Visible: Posiziona un controllo in un angolo della finestra del broser
  • Drop Shadow: Aggiunge un ombra a qualsiasi controllo della pagina
  • Modal Popup: Visualizza una finestra modale
  • Rounded Corners: Arrotonda gli angoli di un controllo
A me è particolarmente piaciuta la finestra modale, forse perchè avevo fatto poc'anzi una cosa simile per un mio progetto!
Interessante (per me) anche l'Always Visible in quanto utilizza l'oggetto Sys.UI.NumberAnimation() di AtlasUIGlitz.js, una libreria davvero poco documentata!

Per ulteriori informazioni, clicca qui


Posted: May 12 2006, 12:00 PM by DaViL | with 1 comment(s)
Filed under:
[OT] Un programmatore deve essere versatile...
Ebbene si, è quel che penso!
Sono le 17, monto al lavoro alle 15.30 e sono appena arrivato al computer!

Sono stato con paletta e scopa a riempire secchi di acqua perchè qui ha piovuto ed è tutto allagato :)

Un programmatore DEVE essere versatile :P
Posted: May 11 2006, 04:59 PM by DaViL | with no comments
Filed under:
Un articolo sul pattern Model-View-Controller
Quando ci si trova di fronte ad un applicazione piuttosto complessa, è di fondamentale importanza tenere presente alcuni aspetti fondamentali tra cui la facilità di manutenzione del codice ed il riutilizzo dello stesso.
Da non sottovalutare nemmeno la separazione fra i componenti che regolano le funzioni di business ed i componenti che implementano la logica di presentazione.

continua....

ps: Il mio primo articolo :P
AJAX: Riscoprire JavaScript
Inutile negarlo!
AJAX è molto di moda ultimamente.
Come è inutile stare qui a scrivere come funziona questa "tecnologia".
Basta usare Google per notare quante parole sono state spese a riguardo.

XmlHttpRequest non è certo un oggetto nuovo, ma sta di fatto che è grazie a lui se tra qualche tempo vedremo nelle nostre applicazioni web funzionalità da desktop, quali drag & drop e simili.

Inutile dire che le maggiori (e non) case produttrici si sono messe gia al lavoro su questa tecnologia, fornendo framework per la facile implementazioni di tali funzionalità.

Come Microsoft ad esempio, con Atlas.
Atlas si sposa perfettamente con ASP.NET consentendo funzionalità di partial rendering, drag drop, autocomplete con una facilità estrema.

Atlas però è giunto alla CTP di Aprile. La documentazione non è ancora completa e poi, diciamoci la verità... noi siamo appassionati e vogliamo capire come funziona, non semplicemente utilizzare prodotti gia fatti!

Ecco perche ho realizzato un piccolo framework mio, che consente (per il momento) di avere funzionalità di drag & drop e di resize scrivendo poche righe di codice!

Clicca qui per vedere un esempio di Drag&Drop
Clicca qui per vedere un esempio di Resize
Clicca qui per vedere un tentativo di WEB Desktop a scopo didattico (nonchè il mio sito web)

Non dimenticate di vedere il codice sorgente.

In allegato versioni scaricabili degli esempi
Posted: May 10 2006, 09:39 AM by DaViL | with 1 comment(s)
Filed under: