Différences

Ci-dessous, les différences entre deux révisions de la page.

--- pipo [20/08/2022 13:32] – cyrille
+++ pipo [20/08/2022 14:50] – cyrille
@@ Ligne 1: / Ligne 1: @@
-====== Pipo ======
+====== C'est c'là, oui... que du pipo ! ======
+----
 <html>
 	<select id="pipos">
 	</select>
-	<button id="pipote">C'est c'là, oui... Du pipo !</button>
+	<button id="pipote">Pipote !</button>
 	<div>
 		<p id="pipoTitle"></p>
@@ Ligne 21: / Ligne 23: @@
 			pipoInit();
 		} else {
-			document.addEventListener("DOMContentLoaded", pipoInit);
+			document.addEventListener("DOMContentLoaded", () => pipoInit());
 		}
-		function pipoInit() {
+		function pipoInit( loaded ) {
+			if( ! loaded )
+			{
+				const req = new XMLHttpRequest();
+				req.addEventListener('load', (a) => {
+					pipos = JSON.parse( req.responseText );
+					pipoInit(true);
+				} );
+				req.open('GET', 'https://cyrille.giquello.fr/pipo/pipos?do=export_raw');
+				req.send();
+			}
 			var $pipos = document.getElementById('pipos');
@@ Ligne 39: / Ligne 52: @@
 				document.getElementById('pipoTexte').innerHTML = s ;
 			});
+			s = pipote();
+			document.getElementById('pipoTexte').innerHTML = s ;
 			function pipote(pipoName) {
@@ Ligne 80: / Ligne 96: @@
 		 * Pour faire une liaison avec ou sans apostrophe "’" mettre un "#" au lieu du "de" ou "d’".
 		 */
-		var pipos = {
+		var pipos ;
+		var zpipos = {
 			'entreprise': [
 				[ // section 1
@@ Ligne 391: / Ligne 408: @@
 				],
 				[ // Section 10
-					'salaud.',
+					'salaud',
-					'puceau.',
+					'puceau',
-					'chieur.',
+					'chieur',
-					'obsédé.',
+					'obsédé',
-					'comique.',
+					'comique',
-					'nase'
+					'nase',
 				],
 			],
@@ Ligne 403: / Ligne 420: @@
 </script>
 </html>
+{{ ::pipo:pipos.json |Les pipos}}
+----
+<WRAP center round info 60%>
+Le pipotron est une invention originale du génial concepteur Yves -> http://bluepsi.free.fr/cybertechno/pipotron/pipotron.html (//exécutable Windows//)
+Une autre adaptation -> http://www.pipotron.free.fr/ (//page web//)
+</WRAP>