pipo
Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente | ||
pipo [20/08/2022 13:15] – cyrille | pipo [20/08/2022 17:09] (Version actuelle) – typo cyrille | ||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
- | ====== | + | ====== |
- | <html> | + | <WRAP center round box 95%> |
+ | ---- | ||
- | <div id=" | + | <html> |
- | <p class=" | + | |
- | <p class=" | + | |
- | </div> | + | |
<select id=" | <select id=" | ||
</ | </ | ||
- | <button id=" | + | <button id=" |
+ | < | ||
+ | <p id=" | ||
+ | <p id=" | ||
+ | </div> | ||
< | < | ||
"use strict"; | "use strict"; | ||
- | $(function | + | /* |
+ | https:// | ||
+ | */ | ||
+ | if ( | ||
+ | document.readyState === " | ||
+ | (document.readyState !== " | ||
+ | ) { | ||
+ | pipoInit(); | ||
+ | } else { | ||
+ | document.addEventListener(" | ||
+ | } | ||
- | var $pipos = $('#pipos' | + | var pipos ; |
- | $pipos.append('< | + | |
+ | function pipoInit( loaded ) { | ||
+ | |||
+ | if( ! loaded ) | ||
+ | { | ||
+ | const req = new XMLHttpRequest(); | ||
+ | req.addEventListener('load', (a) => { | ||
+ | pipos = JSON.parse( req.responseText ); | ||
+ | pipoInit(true); | ||
+ | } ); | ||
+ | req.open(' | ||
+ | req.send(); | ||
+ | } | ||
+ | |||
+ | var | ||
+ | var s ; | ||
+ | |||
+ | s = '< | ||
Object.keys(pipos).forEach(item => { | Object.keys(pipos).forEach(item => { | ||
- | $pipos.append('< | + | s += '< |
}); | }); | ||
+ | $pipos.innerHTML = s ; | ||
- | $('#pipote' | + | document.getElementById(' |
- | 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) { | function pipote(pipoName) { | ||
Ligne 35: | Ligne 66: | ||
pipoName = names[Math.floor(Math.random() * names.length)]; | pipoName = names[Math.floor(Math.random() * names.length)]; | ||
} | } | ||
- | $('.title', $pipo).html(pipoName + ' :'); | + | document.getElementById('pipoTitle').innerHTML = pipoName + ' :' ; |
var parts = []; | var parts = []; | ||
Ligne 41: | Ligne 72: | ||
parts.push(items[Math.floor(Math.random() * items.length)]) | parts.push(items[Math.floor(Math.random() * items.length)]) | ||
); | ); | ||
+ | // Pour faire une liaison avec ou sans apostrophe " | ||
var aeiouy = [' | var aeiouy = [' | ||
var n = parts.length; | var n = parts.length; | ||
Ligne 63: | Ligne 94: | ||
return pipo; | return pipo; | ||
} | } | ||
- | }); | ||
- | |||
- | /** | ||
- | * Pour faire une liaison avec ou sans apostrophe " | ||
- | */ | ||
- | var pipos = { | ||
- | ' | ||
- | [ // section 1 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // section 2 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // section 3 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // section 4 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // section 5 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // section 6 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // section 7 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // section 8 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | ], | ||
- | ' | ||
- | [// section 1 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // section 2 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | |||
- | [ // Section 3 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // section 4 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // Section 5 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // Section 6 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // Section 7 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // Section 8 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | ], | ||
- | ' | ||
- | [ //Section 1 | ||
- | ' | ||
- | ], | ||
- | [ // Section 2 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // Section 3 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // Section 4 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // Section 5 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // Section 6 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // Section 7 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // Section 8 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // Section 9 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | [ // Section 10 | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ' | ||
- | ], | ||
- | ], | ||
}; | }; | ||
+ | |||
</ | </ | ||
</ | </ | ||
+ | |||
+ | ---- | ||
+ | </ | ||
+ | |||
+ | Voir/ | ||
+ | |||
+ | <WRAP center round info 60%> | ||
+ | Le pipotron est une invention originale du génial concepteur Yves -> http:// | ||
+ | |||
+ | Une autre adaptation -> http:// | ||
+ | |||
+ | </ | ||
+ |
pipo.txt · Dernière modification : 20/08/2022 17:09 de cyrille