heuzef
/
dactylotest
kopia lustrzana https://github.com/tazzon/dactylotest.git
1
0
Forkuj 0
Kod Zgłoszenia 0 Wydania 0 Wiki Aktywność
Przeglądaj źródła

modification lien barre menu

pull/35/head
Alexis 4 lat temu
rodzic
60bad19b24
commit
3a2be09bdb
4 zmienionych plików z 335 dodań i 335 usunięć
Widok podzielony
Opcje porównania
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania
  1. +103
    -103
      bepodactyl/index.html
  2. +121
    -121
      dactylotest/index.html
  3. +48
    -48
      index.html
  4. +63
    -63
      tridactyl/index.html

+ 103
- 103
bepodactyl/index.html Wyświetl plik

@@ -1,103 +1,103 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bépodactyl : Exercices d'apprentissage de la disposition BÉPO</title>
<script type="text/javascript" src="js/fonctions_texte.js"></script>
<script type="text/javascript" src="js/functions_page.js"></script>
<script type="text/javascript" src="js/exo.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body onkeydown="get_key(event,'down')" onkeyup="get_key(event,'up')">
<div class="bar" id="bar">
<a href="http://tazzon.free.fr/dactylotest/"><img src="../home.png" alt="home" style="padding-bottom:2px"/></a>
<a href="../dactylotest/" title="Testez votre vitesse de frappe">Dactylotest</a>
<a href="../tridactyl/" title="Perfectionnez votre frappe grâce aux trigrammes">Tridactyl</a>
<a href="../bepodactyl/" title="Bien débutez avec la disposition de clavier BÉPO">Bépodactyl</a>
</div>
<div class="head">
<h1>— Bépodactyl —</h1><br/>
Exercices d'apprentissage de la disposition BÉPO.
</div>
<!--input type="text" id="set_time" /-->
<div class="main">
<p>
<input type="button" id="but_-" onclick="change_exo('-')" value="−"/>
<input type="button" id="but_+" onclick="change_exo('+')" value="+"/>
<input type="button" id="but_+" onclick="change_exo('=')" value="Recommencer"/>
<input type="button" onClick="view_options('block')" value="Options" />
<input type="button" onClick="view_help('block')" value="?" />
</p>
<br/>
<div id="aff_kb"></div>
<hr/>
<div style="width:100%"><strong style="float:left;width:65%">Exercice nº<span id="exo_nb"></span></strong><span id="nb_vies" style="float:left;text-align:right;width:20%"></span></div>
<br/><br/>
<div class="ici" id="ici">
<p class="rd_txt" id="rd_txt"><span style="color:red"><strong>Javascript doit être activé ! Vous pouvez le faire en modifiant les préférences de votre navigateur. Si vous ne savez pas comment faire, consultez l'aide de celui-ci.</strong></span></p>
<p>>> <input type="text" onkeyup="test(event)" onkeydown="" id="txt" class="txt"/></p>
</div>
<hr/>
<div id="resultats" class="result"></div>
</div>
<div id="voile" class="voile"></div>
<div id="options" class="options">
<p style="margin-bottom:10px"><strong>Options</strong><p>
<p>
<!--input type="checkbox" id="val_kb" checked="checked" onChange="aff_kb(this.checked)" /> Afficher l’image du clavier<br/-->
Image du clavier<br/>
<input type="radio" name="type_kb" id="type_kb_1" checked="checked" value="1" onChange="type_clavier(this.value)" /><label for="type_kb_1"> Clavier décalé</label><br/>
<input type="radio" name="type_kb" id="type_kb_2" value="2" onChange="type_clavier(this.value)" /><label for="type_kb_2"> Typematrix</label><br/>
<input type="radio" name="type_kb" id="type_kb_0" value="0" onChange="type_clavier(this.value)" ./><label for="type_kb_0"> Pas de clavier</label><br/>
<br/>
Version BÉPO<br/>
<input type="radio" name="v_bepo" id="v_bepo_0" value="0" checked="checked" onChange="change_bepo_version(this.value)" /><label for="v_bepo_0"> V1.0</label><br/>
<input type="radio" name="v_bepo" id="v_bepo_1" value="1" onChange="change_bepo_version(this.value)" /><label for="v_bepo_1"> V1.1</label><br/>
<br/>
<input type="checkbox" id="val_curseur" onChange="val_curseur(this.checked)" /><label for="val_curseur"> Activer le curseur</label><br/>
<!--br/>
<input type="checkbox" id="val_jeu" onChange="modejeu(this.checked)" /> Mode jeu<br/>
<!--input type="checkbox" id="val_nbsp" checked="checked" onChange="nbspace=this.checked;ligne_suivante(true)" /> Utiliser les espaces insécables<br/-->
<!--input type="checkbox" id="anti_correct" onChange="val_anti_correct(this.checked)" /> Activer l’anti-correction<br/-->
</p>
<p style="text-align:right;margin-top:10px">
<!--input type="button" onclick="valide_options()" value="Valider"/-->
<input type="button" onclick="view_options('none')" value="Fermer"/>
</p>
</div>
<div id="help" class="help">
  <p style="margin-bottom:10px"><strong>Aide</strong><p>
  <p>
