Ce simple champs permet à l’internaute d’identifier l’outil qui le débarrasse de la corvée du formulaire.
Sinon, il remplit manuellement les champs, comme avant.
|
||||||||||||||||||
<div style="width:250px;font-family:Verdana, Arial, Helvetica, sans-serif;position:relative;"><br /> <div style="color:#ffffff;background:url(http://reversoform.com/art/baguette2.gif) no-repeat 10px 0;position:absolute;left:-2px;top:-27px;height:70px;width:90px;z-index:1;"> </div><br /> <input id="telephone" style="width:250px;background:#FFFFFF;border:1px solid #F28D45;font-size:14px;color:#777777;position:absolute;top:inherit;left:inherit;z-index:10;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;height:17px;padding:2px 5px 3px;" onclick="clickHandeler( this );" onkeyup="actionKeyAuto( this );" value="mon téléphone fixe" /><div style="color:#F28D45;font-size:11px;font-weight:normal;position:absolute;top:-15px;right:-10px;">Formulaire Xpress</div><div style="position:absolute;top:4px;right:-7px;z-index:11;" onmouseover="actionOver();" onmouseout="actionOut();"><a href="http://www.reversoform.com/cnil" target="_blank"><img src="http://www.reversoform.com/img/interogation.png" alt="" /></a></div> <div id="revPop" style="border: 1px solid #ff6600; padding: 3px 5px; background: #ffffff none repeat scroll 0% 0%; display: none; width: 200px; position: absolute; top: -40px; right: -15pt; z-index: 15;">Vos coordonées proviennent de l'annuaire téléphonique.</div>
Puis en bas de page, ou après votre formulaire HTML copier le code javascript suivant :
<script type="text/javascript">
var RevDate = new Date();
document.write( unescape( "%3Cscript src='" + (("https:" == document.location.protocol) ? "https://api2.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 ( $( ObjReverso.phone ) )
{
if ( response=="NULL")
{
alert('correspondance non trouvée uv.');
}
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
);
*/
}
}
};
function actionOut()
{
document.getElementById('revPop').style.display = 'none';
}
function actionOver()
{
document.getElementById('revPop').style.display = 'block';
}
function actionKeyAuto( this_ )
{
if ( this_.value=='' )
{
this_.value = 'mon téléphone fixe';
this_.focus();
this_.select();
}
else
{
if ( this_.value.length>=10 &amp;amp;&amp;amp; this_.value!='mon téléphone fixe' )
{
ObjReverso.reverso( this_.value);
}
}
}
function clickHandeler( this_ )
{
if ( this_.value=='mon téléphone fixe' )
{
this_.focus();
this_.select();
}
};
function doReverso( obj )
{
var phone = obj.value.replace(/[^0-9]/gi,"");
if ( phone.length>=10 )
{
ObjReverso.reverso( phone );
}
}
try{document.getElementById( ObjReverso.phone ).onblur = function()
{
ObjReverso.reverso( this.value );
};}catch(e){}
//]]>
</script>




