small fixes :

- no more default href in constructor
- better prompt for href
- unshift the bgLayer

src/class.area.js

@@ -5,7 +5,7 @@ class Area {
 	 * @param {XY[]} coords the list of coordinates
 	 * @param {string} href the link this area is going to point to
 	 */
-	constructor(shape, coords = [], href = "http://") {
+	constructor(shape, coords = [], href) {
 		this.shape = shape;
 		this.coords = coords;
 		this.href = href;
@@ -37,7 +37,7 @@ class Area {
 }
 
 class AreaRect extends Area {
-	constructor(coords = [], href = "http://") {
+	constructor(coords = [], href) {
 		super("rect");
 		this.coords = coords.slice(0, 2);
 		if (this.coords.length < 2)
@@ -63,12 +63,12 @@ class AreaRect extends Area {
 }
 
 class AreaCircle extends Area {
-	constructor(coords = [], href = "http://") {
+	constructor(coords = [], href) {
 		super("circle", coords, href);
 	}
 }
 class AreaPoly extends Area {
-	constructor(coords = [], href = "http://") {
+	constructor(coords = [], href) {
 		super("poly", coords, href);
 	}
 }

src/class.image-map.js

@@ -1,7 +1,7 @@
 class ImageMap {
 
 	/**
-	 * 
+	 * Contructor
 	 * @param {Area[]} areas 
 	 * @param {string} image 
 	 */
@@ -10,6 +10,10 @@ class ImageMap {
 		this.image = image;
 	}
 
+	unshiftArea(area) {
+		this.areas.unshift(area);
+	}
+
 	addArea(area) {
 		this.areas.push(area);
 	}

src/p5.image-map-creator.js

@@ -37,8 +37,8 @@ var imageMapCreator = function (p) {
 			} else if (p.mouseButton == p.RIGHT) {
 				var area = p.mouseIsHoverArea();
 				if (area != undefined) {
-					var input = prompt("Entrez l'url vers laquelle devrait pointer cette zone", area.href);
-					if (input)
+					var input = prompt("Entrez l'url vers laquelle devrait pointer cette zone", area.href ? area.href : "http://" );
+					if (input != null)
 						area.href = input;
 				}
 				return false;
@@ -61,7 +61,7 @@ var imageMapCreator = function (p) {
 
 	p.mouseIsHoverArea = function () {
 		var allAreas = p.map.areas.slice();
-		return area = allAreas.reverse().find(area => {
+		return allAreas.reverse().find(area => {
 			return area.isHover(p.mouseX, p.mouseY);
 		});
 	}
@@ -105,7 +105,7 @@ var imageMapCreator = function (p) {
 	p.addBgArea = function () {
 		var coords = [new XY(0, 0), new XY(p.width - 1, p.height - 1)];
 		var area = new AreaRect(coords);
-		p.map.addArea(area);
+		p.map.unshiftArea(area);
 	}
 
 	//---------------------------- P5 Classes ---------------------------------