Bépodactyl permet d’apprendre et de s’entraîner avec des exercices créés spécifiquement pour la disposition de clavier BÉPO.
</p>
<p>
Pour cela, vous pouvez utiliser l’image virtuelle du clavier (voir les options) afin de ne pas regarder les touches de votre clavier et ainsi favoriser les réflexes musculaires.
</p>
<p>
Commencer par les premiers exercices puis en fonction de votre progression passez aux suivants jusqu'à connaître le clavier sur le bout des doigts. Une fois que ce sera le cas, vous pourrez utiliser Dactylotest et prendre du plaisir à taper des textes le plus vite possible mais avec également le moins de fautes de frappe possible
</p>
<p style="text-align:right;margin-top:10px">
<input type="button" onclick="view_help('none')" value="Fermer"/>
</p>
</div>
<script type="text/javascript" src="js/start.js"></script>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bépodactyl : Exercices d'apprentissage de la disposition BÉPO</title>
<script type="text/javascript" src="js/fonctions_texte.js"></script>
<script type="text/javascript" src="js/functions_page.js"></script>
<script type="text/javascript" src="js/exo.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body onkeydown="get_key(event,'down')" onkeyup="get_key(event,'up')">
<div class="bar" id="bar">
<a href="/"><img src="../home.png" alt="home" style="padding-bottom:2px"/></a>
<a href="../dactylotest/" title="Testez votre vitesse de frappe">Dactylotest</a>
<a href="../tridactyl/" title="Perfectionnez votre frappe grâce aux trigrammes">Tridactyl</a>
<a href="../bepodactyl/" title="Bien débutez avec la disposition de clavier BÉPO">Bépodactyl</a>
</div>
<div class="head">
<h1>— Bépodactyl —</h1><br/>
Exercices d'apprentissage de la disposition BÉPO.
</div>
<!--input type="text" id="set_time" /-->
<div class="main">
<p>
<input type="button" id="but_-" onclick="change_exo('-')" value="−"/>
<input type="button" id="but_+" onclick="change_exo('+')" value="+"/>
<input type="button" id="but_+" onclick="change_exo('=')" value="Recommencer"/>
<input type="button" onClick="view_options('block')" value="Options" />
<input type="button" onClick="view_help('block')" value="?" />
</p>
<br/>
<div id="aff_kb"></div>
<hr/>
<div style="width:100%"><strong style="float:left;width:65%">Exercice nº<span id="exo_nb"></span></strong><span id="nb_vies" style="float:left;text-align:right;width:20%"></span></div>
<br/><br/>
<div class="ici" id="ici">
<p class="rd_txt" id="rd_txt"><span style="color:red"><strong>Javascript doit être activé ! Vous pouvez le faire en modifiant les préférences de votre navigateur. Si vous ne savez pas comment faire, consultez l'aide de celui-ci.</strong></span></p>
<p>>> <input type="text" onkeyup="test(event)" onkeydown="" id="txt" class="txt"/></p>
</div>
<hr/>
<div id="resultats" class="result"></div>
</div>
<div id="voile" class="voile"></div>
<div id="options" class="options">
<p style="margin-bottom:10px"><strong>Options</strong><p>
<p>
<!--input type="checkbox" id="val_kb" checked="checked" onChange="aff_kb(this.checked)" /> Afficher l’image du clavier<br/-->
Image du clavier<br/>
<input type="radio" name="type_kb" id="type_kb_1" checked="checked" value="1" onChange="type_clavier(this.value)" /><label for="type_kb_1"> Clavier décalé</label><br/>
<input type="radio" name="type_kb" id="type_kb_2" value="2" onChange="type_clavier(this.value)" /><label for="type_kb_2"> Typematrix</label><br/>
<input type="radio" name="type_kb" id="type_kb_0" value="0" onChange="type_clavier(this.value)" ./><label for="type_kb_0"> Pas de clavier</label><br/>
<br/>
Version BÉPO<br/>
<input type="radio" name="v_bepo" id="v_bepo_0" value="0" checked="checked" onChange="change_bepo_version(this.value)" /><label for="v_bepo_0"> V1.0</label><br/>
<input type="radio" name="v_bepo" id="v_bepo_1" value="1" onChange="change_bepo_version(this.value)" /><label for="v_bepo_1"> V1.1</label><br/>
<br/>
<input type="checkbox" id="val_curseur" onChange="val_curseur(this.checked)" /><label for="val_curseur"> Activer le curseur</label><br/>
<!--br/>
<input type="checkbox" id="val_jeu" onChange="modejeu(this.checked)" /> Mode jeu<br/>
<!--input type="checkbox" id="val_nbsp" checked="checked" onChange="nbspace=this.checked;ligne_suivante(true)" /> Utiliser les espaces insécables<br/-->
<!--input type="checkbox" id="anti_correct" onChange="val_anti_correct(this.checked)" /> Activer l’anti-correction<br/-->
</p>
<p style="text-align:right;margin-top:10px">
<!--input type="button" onclick="valide_options()" value="Valider"/-->
<input type="button" onclick="view_options('none')" value="Fermer"/>
</p>
</div>
<div id="help" class="help">
  <p style="margin-bottom:10px"><strong>Aide</strong><p>
  <p>
