netteForms: alert() replaced with span.nette-form-error

Author: dg

src/assets/netteForms.js

@@ -267,30 +267,37 @@ Nette.addError = function(elem, message) {
 
 
 /**
- * Display error messages.
+ * CSS class.
  */
-Nette.showFormErrors = function(form, errors) {
-	var messages = [],
-		focusElem;
-
-	for (var i in errors) {
-		var elem = errors[i].element,
-			message = errors[i].message;
+Nette.formErrorClass = 'nette-form-error';
 
-		if (messages.indexOf(message) < 0) {
-			messages.push(message);
 
-			if (!focusElem && elem.focus) {
-				focusElem = elem;
-			}
+/**
+ * Display error messages.
+ */
+Nette.showFormErrors = function(form, errors) {
+	var boxes = form.getElementsByTagName('span');
+	for (var i = boxes.length - 1; i >= 0; i--) {
+		if (boxes[i].getAttribute('class') === Nette.formErrorClass) {
+			boxes[i].parentNode.removeChild(boxes[i]);
 		}
 	}
 
-	if (messages.length) {
-		alert(messages.join('\n'));
+	for (var i = 0; i < errors.length; i++) {
+		if (i === 0 && errors[i].element.focus) {
+			errors[i].element.focus();
+		}
 
-		if (focusElem) {
-			focusElem.focus();
+		if (errors[i].message) {
+			var box = document.createElement('span');
+			box.setAttribute('class', Nette.formErrorClass);
+			box.textContent = errors[i].message;
+			errors[i].element.parentNode.insertBefore(box, errors[i].element.nextSibling);
+			Nette.addEvent(errors[i].element, 'keypress', function() {
+				if (this.nextSibling && this.nextSibling.getAttribute('class') === Nette.formErrorClass) {
+					this.parentNode.removeChild(this.nextSibling);
+				}
+			});
 		}
 	}
 };