map.zul

非常接近C/S操作方式的Java Ajax框架－ZK 用ZK框架使你的B/S应用程序更漂亮更易操作。 官网：www.zkoss.org

<?xml version="1.0" encoding="UTF-8"?>

<!--
map.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Tue Mar 28 15:49:35     2006, Created by tomyeh
}}IS_NOTE

Copyright (C) 2006 Potix Corporation. All Rights Reserved.

{{IS_RIGHT
}}IS_RIGHT
-->
<window title="map test">
	<vbox>
	No area:
	<button label="change" onClick="changeImage(img1)"/>
	<imagemap id="img1" src="/img/sun.jpg" onClick="what(event)"/>
	Three area:
	<button label="change" onClick="changeImage(img2)"/>
	<imagemap id="img2" src="/img/sun.jpg" onClick="what(event)">
		<area id="First" coords="0,0,50,50" tooltiptext="First"/>
		<area id="Second" coords="50,0,100,50"/>
		<area id="Third" coords="100,0,150,50"/>
	</imagemap>
	</vbox>
	<zscript>
	void what(MouseEvent evt) {
		if (evt.area != null)
			alert("Click area "+evt.area);
		else
			alert("Click ("+evt.x+", "+evt.y+")");
	}
	void changeImage(Imagemap img) {
		img.src = img.src.endsWith(".png") ? "/img/sun.jpg": "/img/circle.png";
	}
	</zscript>
</window>