Bépodactyl permet d’apprendre et de s’entraîner avec des exercices créés spécifiquement pour la disposition de clavier BÉPO.
</p>
<p>
Pour cela, vous pouvez utiliser l’image virtuelle du clavier (voir les options) afin de ne pas regarder les touches de votre clavier et ainsi favoriser les réflexes musculaires.
</p>
<p>
Commencer par les premiers exercices puis en fonction de votre progression passez aux suivants jusqu'à connaître le clavier sur le bout des doigts. Une fois que ce sera le cas, vous pourrez utiliser Dactylotest et prendre du plaisir à taper des textes le plus vite possible mais avec également le moins de fautes de frappe possible
</p>
<p style="text-align:right;margin-top:10px">
<input type="button" onclick="view_help('none')" value="Fermer"/>
</p>
</div>
<script type="text/javascript" src="js/start.js"></script>
</body>
</html>

+ 121
- 121
dactylotest/index.html Wyświetl plik

@@ -1,121 +1,121 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dactylotest : mesurez votre vitesse de frappe au clavier</title>
<script type="text/javascript" src="js/fonctions_texte_2.js"></script>
<script type="text/javascript" src="js/err_test.js"></script>
<script type="text/javascript" src="js/fonctions_page_2.js"></script>
<script type="text/javascript" src="js/replay.js"></script>
<script type="text/javascript" src="js/req.js"></script>
<script type="text/javascript" src="js/ghost.js"></script>
<script type="text/javascript" src="js/fireworks.js"></script>
<script type="text/javascript" src="js/jscolor/jscolor.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="fireworks.css" />
</head>
<body onkeyup="vidactyl(event)">
<div class="bar" id="bar">
<a href="http://tazzon.free.fr/dactylotest/"><img src="../home.png" alt="home" style="padding-bottom:2px"/></a>
<a href="../dactylotest/" title="Testez votre vitesse de frappe">Dactylotest</a>
<a href="../tridactyl/" title="Perfectionnez votre frappe grâce aux trigrammes">Tridactyl</a>
<a href="../bepodactyl/" title="Bien débutez avec la disposition de clavier BÉPO">Bépodactyl</a>
<span style="color:#fafafa;float:right;padding-right:10px" id="welcome"></span>
</div>
<h1>— Dactylotest —</h1>
<div class="main">
<p class="text_nmbr" id="text_nmbr"></p>
<div class="ici">
<div id="err" class="err">— ERREUR —</div>
<p class="rd_txt" id="rd_txt"><span style="color:red"><strong>Javascript doit être activé ! Vous pouvez le faire en modifiant les préférences de votre navigateur. Si vous ne savez pas comment faire, consultez l'aide de celui-ci.</strong></span></p>
<p><textarea onkeydown="t_car[this.value.length]=new Date().getTime();list_frappes(event,this.value)" onkeyup="test(event)" id="txt" class="txt" cols="93" rows="7"></textarea></p>
</div>
<div>
<div class="new_text">
<input type="button" id="new_txt" onclick="new_text('new');this.blur()" value="Nouveau texte"/> <input type="button" id="same_txt" onclick="new_text('');this.blur()" value="Recommencer ce texte"/>
<p style="float:right">
<span id="d_replay">
Lecteur <input type="button" style="width:60px" id="replay" onclick="replay()" value="Play"/>
<input type="button" style="width:60px" onclick="replay('stop')" value="Stop"/>
<select id="speed_replay" onChange="vitesse=this.value;this.blur()" style="width:inherit">
<!--select id="speed_replay" style="width:inherit"-->
<option value="1">×1 </option>
<option value="2">×2 </option>
<option value="3">×3 </option>
<option value="4">×4 </option>
</select></span><br/><br/>
<input type="button" onclick="load_ghost('list')" value="Liste des fantômes pour ce texte"/>
</p>
<br/>
Méthode&nbsp;: <select id="methode" onChange="this.blur()">
<option value="rand">aléatoire </option>
<option value="number">sélection </option>
</select>
<br/>
Langue&nbsp;&nbsp;: <select id="lang" onChange="this.blur()">
<option value="fr">français </option>
<option value="en">anglais </option>
</select>
<br/>
<hr/>
</div>
<div class="options">
<input type="button" onclick="this.value=view_options()" value="Afficher les options"/>
<div class="view_options" id="view_options">
<p id="options">
<input type="checkbox" onclick="options()" id="apo_typ" /> apostrophe typographique<br/>
<input type="checkbox" onclick="options()" id="maj_acc" /> majuscules accentuées<br/>
<input type="checkbox" onclick="options()" id="ligat" /> ligatures (æ, œ)<br/>
<input type="checkbox" onclick="options()" id="pds" /> points de suspension « … »<br/>
<input type="checkbox" onclick="options()" id="cadratin" /> tiret cadratin<br/>
<input type="checkbox" onclick="options()" id="no_brk_spc" /> espaces insécables<br/>
&nbsp;&nbsp;&nbsp;<input type="checkbox" onclick="options()" id="no_brk_spc_display"/> les rendre visibles <span style="background-color:#ccc" title="fine insécable"> </span> <span style="background-color:#aaa" title="insécable"> </span><br/>
<input type="checkbox" onclick="options()" id="quote_fr" /> guillemets français « »<br/>
</p>
<br/>
<input type="button" value="Enregister les options" onclick="save_opt();this.blur()"/>
<!--p>
<input type="checkbox" id="short_aff" /> Afficher les résultats en ligne
</p-->
</div>
<hr/>
<!--
<input type="checkbox" id="ghost_actif" /> activer le fantôme <span id="demo_ghost" onclick="var c=prompt('nouvelle couleur du curseur (hexa)',cur_col_ghost);cur_col_ghost=c;this.style.backgroundColor=c;curseur()">&nbsp;</span><br/>
<input type="checkbox" id="curseur_actif" checked="checked" /> activer le curseur <span id="demo_curseur" onclick="var c=prompt('nouvelle couleur du curseur (hexa)',cur_col);cur_col=c;this.style.backgroundColor=c;curseur()">&nbsp;</span><br/>
-->
<input type="checkbox" id="ghost_actif" /> activer le fantôme <input id="demo_ghost" style="width:8px;border:none" class="color {valueElement:'gh_cur_col',hash:true,caps:false,slider:true,pickerFaceColor:'transparent',pickerFace:3,pickerBorder:0,pickerInsetColor:'black'}" /><input style="display:none" type="text" id="gh_cur_col" value="#ffd7ff" onchange="cur_col_ghost=this.value;cur_mix=mix_colors(cur_col,cur_col_ghost);curseur()"/><br/>
<input type="checkbox" id="curseur_actif" checked="checked" /> activer le curseur <input id="demo_curseur" style="width:8px;border:none" class="color {valueElement:'cur_col',hash:true,caps:false,slider:true,pickerFaceColor:'transparent',pickerFace:3,pickerBorder:0,pickerInsetColor:'black'}" /><input style="display:none" type="text" id="cur_col" value="#ffd700" onchange="cur_col=this.value;cur_mix=mix_colors(cur_col,cur_col_ghost);curseur()" /><br/>
<p style="margin-top:30px">
<a href="http://bepo.fr"><img src="http://bepo.fr/wiki/skins/bepo/bepo-powered.png" alt="bepo.fr" title="Ce test a été intégralement écrit en BÉPO !" /></a>
<a href="http://www.lecturel.com/clavier/mots-par-minute.php"><img src="img/lecturel.png" alt="lecturel.com" title="Ce test est inspriré de celui du site www.lecturel.com mais ajoute des fonctionnalités spécifiques à la bonne saisie du français." /></a>
</p>
</div>
<div id="resultats" class="result"></div>
</div>
</div>
<div style="display:none"><img src="img/indicator.gif" alt="c'est juste histoire qu'il soit chargé" /></div>
<div id="fireworks-template">
<div id="fw" class="firework"></div>
<div id="fp" class="fireworkParticle"><img src="image/particles.gif" alt="" /></div>
</div>
<div id="fireContainer"></div>
<script type="text/javascript" src="js/start.js"></script>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dactylotest : mesurez votre vitesse de frappe au clavier</title>
<script type="text/javascript" src="js/fonctions_texte_2.js"></script>
<script type="text/javascript" src="js/err_test.js"></script>
<script type="text/javascript" src="js/fonctions_page_2.js"></script>
<script type="text/javascript" src="js/replay.js"></script>
<script type="text/javascript" src="js/req.js"></script>
<script type="text/javascript" src="js/ghost.js"></script>
<script type="text/javascript" src="js/fireworks.js"></script>
<script type="text/javascript" src="js/jscolor/jscolor.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="fireworks.css" />
</head>
<body onkeyup="vidactyl(event)">
<div class="bar" id="bar">
<a href="/"><img src="../home.png" alt="home" style="padding-bottom:2px"/></a>
<a href="../dactylotest/" title="Testez votre vitesse de frappe">Dactylotest</a>
<a href="../tridactyl/" title="Perfectionnez votre frappe grâce aux trigrammes">Tridactyl</a>
<a href="../bepodactyl/" title="Bien débutez avec la disposition de clavier BÉPO">Bépodactyl</a>
<span style="color:#fafafa;float:right;padding-right:10px" id="welcome"></span>
</div>
<h1>— Dactylotest —</h1>
<div class="main">
<p class="text_nmbr" id="text_nmbr"></p>
<div class="ici">
<div id="err" class="err">— ERREUR —</div>
<p class="rd_txt" id="rd_txt"><span style="color:red"><strong>Javascript doit être activé ! Vous pouvez le faire en modifiant les préférences de votre navigateur. Si vous ne savez pas comment faire, consultez l'aide de celui-ci.</strong></span></p>
<p><textarea onkeydown="t_car[this.value.length]=new Date().getTime();list_frappes(event,this.value)" onkeyup="test(event)" id="txt" class="txt" cols="93" rows="7"></textarea></p>
</div>
<div>
<div class="new_text">
<input type="button" id="new_txt" onclick="new_text('new');this.blur()" value="Nouveau texte"/> <input type="button" id="same_txt" onclick="new_text('');this.blur()" value="Recommencer ce texte"/>
<p style="float:right">
<span id="d_replay">
Lecteur <input type="button" style="width:60px" id="replay" onclick="replay()" value="Play"/>
<input type="button" style="width:60px" onclick="replay('stop')" value="Stop"/>
<select id="speed_replay" onChange="vitesse=this.value;this.blur()" style="width:inherit">
<!--select id="speed_replay" style="width:inherit"-->
<option value="1">×1 </option>
<option value="2">×2 </option>
<option value="3">×3 </option>
<option value="4">×4 </option>
</select></span><br/><br/>
<input type="button" onclick="load_ghost('list')" value="Liste des fantômes pour ce texte"/>
</p>
<br/>
Méthode&nbsp;: <select id="methode" onChange="this.blur()">
<option value="rand">aléatoire </option>
<option value="number">sélection </option>
</select>
<br/>
Langue&nbsp;&nbsp;: <select id="lang" onChange="this.blur()">
<option value="fr">français </option>
<option value="en">anglais </option>
</select>
<br/>
<hr/>
</div>
<div class="options">
<input type="button" onclick="this.value=view_options()" value="Afficher les options"/>
<div class="view_options" id="view_options">
<p id="options">
<input type="checkbox" onclick="options()" id="apo_typ" /> apostrophe typographique<br/>
<input type="checkbox" onclick="options()" id="maj_acc" /> majuscules accentuées<br/>
<input type="checkbox" onclick="options()" id="ligat" /> ligatures (æ, œ)<br/>
<input type="checkbox" onclick="options()" id="pds" /> points de suspension « … »<br/>
<input type="checkbox" onclick="options()" id="cadratin" /> tiret cadratin<br/>
<input type="checkbox" onclick="options()" id="no_brk_spc" /> espaces insécables<br/>
&nbsp;&nbsp;&nbsp;<input type="checkbox" onclick="options()" id="no_brk_spc_display"/> les rendre visibles <span style="background-color:#ccc" title="fine insécable"> </span> <span style="background-color:#aaa" title="insécable"> </span><br/>
<input type="checkbox" onclick="options()" id="quote_fr" /> guillemets français « »<br/>
</p>
<br/>
<input type="button" value="Enregister les options" onclick="save_opt();this.blur()"/>
<!--p>
<input type="checkbox" id="short_aff" /> Afficher les résultats en ligne
</p-->
</div>
<hr/>
<!--
<input type="checkbox" id="ghost_actif" /> activer le fantôme <span id="demo_ghost" onclick="var c=prompt('nouvelle couleur du curseur (hexa)',cur_col_ghost);cur_col_ghost=c;this.style.backgroundColor=c;curseur()">&nbsp;</span><br/>
<input type="checkbox" id="curseur_actif" checked="checked" /> activer le curseur <span id="demo_curseur" onclick="var c=prompt('nouvelle couleur du curseur (hexa)',cur_col);cur_col=c;this.style.backgroundColor=c;curseur()">&nbsp;</span><br/>
-->
<input type="checkbox" id="ghost_actif" /> activer le fantôme <input id="demo_ghost" style="width:8px;border:none" class="color {valueElement:'gh_cur_col',hash:true,caps:false,slider:true,pickerFaceColor:'transparent',pickerFace:3,pickerBorder:0,pickerInsetColor:'black'}" /><input style="display:none" type="text" id="gh_cur_col" value="#ffd7ff" onchange="cur_col_ghost=this.value;cur_mix=mix_colors(cur_col,cur_col_ghost);curseur()"/><br/>
<input type="checkbox" id="curseur_actif" checked="checked" /> activer le curseur <input id="demo_curseur" style="width:8px;border:none" class="color {valueElement:'cur_col',hash:true,caps:false,slider:true,pickerFaceColor:'transparent',pickerFace:3,pickerBorder:0,pickerInsetColor:'black'}" /><input style="display:none" type="text" id="cur_col" value="#ffd700" onchange="cur_col=this.value;cur_mix=mix_colors(cur_col,cur_col_ghost);curseur()" /><br/>
<p style="margin-top:30px">
<a href="http://bepo.fr"><img src="http://bepo.fr/wiki/skins/bepo/bepo-powered.png" alt="bepo.fr" title="Ce test a été intégralement écrit en BÉPO !" /></a>
<a href="http://www.lecturel.com/clavier/mots-par-minute.php"><img src="img/lecturel.png" alt="lecturel.com" title="Ce test est inspriré de celui du site www.lecturel.com mais ajoute des fonctionnalités spécifiques à la bonne saisie du français." /></a>
</p>
</div>
<div id="resultats" class="result"></div>
</div>
</div>
<div style="display:none"><img src="img/indicator.gif" alt="c'est juste histoire qu'il soit chargé" /></div>
<div id="fireworks-template">
<div id="fw" class="firework"></div>
<div id="fp" class="fireworkParticle"><img src="image/particles.gif" alt="" /></div>
</div>
<div id="fireContainer"></div>
<script type="text/javascript" src="js/start.js"></script>
</body>
</html>

