www

commit fc49d77e263b43d17dab850b2e2430b39a2716a1
parent 2f4d55a9e3f8a42be6fbb0a94001a71b035850c3
Author: Georges Dupéron <jahvascriptmaniac+github@free.fr>
Date:   Sat, 21 Aug 2010 17:08:27 +0200

Déplacement gauche-droite du curseur.

Diffstat:
M
editeur.js
 | 
46
+++++++++++++++++++++++++++++++++++++++++++++-

1 file changed, 45 insertions(+), 1 deletion(-)
diff --git a/editeur.js b/editeur.js
@@ -1,7 +1,9 @@
 $(function() {
 	var éditeurs = $(".editeur-semantique");
-	éditeurs.append('<span class="text">hello <span class="curseur"></span>world</span>');
+	éditeurs.append('<span class="text">hello </span><span class="curseur"></span><span class="text">world</span>');
 	curseurClignotant();
+	raccourcisClavier();
+	curseurGauche();
 });
 
 function curseurClignotant() {
@@ -19,3 +21,45 @@ function curseurClignotant() {
 	};
 	clignote();
 }
+
+function curseurGauche() {
+	console.log("gauche");
+	var curseur = $(".curseur");
+	var p = curseur.prev();
+	var n = curseur.next();
+	var c = p.text().charAt(p.text().length - 1);
+	n.text(c + n.text());
+	p.text(p.text().substring(0, p.text().length - 1));
+}
+
+function curseurHaut() {
+	console.log("haut");
+}
+
+function curseurDroite() {
+	console.log("droite");
+	var curseur = $(".curseur");
+	var p = curseur.prev();
+	var n = curseur.next();
+	var c = n.text().charAt(0);
+	n.text(n.text().substring(1));
+	p.text(p.text() + c);
+}
+
+function curseurBas() {
+	console.log("bas");
+}
+
+function raccourcisClavier() {
+	var raccourcis = {
+		37 : curseurGauche,
+		38 : curseurHaut,
+		39 : curseurDroite,
+		40 : curseurBas,
+	};
+	$(document).keydown(function (e) {
+		if (raccourcis[e.keyCode]) {
+			raccourcis[e.keyCode]();
+		}
+	});
+}