Différences

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

--- pipo [20/08/2022 13:16] – cyrille
+++ pipo [20/08/2022 17:09] (Version actuelle) – typo cyrille
@@ Ligne 1: / Ligne 1: @@
-====== Pipo ======
+====== C'est c'là, oui... que du pipo ! ======
-<html>
+<WRAP center round box 95%>
-	<script src="https://unpkg.com/jquery@1.9.1/jquery.min.js"></script>
+----
-	<div id="pipo">
+<html>
-		<p class="title"></p>
-		<p class="texte"></p>
-	</div>
 	<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>
+		<p id="pipoTexte"></p>
+	</div>
 <script>
 		"use strict";
-		$(function () {
+		/*
+		https://www.evermade.fi/story/replacing-jquery-native-javascript-projects/
+		*/
+		if (
+			document.readyState === "complete" ||
+			(document.readyState !== "loading" && !document.documentElement.doScroll)
+		) {
+			pipoInit();
+		} else {
+			document.addEventListener("DOMContentLoaded", () => pipoInit());
+		}
-			var $pipos = $('#pipos');
+		var pipos ;
-			$pipos.append('<option value="">au hasard</option>');
+		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');
+			var s ;
+			s = '<option value="">au hasard</option>';
 			Object.keys(pipos).forEach(item => {
-				$pipos.append('<option value="' + item + '">' + item + '</option>');
+				s += '<option value="' + item + '">' + item + '</option>';
 			});
+			$pipos.innerHTML = s ;
-			$('#pipote').on('click', function () {
+			document.getElementById('pipote').addEventListener('click', function () {
-				var s = pipote($pipos.val());
+				s = pipote( $pipos.options[$pipos.selectedIndex].value );
-				$('.texte', $pipo).html(s);
+				document.getElementById('pipoTexte').innerHTML = s ;
 			});
-			var $pipo = $('#pipo');
+			s = pipote();
+			document.getElementById('pipoTexte').innerHTML = s ;
 			function pipote(pipoName) {
@@ Ligne 36: / Ligne 66: @@
 					pipoName = names[Math.floor(Math.random() * names.length)];
 				}
-				$('.title', $pipo).html(pipoName + ' :');
+				document.getElementById('pipoTitle').innerHTML = pipoName + ' :' ;
 				var parts = [];
@@ Ligne 42: / Ligne 72: @@
 					parts.push(items[Math.floor(Math.random() * items.length)])
 				);
+				// Pour faire une liaison avec ou sans apostrophe "’" mettre un "#" au lieu du "de" ou "d’".
 				var aeiouy = ['a', 'e', 'i', 'o', 'u', 'y', 'h', 'é', 'è', 'ê'];
 				var n = parts.length;
@@ Ligne 64: / Ligne 94: @@
 				return pipo;
 			}
-		});
-		/**
-		 * Pour faire une liaison avec ou sans apostrophe "’" mettre un "#" au lieu du "de" ou "d’".
-		 */
-		var pipos = {
-			'entreprise': [
-				[ // section 1
-					'Intrinsèquement',
-					'Conceptuellement',
-					'Inversement',
-					'Dans le cadre de sa restructuration',
-					'Pour permettre un juste rééquilibrage',
-					'Dans un contexte défavorable',
-					'Comme annoncé',
-					'En allant à l’encontre des indicateurs',
-					'Face au marché',
-					'Pour répondre aux impératifs budgétaires',
-					'Avec audace',
-					'Par la suite',
-					'Dans le cadre des accords syndicaux',
-				],
-				[ // section 2
-					'l’entreprise',
-					'notre secteur d’activité',
-					'le service achat',
-					'notre responsable informatique',
-					'Jean-Paul Dupont',
-					'le PDG du groupe',
-					'le conseil d’administration',
-					'mon activité principale',
-					'le coeur de cible de notre business',
-					'la situation actuelle',
-					'la politique des 35 heures',
-					'la traçabilité',
-					'la phase de qualification',
-					'la productivité',
-				],
-				[ // section 3
-					'valorise',
-					'développe',
-					'manage',
-					'r""value',
-					'donne une visibilité sur',
-					'permet de recentrer',
-					'affine',
-					'réaffirme',
-					's’oriente vers',
-					'aménage',
-					'redistribue',
-					'recentre',
-					'place dans notre périmètre',
-				],
-				[ // section 4
-					'le couple développement/conception',
-					'le dépassement',
-					'le résultat',
-					'le déploiement',
-					'le dualisme objectif/mission',
-					'le système de valorisation',
-					'le regain de business',
-					'le retour sur investissement',
-					'le concept culturel',
-					'le principe de globalisation',
-					'le rapport',
-				],
-				[ // section 5
-					'multidisciplinaire',
-					'intertechnologique',
-					'commercial',
-					'systématique',
-					'vertical',
-					'diagonal',
-					'hiérarchique',
-					'des nouvelles technologies',
-					'statistique',
-					'provisionnel',
-					'alarmiste',
-					'du binôme production/distribution',
-					'technodépendant',
-					'anticipé',
-					'symbiotique',
-				],
-				[ // section 6
-					'par la mise en avant de',
-					'en absorbant',
-					'en restructurant',
-					'en mettant l’accent auprès de',
-					'en rebondissant sur',
-					'au travers de',
-					'en absorbant le potentiel de',
-					'de',
-					'pour',
-					'en direction de',
-					'à l’encontre de',
-					'dans la logique d’accompagnement de',
-					'par opposition à',
-				],
-				[ // section 7
-					'ses collaborateurs',
-					'ses concurrents',
-					'ses systèmes d’informations',
-					'l’ensemble des productions',
-					'ses coeurs de cible',
-					'ses espaces commerciaux',
-					'ses métiers principaux',
-					'ses fonctionnements cycliques',
-					'des résultats marketings',
-				],
-				[ // section 8
-					'High-Techs',
-					'les plus performants',
-					'satellites',
-					'leaders',
-					'indispensables',
-					'prévisionnels',
-					'les plus prudents',
-					'répartis',
-				],
-			],
-			'physique': [
-				[// section 1
-					'Intrinsèquement,',
-					'Conceptuellement,',
-					'Inversement,',
-					'Dans le cadre d’un vision purement quantique du phénomène',
-					'En partant des relations d’incertitude d’Heinsenberg on constate que',
-					'Si on considère cette manifestation comme découlant de la fonction d’onde',
-					'Comme prévu par la relativité générale',
-					'Conformément aux prédictions de Louis de Broglie',
-					'Dans une perspective relativiste',
-					'Afin de parvenir à une mesure plus précise des constantes',
-					'Tout en étant en superposition d’état,',
-					'De par les règles probabilistes',
-					'Dans un espace temps à 11 dimensions dont 7 repliées,',
-				],
-				[ // section 2
-					'les photons',
-					'les gravitons de masse nulle et de spin-2',
-					'les protons du noyau',
-					'les électrons, de spin 1 ou 0,',
-					'les ondes électromagnétiques',
-					'les atomes d’hydrogènes',
-					'les bosons W',
-					'les ondes gravitationelles',
-					'les atomes radioactifs',
-					'les neutrinos et antineutrinos',
-					'les gluons',
-					'les neutrons hors du noyau',
-					'les ions négatifs',
-					'les cations',
-				],
-				[ // Section 3
-					'interfèrent avec',
-					'se désintègrent en',
-					'échangent de l’énergie avec',
-					'se combinent avec',
-					'intéragissent avec',
-					'assimilent',
-					'émettent',
-					'capturent',
-					'fusionnent avec',
-					'peuvent être confondus avec',
-					'ne doivent pas être confondus avec',
-					'sont attirés par',
-					'sont repoussés par',
-				],
-				[ // section 4
-					'une particule de charge contraire',
-					'leur antiparticule',
-					'les électrons des couches extèrieures',
-					'les protons H+',
-					'un électron et un antineutrino',
-					'les ondes gamma',
-					'les ondes alpha',
-					'les ondes beta',
-					'les ondes électromagnétiques',
-					'l’énergie des ondes lumineuses',
-					'les ondes gravitationnelles',
-				],
-				[ // Section 5
-					'dans un état défini',
-					'dans un état superposé',
-					'de spin 0 ou 1',
-					'de charge inconnue',
-					'de masse nulle',
-					'de masse très faible',
-					'très lourde',
-					'd’une énergie élevée',
-					'à durée de vie de l’ordre de la microseconde',
-					'en accélération',
-					'en mouvement périodique',
-					'de vitesse élevée',
-					'qui remonte le temps',
-					'qui se diffuse dans l’espace',
-					'encore de l’ordre de la théorie',
-				],
-				[ // Section 6
-					'en interférant avec',
-					'en absorbant',
-					'en fusionnant avec',
-					'en modifiant la trajectoire',
-					'en servant de catalyseur pour',
-					'en émettant',
-					'en absorbant le potentiel',
-					'afin de donner',
-					'ce qui entraine la formation',
-					'en direction de',
-					'ce qui cause la disparition',
-				],
-				[ // Section 7
-					'des ondes de moindre énergie',
-					'd’autres particules proches',
-					'des champs électromagnétiques',
-					'des ondes lumineuses',
-					'des photons incidents',
-					'des électrons les plus proches',
-					'des masses les plus proches',
-					'des fonctionnements cycliques',
-				],
-				[ // Section 8
-					'et de type encore inconnu',
-					'et plus énergétiques',
-					'et satellites',
-					'et de masse plus élevée',
-					'et mesurables',
-					'et conformes au prévisions',
-					'et indentifiables',
-					'et dont la répartition est aléatoire',
-				],
-			],
-			'potin': [
-				[ //Section 1
-					'Pierre-François', 'Fred', 'Alban', 'Yves', 'Olivier',
-				],
-				[ // Section 2
-					'a plaqué',
-					's’est pris un rateau avec',
-					's’est tapé',
-					'est sorti avec',
-					'a collé une baffe à',
-					'a dormi avec',
-					'est parti en rando avec',
-					'a été vu samedi en compagnie de',
-					'a écrit une chanson à',
-					'était à la soirée d#',
-					's’est secrètement marié avec',
-				],
-				[ // Section 3
-					'Solange.',
-					'Haud.',
-					'Servane.',
-					'Nancy.',
-					'Laure.',
-					'Sarah.',
-					'Dominique.',
-					'Estelle.',
-					'Agnès.',
-					'Nathou.',
-					'Cécile.',
-					'Kevina.',
-				],
-				[ // Section 4
-					'Du coup,  ',
-					'Forcément, ',
-					'Après quoi ',
-					'Evidemment, ',
-				],
-				[ // Section 5
-					'Haud',
-					'Servane',
-					'Nancy',
-					'Laure',
-					'Sarah',
-					'Dominique',
-					'Estelle',
-					'Agnès',
-					'Nathou',
-					'Cécile',
-					'Kevina',
-					'Solange',
-				],
-				[ // Section 6
-					'n’était pas au courant !',
-					'lui fait un tout petit peu la gueule depuis.',
-					'lui a rendu la monnaie de sa pièce !',
-					'aurait voulu remettre ça avec lui ! ',
-					'n’arrête pas de le coller.',
-					'lui a demandé quelques explications !',
-					'a trouvé ça très moyen.',
-					's’en est aperçue... ',
-				],
-				[ // Section 7
-					'Elle en a parlé avec',
-					'Elle aurait eu un accident avec',
-					'Elle n’a rien dit à',
-					'Elle a essayé de la brancher sur ',
-					'Elle a téléphoné à',
-					'Elle a tout raconté à',
-					'Elle est allée à la soirée chez',
-				],
-				[ // Section 8
-					'Pierre-François',
-					'Fred',
-					'Alban',
-					'Yves',
-					'Olivier',
-				],
-				[ // Section 9
-					'et elle l’a traité de',
-					'et elle a raconté à tout le monde que c’est un',
-					'en oubliant de préciser qui dans l’histoire était le plus ',
-					'qui s’est conduit comme un',
-				],
-				[ // Section 10
-					'salaud.',
-					'puceau.',
-					'chieur.',
-					'obsédé.',
-					'comique.',
-					'nase'
-				],
-			],
 		};
 </script>
 </html>
+----
+</WRAP>
+Voir/éditer [[pipo/pipos|les pipos]] ou [[pipo/pipos?do=export_raw|les télécharger]].
+<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>