Bienvenue à Blogs CodeS-SourceS Identification | Inscription | Aide

Atteint de JavaScriptite Aiguë [Cyril Durand]

Expert ASP.net Ajax et WCF, Cyril Durand parle dans son blog de point techniques sur ASP.net, ASP.net Ajax, JavaScript, WCF et .net en général. Cyril est également consultant indépendant, n'hésitez pas à le contacter pour de l'assistance sur vos projets

Actualités

  • Blog de Cyril DURAND, passionné de JavaScript, Ajax, ASP.net et tout ce qui touche au developpement Web Client-Side.

    N'hésitez pas à me contacter pour vos projets .net : architecture, accompagnement, formation, ...

    View Cyril Durand's profile on LinkedIn
    hit counters


    Expertise Commerce server et BizTalk

documentation de prototype 1.4.0 : une librairie javascript surpuissante (framework)
En me baladant sur le net tout à l'heure je suis tombé sur la page de documentation de la surpuissante librairie prototype pour la version 1.4.0:
Using prototype.js v1.4.0
 
Pour rappel cette librairie permet beaucoup de choses, elle est meme indispensable pour tous développement javascript !
Regardez donc ce schéma : http://www.snook.ca/archives/000531.php 
Free Image Hosting at www.ImageShack.us
 
voici quelques fonctions indispensable :-)
 
la fonction $ qui est équivalente à document.getElementById.
 

var obj = document.getElementById('idOfElement');

var obj = $('idOfElement');

 
Elle est meme encore mieux puisque $($($('idOfElement'))) ne pose aucun problème ...
 
Il y a aussi la méthode Object.extend qui permet d'etendre du json (attention cette méthode est trés dangeureuse ! on en devient trés vite dépendant ;))
 

var options = {msg:'coucou', nb:3, fnc:function(){alert('toto')}};

var defaultValue = {name:'Cyril',msg:'tutu', fnc:function(){}};

 

options = Object.extend(defaultValue, options);

 

// au final options vaut :

{name:'Cyril',msg:'coucou', nb:3, fnc:function(){alert('toto')}}

 
ou la fabuleuse classe Ajax.Request qui est ultra personalisable !!!  (comme toutes les classes prototype et script.aculo.us)
 

new Ajax.Request(

             'lapage.aspx',

             {

                    onComplete: function(request)

                    {

                        $('resultat').innerHTML = request.responseText;

                    },

                    on500 : function(request)

                    {

                        $('resultat').innerHTML = 'une erreur s\'est produite \r\n description de l\'erreur';

                    }

              });

 
La version 1.4.0 permet encore plus de choses comme l'interface Enumerable et ses fonctions find, select, sortBy, each, ....
 

Sans prototype :

var CS = ['www.CodeS-SourceS.com', 'www.vbfrance.com', 'www.aspfr.com', 'www.csharpfr.com'];

for( var i = 0; i < CS.length; i++ )

{

    alert(CS[i]);

}

Avec prototype :

var CS = ['www.CodeS-SourceS.com', 'www.vbfrance.com', 'www.aspfr.com', 'www.csharpfr.com'];

CS.each(

    function(item)

        {

            alert(item)

        }

    )

 
Si vous prenez gout à prototype n'oubliez pas de regarder script.aculo.us by Thomas Futchs qui donne la possibilité de faire des effets magnifique en quelques lignes de code, regarder par exemple le code de cette démo : http://wiki.script.aculo.us/scriptaculous/show/GhostlySortableDemo ou de celles ci : http://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo 
 
C'est d'ailleurs dommage que dans Atlas il n'y ait rien pour faire des effets sympas :-( 
Posted: dimanche 26 février 2006 01:48 par cyril
Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :

Commentaires

Cyril 's Blog a dit :

J'ai d&#233;couvert il y a peu la librairie javascript&amp;nbsp;Yahoo! User Interface Library&amp;nbsp;alors que je...
# février 26, 2006 19:04
Les commentaires anonymes sont désactivés

Les 10 derniers blogs postés

- Microsoft Regional Director 2.0 ! par Le blog de Patrick [MVP Office 365] le 02-23-2015, 22:10

- TechDays Paris 2015: Malware unchained par Blog Technique de Romelard Fabrice le 02-12-2015, 22:58

- TechDays Paris 2015: La transformation du SI avec le Cloud Microsoft, quel sera le rôle de la DSI demain, comment le Cloud MS accompagne cette transfo... par Blog Technique de Romelard Fabrice le 02-12-2015, 22:51

- TechDays Paris 2015: L’intranet social avec Office 365 et Yammer - quelles possibilités d’intégration ? par Blog Technique de Romelard Fabrice le 02-12-2015, 22:46

- TechDays Paris 2015: Plenière jour 3 - Vers une technologie invisible et une intelligence omniprésente ? par Blog Technique de Romelard Fabrice le 02-12-2015, 10:59

- TechDays Paris 2015: Geek is in da {new} House par Blog Technique de Romelard Fabrice le 02-12-2015, 01:13

- TechDays Paris 2015: Windows Server vNext - Virtualisation et Stockage par Blog Technique de Romelard Fabrice le 02-12-2015, 00:26

- TechDays Paris 2015: Quoi de neuf dans Windows 10 ? par Blog Technique de Romelard Fabrice le 02-11-2015, 23:37

- TechDays Paris 2015: Réussir sa migration vers Office 365 en formant les uilisateurs par Blog Technique de Romelard Fabrice le 02-11-2015, 14:32

- TechDays Paris 2015: Windows 10 et PowerShell 5.0 par Blog Technique de Romelard Fabrice le 02-11-2015, 13:10