https://kono.phpage.fr/index.php?action=history&feed=atom&title=JavaScript%2C_formulaire
JavaScript, formulaire - Historique des versions
2026-10-23T02:04:12Z
Historique des versions pour cette page sur le wiki
MediaWiki 1.43.11
https://kono.phpage.fr/index.php?title=JavaScript,_formulaire&diff=2784&oldid=prev
Fylip22 le 30 août 2021 à 20:00
2021-08-30T20:00:16Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="fr">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 30 août 2021 à 22:00</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Ligne 1 :</td>
<td colspan="2" class="diff-lineno">Ligne 1 :</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><source lang="<del style="font-weight: bold; text-decoration: none;">javascript</del>"></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><source lang="<ins style="font-weight: bold; text-decoration: none;">html</ins>"></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><!DOCTYPE html></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><!DOCTYPE html></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><html lang="fr"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><html lang="fr"></div></td></tr>
</table>
Fylip22
https://kono.phpage.fr/index.php?title=JavaScript,_formulaire&diff=2783&oldid=prev
Fylip22 le 30 août 2021 à 19:58
2021-08-30T19:58:18Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="fr">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 30 août 2021 à 21:58</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Ligne 1 :</td>
<td colspan="2" class="diff-lineno">Ligne 1 :</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><<del style="font-weight: bold; text-decoration: none;">pre</del>></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><<ins style="font-weight: bold; text-decoration: none;">source lang="javascript"</ins>></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><!DOCTYPE html></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><!DOCTYPE html></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><html lang="fr"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><html lang="fr"></div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l81">Ligne 81 :</td>
<td colspan="2" class="diff-lineno">Ligne 81 :</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></body></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></body></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></html></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></html></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div></<del style="font-weight: bold; text-decoration: none;">pre</del>></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></<ins style="font-weight: bold; text-decoration: none;">source</ins>></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Catégorie:Programmation]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Catégorie:Programmation]]</div></td></tr>
</table>
Fylip22
https://kono.phpage.fr/index.php?title=JavaScript,_formulaire&diff=1125&oldid=prev
Fylip22 le 20 janvier 2019 à 14:29
2019-01-20T14:29:22Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="fr">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 20 janvier 2019 à 16:29</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l82">Ligne 82 :</td>
<td colspan="2" class="diff-lineno">Ligne 82 :</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></html></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></html></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></pre></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></pre></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Catégorie:Programmation]]</ins></div></td></tr>
</table>
Fylip22
https://kono.phpage.fr/index.php?title=JavaScript,_formulaire&diff=873&oldid=prev
Fylip22 : Page créée avec « <pre> <!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X... »
2018-03-30T15:13:58Z
<p>Page créée avec « <pre> <!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X... »</p>
<p><b>Nouvelle page</b></p><div><pre><br />
<!DOCTYPE html><br />
<html lang="fr"><br />
<head><br />
<meta charset="UTF-8"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0"><br />
<meta http-equiv="X-UA-Compatible" content="ie=edge"><br />
<title>Formulaire test</title><br />
<style><br />
header, h2 {background-color: grey; color:white; margin:0.1em; padding: 0.1em;}<br />
header {font-family: arial; text-align: center; font-size: 200%;}<br />
form {width: 50em;}<br />
textarea {width:56em;}<br />
p {margin:0.5em; padding:0;}<br />
footer {background-color: grey; color:white; margin:0.1em; padding: 0.1em;}<br />
</style><br />
<link rel="stylesheet" href="jquery-ui.min.css"><br />
<script type="text/javascript" src="jquery-3.3.1.min.js"></script> <!-- chargement de jQuery --><br />
<script type="text/javascript" src="jquery.zclip.min.js"></script> <!-- chargement de jQuery, --><br />
<script type="text/javascript" src="jquery-ui.min.js"></script> <!-- chargement de jQuery, --><br />
<script type="text/javascript"><br />
$( function() {<br />
$( "#texte").click( // création d'un texte d'exemple<br />
function() {<br />
$( "#message").val( "Ceci est un texte d'essai, avec des lettre accentuée (aeiou, àéèîïôöùû)" );<br />
}<br />
);<br />
<br />
$( "#encoder" ).click( // encodage du texte<br />
function() {<br />
var TexteEncode = encodeURIComponent( $( "#message" ).val() );<br />
$( "#message" ).val( TexteEncode );<br />
}<br />
);<br />
<br />
$( "#decoder" ).click( // décodage du texte<br />
function() {<br />
var TexteDecode = decodeURIComponent( $( "#message" ).val() );<br />
$( "#message" ).val( TexteDecode );<br />
}<br />
);<br />
<br />
$( "#supprimer").click(<br />
function() { // mise à blanc de la zone de texte<br />
$( "#message").val( "" );<br />
}<br />
);<br />
}<br />
);<br />
</script><br />
</head><br />
<body><br />
<header>Test de formulaire, avec JavaScript</header><br />
<h2>Formulaire de saisie</h2><br />
<form><br />
<fieldset><br />
<br />
<input type="text" name="date" id="date"><br />
<p>Votre saisie</p><br />
<textarea name="message" id="message" rows="10"></textarea><br />
<br />
</fieldset><br />
<br />
<fieldset><br />
<input type="button" id="texte" value="Texte modèle"><br />
<input type="button" id="encoder" value="Encoder"><br />
<input type="button" id="decoder" value="Décoder"><br />
<input type="button" id="copy" value="Copier"> <!-- la fonction copy est définie par jquery.zclip.min.js --><br />
<input type="button" id="supprimer" value="Supprimer"><br />
</fieldset><br />
</form><br />
<footer><br />
<p>Ceci est le pied de page</p><br />
</footer><br />
<br />
<script type="text/javascript"><br />
console.log( "étape numéro 1" );<br />
$( "#date" ).datepicker();<br />
$( "footer" ).hide( 3000 ).delay( 500 ).show( 3000 );<br />
</script><br />
</body><br />
</html><br />
</pre></div>
Fylip22