Reversoform est une API javascript dont le code est accessible en  téléchargement dans la section api

Le formulaire ci-dessous est une version parmi tant d’autres. Tous les formulaires se ressemblent et demandent les mêmes informations.

1 - Le formulaire HTML

Avant tout, il vous faut un formulaire de prise de contact sur votre site internet.
Vous devez avoir quelque chose ressemblant à ceci, il s’agit d’un formulaire HTML tout à fait normal, avec les champs :

• Nom
• Prénom
• Email
• Adresse
• Code Postal
• Ville

Accessoirement les champs :

• Societe
• Code NAF
• Code SIRET

Ces champs sont définis par leurs identifiant “ID” ou “NAME”, tel que :

<input id="mon_identifiant" type="text" />

2 - Le script

Ensuite, il vous faut inclure le code javascript à votre page de formulaire.

En fonction de vos nécessités (restriction de framework), vous pouvez placer la section suivante ou vous  le souhaitez dans la page HTML de votre formulaire.
Habituellement le javascript se place en fin de document, après la fermeture de la balise </body>

Il est toutefois important de noter que dans cet exemple d’utilisation, l’action s’effectue aprçs le changement de champs (cf: …onblur = function…).
Cette action doit être placé après la création dans le DOM de l’élément “téléphone”.
Libre à vous de placer cette action dans un écouteur d’évènement si vous utilisez un framework (jQuery, scriptaculous, prototypeJS).

CODE JAVASCRIPT

<script type="text/javascript">
var RevDate = new Date();
document.write( unescape( "%3Cscript src='" + (("https:" == document.location.protocol) ? "https://api2.reversoform.com/www.reversoform.com/includes/js/reversoObj.js" : "http://api2.reversoform.com/includes/js/reversoObj.js") + "?t="+RevDate.getTime()+"' type='text/javascript'%3E%3C/script%3E" ) );
</script>
<script type="text/javascript" language="javascript">
//<![CDATA[
var ObjReverso = new ClassReverso();
ObjReverso.serial		= '4403981856926'; 	// remplacer "4403981856926" par votre N° de série généré sur le site http://www.reversoform.com/api
ObjReverso.phone		= 'telephone';
ObjReverso.company		= 'company';
ObjReverso.firstname	= 'first_name';
ObjReverso.lastname		= 'last_name';
ObjReverso.address		= 'address';
ObjReverso.zip			= 'zip';
ObjReverso.city			= 'city';
ObjReverso.naf			= 'naf';
ObjReverso.siret		= 'siret';

ObjReverso.fireCallback = function( response )
{
if ( response=="NULL")
{
alert('ce numéro n\'est pas attribué.');
}
else
{
alert( 	'prénom: \t\t'+ 	response.first_name +'\n'+
'nom: \t\t'+  		response.last_name 	+'\n'+
'adresse: \t\t'+	response.address 	+'\n'+
'ville: \t\t'+ 		response.city 		+'\n'+
'code postal: \t'+	response.zip 		+'\n'+
'\n'+
'société: \t\t'+	response.company	+'\n'+
'code NAF: \t'+		response.naf		+'\n'+
'siret: \t\t'+		response.siret
);
}
};
try
{
document.getElementById( ObjReverso.phone ).onblur = function()
{
ObjReverso.reverso( this.value );
};
}
catch(e){}
//]]>
</script>

3 - Configuration

A ce stade, il vous faut attribuer à la variable “teleneo_serial “ votre numéro de série qui a été généré lors de la création de votre compte api.
Vous avez également du recevoir ce numéro par email.

Il est important de savoir que l’API Reversoform, ne fonctionnera que sur le nom de domaine que vous avez déclaré lors de la création de votre compte.

4 - Gestion

Vous pouvez consulter les statistiques d’utilisation sur votre interface :
http://reversoform.com/login

5 - Autres exemples

Nous vous recommandons l’intégration de notre champ express, complet et facile à intégrer : Cartouche de base Reversoform