+ 48
- 48
index.html Wyświetl plik

@@ -1,48 +1,48 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dactylotest : faites bouger vos doigts</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="bar" id="bar">
<a href="http://tazzon.free.fr/dactylotest/"><img src="home.png" alt="home" style="padding-bottom:2px"/></a>
<a href="./dactylotest/" title="Testez votre vitesse de frappe">Dactylotest</a>
<a href="./tridactyl/" title="Perfectionnez votre frappe grâce aux trigrammes">Tridactyl</a>
<a href="./bepodactyl/" title="Bien débutez avec la disposition de clavier BÉPO">Bépodactyl</a>
<a href="https://github.com/tazzon/dactylotest" title="GitHub">GitHub Dactylotest</a>
</div>
<div class="head">
<h1>— Dactylotest —</h1><br/>
Faites bouger vos doigts.
</div>
<div class="main">
<div class="dactylotest">
<h2><a href="./dactylotest/">Dactylotest</a></h2>
<p>Testez votre vitesse et votre précision sur plus d’une centaine de textes différents issus de différentes sources telles que Wikipédia ou Wikisource.</p>
<p>Vous pourrez activer différentes options pour pratiquer un français sans concession grâce aux options typographiques (guillemets, majuscules accentuées…).</p>
<p>Mesurez vous aux meilleurs grâce aux fantômes que d’autres utilisateurs ont enregistré et soumettez les votres pour apparaître dans la liste.</p>
</div>
<div class="tridactyl">
<h2><a href="./tridactyl/">Tridactyl</a></h2>
<p>Améliorez votre frappe en travaillant sur des trigrammes (succession de trois lettres).</p>
<p>Grâce à cela, vous pourrez enchaîner les caractères plus facilement et ainsi obtenir une frappe plus constante et régulière.</p>
<p>Plusieurs niveaux sont disponibles, choisissez celui qui vous convient le mieux.</p>
</div>
<div class="bepodactyl">
<h2><a href="./bepodactyl/">Bépodactyl</a></h2>
<p>Apprenez à l’aide d'exercices simples à utiliser la disposition <a href="http://bepo.fr">BÉPO</a>. Cette disposition de clavier permet d’optimiser les déplacements des doigts et rend ainsi la frappe plus agréable. De plus, elle permet de pratiquer un français irréprochable en intégrant tous les caractères indispensables au français et bien plus encore.</p>
<p>Si vous ne frapper pas encore au clavier en aveugle, cette disposition de clavier pourrait bien vous faire changer d’avis.</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dactylotest : faites bouger vos doigts</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="bar" id="bar">
<a href="/"><img src="home.png" alt="home" style="padding-bottom:2px"/></a>
<a href="./dactylotest/" title="Testez votre vitesse de frappe">Dactylotest</a>
<a href="./tridactyl/" title="Perfectionnez votre frappe grâce aux trigrammes">Tridactyl</a>
<a href="./bepodactyl/" title="Bien débutez avec la disposition de clavier BÉPO">Bépodactyl</a>
<a href="https://github.com/tazzon/dactylotest" title="GitHub">GitHub Dactylotest</a>
</div>
<div class="head">
<h1>— Dactylotest —</h1><br/>
Faites bouger vos doigts.
</div>
<div class="main">
<div class="dactylotest">
<h2><a href="./dactylotest/">Dactylotest</a></h2>
<p>Testez votre vitesse et votre précision sur plus d’une centaine de textes différents issus de différentes sources telles que Wikipédia ou Wikisource.</p>
<p>Vous pourrez activer différentes options pour pratiquer un français sans concession grâce aux options typographiques (guillemets, majuscules accentuées…).</p>
<p>Mesurez vous aux meilleurs grâce aux fantômes que d’autres utilisateurs ont enregistré et soumettez les votres pour apparaître dans la liste.</p>
</div>
<div class="tridactyl">
<h2><a href="./tridactyl/">Tridactyl</a></h2>
<p>Améliorez votre frappe en travaillant sur des trigrammes (succession de trois lettres).</p>
<p>Grâce à cela, vous pourrez enchaîner les caractères plus facilement et ainsi obtenir une frappe plus constante et régulière.</p>
<p>Plusieurs niveaux sont disponibles, choisissez celui qui vous convient le mieux.</p>
</div>
<div class="bepodactyl">
<h2><a href="./bepodactyl/">Bépodactyl</a></h2>
<p>Apprenez à l’aide d'exercices simples à utiliser la disposition <a href="http://bepo.fr">BÉPO</a>. Cette disposition de clavier permet d’optimiser les déplacements des doigts et rend ainsi la frappe plus agréable. De plus, elle permet de pratiquer un français irréprochable en intégrant tous les caractères indispensables au français et bien plus encore.</p>
<p>Si vous ne frapper pas encore au clavier en aveugle, cette disposition de clavier pourrait bien vous faire changer d’avis.</p>
</div>
</div>
</body>
</html>

