Comment exporter une section de page HTML/PHP en Excel avec JavaScript ?

Par défaut

Bonjour, Il est parfois important de vouloir exporter le contenu de vos pages dans un fichier Excel. Pour cela, la section à exporter doit être un tableau pour permettre à Excel de reconnaitre le type de donnée exportée.

  1. Vous devez créer un lien ou un bouton sur lequel vous cliqueriez pour exporter votre tableau en Excel:
<a href="javascript:void(0)" onClick="exporterEnExcel('divAexporter')">Exporter en Excel</a>
Lien

EXPLICATION:

Dans le code ci-dessus, j’ai créé un lien en HTML dans lequel j’ai ajouté un évènement de clic onClick=”exporterEnExcel(‘divAexporter’). Cet évènement exécutera ma fonction Javascript appelée exporterEnExcel() qui me permettra d’exporter mon tableau en Excel. Dans la fonction exporterEnExcel() nous avons un paramètre:  divAexporter , qui représente l’ID de la section ou tableau à exporter.

2. Création de mon tableau HTML à exporter:

<div id="divAexporter">
	<table width="100%" border="1">
	  <tbody>
		<tr>
		  <th scope="col">N°</th>
		  <th scope="col">NOM</th>
		  <th scope="col">PRENOMS</th>
		  <th scope="col">SEXE</th>
		  <th scope="col">AGE</th>
		</tr>
		<tr>
		  <th scope="row">1</th>
		  <td>Gueu</td>
		  <td>Pacôme</td>
		  <td>M</td>
		  <td>28</td>
		</tr>
		<tr>
		  <th scope="row">2</th>
		  <td>Rush</td>
		  <td>Ethan</td>
		  <td>M</td>
		  <td>8</td>
		</tr>
		<tr>
		  <th scope="row">3</th>
		  <td>Liam</td>
		  <td>Nathan</td>
		  <td>M</td>
		  <td>5</td>
		</tr>
		<tr>
		  <th scope="row">4</th>
		  <td>Gueu</td>
		  <td>Kethian</td>
		  <td>F</td>
		  <td>1</td>
		</tr>
	  </tbody>
	</table>
</div>
tableau à exporter

3. Création de la fonction JavaScript qui nous servira à exporter le tableau HTML

<script>
 function exporterEnExcel(param) {
	 if(confirm("Êtes vous sûr de vouloir exporter ces données, l'exportation prendre unpeu de temps selon les données qui existent")){
		 var contents = document.getElementById(param).innerHTML;
    	 window.open('data:application/vnd.ms-excel,' + encodeURIComponent(contents));
	 }else{
		 alert("Exportation annulée");
		 return false;
	 }
}
 </script>
Fonction Javascript

CODE COMPLET:

<a href="javascript:void(0)" onClick="exporterEnExcel('divAexporter')">Exporter mon tableau en excel</a>
<div id="divAexporter">
	<table width="100%" border="1">
	  <tbody>
		<tr>
		  <th scope="col">N°</th>
		  <th scope="col">NOM</th>
		  <th scope="col">PRENOMS</th>
		  <th scope="col">SEXE</th>
		  <th scope="col">AGE</th>
		</tr>
		<tr>
		  <th scope="row">1</th>
		  <td>Gueu</td>
		  <td>Pacôme</td>
		  <td>M</td>
		  <td>28</td>
		</tr>
		<tr>
		  <th scope="row">2</th>
		  <td>Rush</td>
		  <td>Ethan</td>
		  <td>M</td>
		  <td>8</td>
		</tr>
		<tr>
		  <th scope="row">3</th>
		  <td>Liam</td>
		  <td>Nathan</td>
		  <td>M</td>
		  <td>5</td>
		</tr>
		<tr>
		  <th scope="row">4</th>
		  <td>Gueu</td>
		  <td>Kethian</td>
		  <td>F</td>
		  <td>1</td>
		</tr>
	  </tbody>
	</table>
</div>
<script>
 function exporterEnExcel(param) {
	 if(confirm("Êtes vous sûr de vouloir exporter ces données, l'exportation prendre unpeu de temps selon les données qui existent")){
		 var contents = document.getElementById(param).innerHTML;
    	 window.open('data:application/vnd.ms-excel,' + encodeURIComponent(contents));
	 }else{
		 alert("Exportation annulée");
		 return false;
	 }
}
 </script>
Code complet

Présentation de l’interface Caisse/Guichet de FinanSoft.

Par défaut

FinanSoft: Logiciel de Gestion Bancaire et de Micro Finances
Version: 1.5 Beta
Interface : Caisse / Guichet
Editeur: WestSofts

Présentation de l’interface Caisse/Guichet de FinanSoft.
Fonctionnalités:
– Dépôt d’argent (Toutes les devises)
– Retrait d’argent (Toutes les devises)
– Rapport des Transactions Dépots/Retraits
– Envoi d’argent à une Proche
– Retrait d’argent depuis un Guichet, OrangeMoney, MTN MoMo…..
– Rapport des envois d’argent et encaissement.
– Consultation de solde

SITE WEB : www.westsofts.com
EMAIL: docteurgueu19@gmail.com
WHATSAPP: +224656339115
SITE PRO: www.gueupacome.com

Présentation de l’interface de gestion clientèle FinanSoft

Par défaut

FinanSoft: Logiciel de Gestion Bancaire et de Micro Finances
Version: 1.5 Beta
Interface : Client
Editeur: WestSofts

Présentation de l’interface de gestion clientèle FinanSoft. Elle représente toutes les possibilités offertes au client pour la gestion efficace de ses comptes Devises.

SITE WEB : www.westsofts.com

Formation au langage Python des écoles privées de la place pour la Semaine Africaine des Sciences

Par défaut

Pour la Semaine Africaine des Sciences en Guinée, une formation Spécifique au langage Python a été donnée aux élèves des écoles privées de la place.

Les jeunes ont apprit la logique de programmation (boucle, condition, variable, liste etc) et ont écrit leurs premières lignes de code Python pour créer des algorithmes !

Fini l’approche visuelle du code, plus de blocs, vive les lignes de code ! (Next Einstein Forum)

Formation assurée par Gueu Pacôme.