Молчун
Зарегистрирован:
15 February 2007
Сообщения: 12
Примеры кода: 0
|
Редактирование события onclick |
06 June 2008 09:04 |
|
|
|
|
Есть код паредставленный ниже, он обрабаотывает нажатие на <input type="image"'/>
При нажатии он передает координаты в картинке и сохраняет их, дальше если "click" то мы открываем <div >, в соответствии с коодинатами event'а, в который заносим данные и выбираем сохранить или отменить. При сохранении форма сабмититься и все ок, но если мы отмееняем, то возникает проблема и при следующем нажатии он продолжает сабмитить форму. Первый раз все отрабатывает замечательно, но со второго раза он начинает сабмитить страницу.
Я так понимаю сохранился старый event. Или я ничего не понимаю.
var TmpOnClick; // a unique temporary variable
function clickHandler() {
// clickHandler is supposed to rewrite the x,y coordinates of the mouse click
var myButton = locateElement("map");
var newEvent = document.createEventObject();
newEvent.offsetX = myButton.offsetWidth / 2; // middle of image
newEvent.offsetY = myButton.offsetHeight / 2; // middle of image
newEvent.cancelBubble = false;
newEvent.button = 1;
myButton.onclick = window.TmpOnClick; // Replace the original click handler
myButton.fireEvent("onclick", newEvent); // Allow the original handler to take over
event.cancelBubble = true; // Cancel the on hold original event
}
function preAddPoint() {
var myButton = locateElement("map");
window.TmpOnClick = myButton.onclick;
myButton.onclick = clickHandler;
myButton.click();
modifyHidden("pointx", event.offsetX);
modifyHidden("pointy", event.offsetY);
var mode = locateElement("mode");
alert(mode.value);
if (mode.value == "click"){
var pointmenu = locateElement("pointMenu");
var pointname = locateElement("pointName");
pointmenu.style.left = event.clientX;
pointmenu.style.top = event.clientY;
pointmenu.style.visibility = "visible";
pointname.focus();
return;
}
document.forms[0].submit();
}
<input id="map" class="map" type="image" src="<%= image %>" width="<%= cxmap %>" height="<%= cymap %>" border="1" onclick="preAddPoint();return false;"/>
|
|