www

commit 2f4d55a9e3f8a42be6fbb0a94001a71b035850c3
parent 6b9c6b89bde22c301bdaaecc7d034aea03472f64
Author: Georges Dupéron <jahvascriptmaniac+github@free.fr>
Date:   Sat, 21 Aug 2010 16:25:32 +0200

Curseur clignotant

Diffstat:
M
editeur.css
 | 
6
+++++-
M
editeur.js
 | 
18
+++++++++++++++++-

2 files changed, 22 insertions(+), 2 deletions(-)
diff --git a/editeur.css b/editeur.css
@@ -2,6 +2,10 @@
 	display:inline-block;
 	width:1px;
 	height:1em;
-	background-color:black;
+	background-color:transparent;
 	margin:0 1px;
 }
+
+.curseur.affiché {
+	background-color:black;
+}
diff --git a/editeur.js b/editeur.js
@@ -1,5 +1,21 @@
 $(function() {
 	var éditeurs = $(".editeur-semantique");
 	éditeurs.append('<span class="text">hello <span class="curseur"></span>world</span>');
-	$(".curseur").show();
+	curseurClignotant();
 });
+
+function curseurClignotant() {
+	var affiché = false;
+	var clignote = function() {
+		if (affiché) {
+			$(".curseur").removeClass("affiché");
+			var délai = 500;
+		} else {
+			$(".curseur").addClass("affiché");
+			var délai = 800;
+		}
+		affiché = !affiché;
+		window.setTimeout(clignote, délai);
+	};
+	clignote();
+}