+ 63
- 63
tridactyl/index.html Wyświetl plik

@@ -1,63 +1,63 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tridactyl : perfectionnement de la frappe par les trigrammes</title>
<script type="text/javascript" src="js/fonctions_texte.js"></script>
<script type="text/javascript" src="js/functions_page.js"></script>
<script type="text/javascript" src="js/req.js"></script>
<script type="text/javascript" src="js/lecon3.js"></script>
<script type="text/javascript" src="js/lecon7.js"></script>
<script type="text/javascript" src="js/lecon11.js"></script>
<script type="text/javascript" src="js/lecon15.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="bar" id="bar">
<a href="http://tazzon.free.fr/dactylotest/"><img src="../home.png" alt="home" style="padding-bottom:2px"/></a>
<a href="../dactylotest/" title="Testez votre vitesse de frappe">Dactylotest</a>
<a href="../tridactyl/" title="Perfectionnez votre frappe grâce aux trigrammes">Tridactyl</a>
<a href="../bepodactyl/" title="Bien débutez avec la disposition de clavier BÉPO">Bépodactyl</a>
</div>
<div class="head">
<h1>— Tridactyl —</h1><br/>
Perfectionnement de la frappe par les trigrammes.
</div>
<!--input type="text" id="set_time" /-->
<div class="main">
<p class="text_nmbr" id="text_nmbr" type="text" value=""/></p>
<hr/>
<div class="ici" id="ici">
<p class="rd_txt" id="rd_txt"><span style="color:red"><strong>Javascript doit être activé ! Vous pouvez le faire en modifiant les préférences de votre navigateur. Si vous ne savez pas comment faire, consultez l'aide de celui-ci.</strong></span></p>
<p>>> <input type="text" onkeyup="test(event);" onkeydown="next(event)" id="txt" class="txt"/></p>
</div>
<hr/>
<div id="resultats" class="result"></div>
</div>
<div id="voile" class="voile"></div>
<div id="options" class="options">
<p style="margin-bottom:10px"><strong>Options</strong><p>
<p>
<input type="checkbox" id="val_curseur" onChange="val_curseur(this.checked)" /> Activer le curseur<br/>
<input type="checkbox" id="anti_correct" onChange="val_anti_correct(this.checked)" /> Activer l’anti-correction<br/>
</p>
<p style="text-align:right;margin-top:10px">
<!--input type="button" onclick="valide_options()" value="Valider"/-->
<input type="button" onclick="view_options('none')" value="Fermer"/>
</p>
</div>
<script type="text/javascript" src="js/start.js"></script>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tridactyl : perfectionnement de la frappe par les trigrammes</title>
<script type="text/javascript" src="js/fonctions_texte.js"></script>
<script type="text/javascript" src="js/functions_page.js"></script>
<script type="text/javascript" src="js/req.js"></script>
<script type="text/javascript" src="js/lecon3.js"></script>
<script type="text/javascript" src="js/lecon7.js"></script>
<script type="text/javascript" src="js/lecon11.js"></script>
<script type="text/javascript" src="js/lecon15.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="bar" id="bar">
<a href="/"><img src="../home.png" alt="home" style="padding-bottom:2px"/></a>
<a href="../dactylotest/" title="Testez votre vitesse de frappe">Dactylotest</a>
<a href="../tridactyl/" title="Perfectionnez votre frappe grâce aux trigrammes">Tridactyl</a>
<a href="../bepodactyl/" title="Bien débutez avec la disposition de clavier BÉPO">Bépodactyl</a>
</div>
<div class="head">
<h1>— Tridactyl —</h1><br/>
Perfectionnement de la frappe par les trigrammes.
</div>
<!--input type="text" id="set_time" /-->
<div class="main">
<p class="text_nmbr" id="text_nmbr" type="text" value=""/></p>
<hr/>
<div class="ici" id="ici">
<p class="rd_txt" id="rd_txt"><span style="color:red"><strong>Javascript doit être activé ! Vous pouvez le faire en modifiant les préférences de votre navigateur. Si vous ne savez pas comment faire, consultez l'aide de celui-ci.</strong></span></p>
<p>>> <input type="text" onkeyup="test(event);" onkeydown="next(event)" id="txt" class="txt"/></p>
</div>
<hr/>
<div id="resultats" class="result"></div>
</div>
<div id="voile" class="voile"></div>
<div id="options" class="options">
<p style="margin-bottom:10px"><strong>Options</strong><p>
<p>
<input type="checkbox" id="val_curseur" onChange="val_curseur(this.checked)" /> Activer le curseur<br/>
<input type="checkbox" id="anti_correct" onChange="val_anti_correct(this.checked)" /> Activer l’anti-correction<br/>
</p>
<p style="text-align:right;margin-top:10px">
<!--input type="button" onclick="valide_options()" value="Valider"/-->
<input type="button" onclick="view_options('none')" value="Fermer"/>
</p>
</div>
<script type="text/javascript" src="js/start.js"></script>
</body>
</html>

Napisz Podgląd
Ładowanie…
Anuluj
Zapisz