Easy-Micro


LANGAGE JavaScript
Prototype

La bibliothèque de script JavaScript Prototype

La bibliothèque Prototype (www.prototypejs.org) développé par Sam Stephenson permet de simplifier la rédaction des scripts JavaScript. Les fonctionnalités proposées sont une sorte d'extension aux méthodes JavaScript. Prototype fournit de nombreux raccourcis de codes intéressants et permet, également, de simplifier le traitement des requêtes AJAX.

La bibliothèque prototype est téléchargable gratuitement sur www.prototypejs.org

Cette bibliothèque est constituée d'un seul fichier qu'il est nécessaire d'appeler, lors de chaque utilisation, par la ligne suivante:
<script type="text/javascript" src="mesfonctions/prototype.js"></script>

Exemples d'utilisation de prototype sur des objets :
<head>
<script type="text/javascript" src="mesfonctions/prototype.js"></script>
<style type="text/css">div.toutrouge { background-color:#c0c0c0; }</style>

<script type="text/javascript">
// <![CDATA[
function testprotopype() {

// Exemple 1 : Masque un element
Element.hide('div1');

// Exemple 2 : Affiche un element
Element.show('div1');

// Exemple 3 : Affiche le nom de la classe
alert(Element.classNames('div1'));

// Exemple 4 : Affect une classe de style (la classe toutrouge doit exister)
Element.addClassName('div1', 'toutrouge');

// Exemple 5 : Applique les propriétés CSS à un élément HTML
Element.setStyle('div1','background-color:#00ff00');

}

window.onload = testprotopype;

//]]>
</script>
</head>
<body>
<div id='div1' class="toutvert">Exemple de Javascript par Easy-micro</div>
</body>

Exemples d'utilisation de prototype sur des formulaires :
<head>
<script type="text/javascript" src="mesfonctions/prototype.js"></script>

<script type="text/javascript">
// <![CDATA[
function testprotopype() {

// Exemple 6 : Donne le focus au 1er champ d'un formulaire
Form.focusFirstElement('monform');

// Exemple 7 : Désactive tous les élements d'un formulaire (contraire: Form.enable('monform'))
Form.disable('monform');

// Exemple 8 : Cré une chaîne comportant la valeur de chaques champs séparés par '&'
// Nécessite les attributs 'name' sur les champs du formulaire
var maliste = Form.serialize('monform');
alert(maliste);

}

window.onload = testprotopype;

//]]>
</script>
</head>
<body>
<form id="monform">
Votre nom: <input type="text" id="lenom" name="lenom"/><br />
Votre prénom : <input type="text" id="leprenom" name="leprenom"/>
</form>
</body>

Scriptaculous

La bibliothèque prototype sert aussi de base à la bibliothèque Scriptaculous (http://script.aculo.us). Cette dernière fournit de nombreuses fonctionnalités intéressante, notamment au niveau graphique. Scriptaculous est disponible en téléchargement gratuit sur http://script.aculo.us/downloads

Rico

La bibliothèque prototype sert aussi de base à la bibliothèque Rico ( http://openrico.org/). Rico permet d'exploiter facilement les comportements JavaScript comme son fameux "Drag and drop" (cliquer/ glisser).

Pour aller plus loin...

> plus d'infos sur Wikipedia
> voir d'autre bibliothèques JavaScript


Suivez les aventures des skippers aquitains sur EasyVoile.com
Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]
Jeudi 24 janvier 2019 - Semaine 04 - Saint François de Sales (Demain: Saint Manuel)
Aujourd'hui, c'est l'anniversaire de Daniel Auteuil (1950-69 ans), acteur français, de Nastassja Kinski (1961), actrice et mannequin allemande et de Muriel Moreno (1963), chanteuse française (du groupe Niagara). Autre 24 janvier: 2009 - Tempête Klaus sur le sud-ouest de la France (60% des forêts sont dévastées).
Haut de page Easy-Micro