Script pour le diagnostic de performance énergétique

Script DPE en javascript

dpe.js vous permet de créer très simplement dans votre page web des graphiques et vignettes DPE de taille réglable et aux titres personnalisables.

Pourquoi ?

Depuis le 1er Janvier 2011:

il est obligatoire d'afficher le diagnostic de performance énergétique de tout bien immobilier proposé à la vente ou à la location sur internet.
la loi impose d'afficher l'étiquette énergie (indiquant la consommation d'énergie) et l'étiquette climat (indiquant les émissions de gaz à effet de serre).

Plus d'information sur les obligations légales concernant l'affichage du DPE: http://www.developpement-durable.gouv.fr/-Performance-energetique-.html.

Afficher le DPE avec dpe.js

Quoi de plus simple que de créer une étiquette dpe complète en un seul tag html ?
Ecrivez ceci:

<div title="energie:255"></div>

et obtenez ceci:

Comment faire ?

Modifiez le head de votre fichier html pour y insérer dpe.js ainsi que jQuery (dpe.js utilise la bibliothèque javascript jQuery, ce qui rend notre script portable sur la plus part des navigateurs. Rassurez-vous, aucune connaissance de jQuery n'est requise pour afficher les vignettes DPE avec notre script.)

<head> <title>Un site immobilier sensas</title> <script type="text/javascript" src="/dpejs/jquery.min.js"></script> <script type="text/javascript" src="/dpejs/dpe.js"></script> ... </head>

Pour afficher l'étiquette énergie d'un bien immobilier consommant 112 kWh_EP/m².an, insérez ce code dans le corps de votre page:

<div title="energie:112">Veuillez activer javascript pour visualiser notre superbe étiquette énergie</div>

De même, pour afficher la consommation en gaz à effets de serre du bien immobilier:

<div title="ges:32">Texte alternatif lorsque javascript n'est pas activé</div>

Tout ce qui vous reste à faire ensuite est de lancer la methode dpe.all() qui placera les étiquettes DPE aux endroits que vous venez de définir dans la page.
Une manière simple de le faire est de rajouter onload = "dpe.all()" dans votre tag body.

<body onload="dpe.all()">

Remarque: pour les pros de jQuery, vous pouvez bien sûr utiliser $(document).ready() au lieu de l'attribut onload.
Ex:

$(document).ready(dpe.all);

dpe.js vous offre d'autres possibilités:

taille réglable des étiquettes
personnalisation des titres et de l'unité
création des étiquettes directement en javascript (par exemple pour utilisation avec ajax)
affichage de mini-vignettes énergie ou ges pour vos listes d'annonces immobilières

Pour tout cela (et plus): consultez la documentation.

Créer un site pour une agence immobilière

Bien au delà du simple affichage du dpe, le site aeimmo.com vous permet de créer un site d'agence immobilière complet en un clic.
Ce site vous fournit des fonctions de tri, recherche et impression des annonces immobilières, alerte emails.
L'administration du site immobilier est simple et rapide, permettant notamment d'ajouter ou d'éditer les offres immobilières très rapidement.