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:
Pour rappel cette librairie permet beaucoup de choses, elle est meme indispensable pour tous développement javascript !
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';
}
});
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)
}
)
C'est d'ailleurs dommage que dans Atlas il n'y ait rien pour faire des effets sympas :-(