12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736 |
- // ******* Features MANAGER ******** //
- $axure.internal(function($ax) {
- var _features = $ax.features = {};
- var _supports = _features.supports = {};
- _supports.touchstart = typeof window.ontouchstart !== 'undefined';
- _supports.touchmove = typeof window.ontouchmove !== 'undefined';
- _supports.touchend = typeof window.ontouchend !== 'undefined';
- _supports.mobile = _supports.touchstart && _supports.touchend && _supports.touchmove;
- // Got this from http://stackoverflow.com/questions/11381673/javascript-solution-to-detect-mobile-browser
- var check = navigator.userAgent.match(/Android/i)
- || navigator.userAgent.match(/webOS/i)
- || navigator.userAgent.match(/iPhone/i)
- || navigator.userAgent.match(/iPad/i)
- || navigator.userAgent.match(/iPod/i)
- || navigator.userAgent.match(/BlackBerry/i)
- || navigator.userAgent.match(/Tablet PC/i)
- || navigator.userAgent.match(/Windows Phone/i);
- _supports.windowsMobile = navigator.userAgent.match(/Tablet PC/i) || navigator.userAgent.match(/Windows Phone/i);
- if(!check && _supports.mobile) {
- _supports.touchstart = false;
- _supports.touchmove = false;
- _supports.touchend = false;
- _supports.mobile = false;
- }
- var _eventNames = _features.eventNames = {};
- _eventNames.mouseDownName = _supports.touchstart ? 'touchstart' : 'mousedown';
- _eventNames.mouseUpName = _supports.touchend ? 'touchend' : 'mouseup';
- _eventNames.mouseMoveName = _supports.touchmove ? 'touchmove' : 'mousemove';
- });
- // ******* EVENT MANAGER ******** //
- $axure.internal(function($ax) {
- var _objectIdToEventHandlers = {};
- var _jBrowserEvent = undefined;
- $ax.setjBrowserEvent = function(event) {
- _jBrowserEvent = event;
- };
- $ax.getjBrowserEvent = function() {
- return _jBrowserEvent;
- };
- var _event = {};
- $ax.event = _event;
- //initilize state
- _event.mouseOverObjectId = '';
- _event.mouseDownObjectId = '';
- _event.mouseOverIds = [];
- var EVENT_NAMES = ['mouseenter', 'mouseleave', 'contextmenu', 'change', 'focus', 'blur'];
- // Tap, double tap, and touch move, or synthetic.
- if(!$ax.features.supports.mobile) {
- EVENT_NAMES[EVENT_NAMES.length] = 'click';
- EVENT_NAMES[EVENT_NAMES.length] = 'dblclick';
- EVENT_NAMES[EVENT_NAMES.length] = 'mousemove';
- }
- // add the event names for the touch events
- EVENT_NAMES[EVENT_NAMES.length] = $ax.features.eventNames.mouseDownName;
- EVENT_NAMES[EVENT_NAMES.length] = $ax.features.eventNames.mouseUpName;
- for(var i = 0; i < EVENT_NAMES.length; i++) {
- var eventName = EVENT_NAMES[i];
- //we need the function here to circumvent closure modifying eventName
- _event[eventName] = (function(event_Name) {
- return function(elementId, fn) {
- var elementIdQuery = $jobj(elementId);
- var type = $ax.getTypeFromElementId(elementId);
- //we need specially track link events so we can enable and disable them along with
- //their parent widgets
- if(elementIdQuery.is('a')) _attachCustomObjectEvent(elementId, event_Name, fn);
- //see notes below
- else if($ax.IsTreeNodeObject(type)) _attachTreeNodeEvent(elementId, event_Name, fn);
- else if ($ax.IsImageFocusable(type) && (event_Name == 'focus' || event_Name == 'blur')) {
- var suitableChild;
- var imgChild = $ax.repeater.applySuffixToElementId(elementId, '_img');
- var divChild = $ax.repeater.applySuffixToElementId(elementId, '_div');
- for (var j = 0; j < elementIdQuery[0].children.length; j++) {
- if (elementIdQuery[0].children[j].id == imgChild) suitableChild = imgChild;
- if (!suitableChild && elementIdQuery[0].children[j].id == divChild) suitableChild = divChild;
- }
- if(!suitableChild) suitableChild = imgChild;
- _attachDefaultObjectEvent($jobj(suitableChild), elementId, event_Name, fn);
- } else {
- var inputId = $ax.INPUT(elementId);
- var isInput = $jobj(inputId).length != 0;
- var id = isInput && (event_Name == 'focus' || event_Name == 'blur') ? inputId : elementId;
- _attachDefaultObjectEvent($jobj(id), elementId, event_Name, fn);
- }
- };
- })(eventName);
- }
- var AXURE_TO_JQUERY_EVENT_NAMES = {
- 'onMouseOver': 'mouseenter',
- 'onMouseOut': 'mouseleave',
- 'onContextMenu': 'contextmenu',
- 'onChange': 'change',
- 'onFocus': 'focus',
- 'onLostFocus': 'blur'
- };
- // Tap, double tap, and touch move, or synthetic.
- if(!$ax.features.supports.mobile) {
- AXURE_TO_JQUERY_EVENT_NAMES.onClick = 'click';
- AXURE_TO_JQUERY_EVENT_NAMES.onDoubleClick = 'dblclick';
- AXURE_TO_JQUERY_EVENT_NAMES.onMouseMove = 'mousemove';
- }
- AXURE_TO_JQUERY_EVENT_NAMES.onMouseDown = $ax.features.eventNames.mouseDownName;
- AXURE_TO_JQUERY_EVENT_NAMES.onMouseUp = $ax.features.eventNames.mouseUpName;
- var _attachEvents = function (diagramObject, elementId) {
- var inputId = $ax.repeater.applySuffixToElementId(elementId, '_input');
- var id = $jobj(inputId).length ? inputId : elementId;
- for(var eventName in diagramObject.interactionMap) {
- var jQueryEventName = AXURE_TO_JQUERY_EVENT_NAMES[eventName];
- if(!jQueryEventName) continue;
- _event[jQueryEventName](id,
- //this is needed to escape closure
- (function(axEventObject) {
- return function(e) {
- $ax.setjBrowserEvent(e);
- // console.log(axEventObject.description);
- var eventInfo = $ax.getEventInfoFromEvent($ax.getjBrowserEvent(), false, elementId);
- _handleEvent(elementId, eventInfo, axEventObject);
- };
- })(diagramObject.interactionMap[eventName])
- );
- }
- };
- var _descriptionToKey = { 'OnFocus': 'onFocus', 'OnLostFocus': 'onLostFocus' };
- var _createProxies = function(diagramObject, elementId) {
- var createFocus = _needsProxy(elementId, 'onFocus');
- var createLostFocus = _needsProxy(elementId, 'onLostFocus');
- if(!createFocus && !createLostFocus) return;
- if(!diagramObject.interactionMap) diagramObject.interactionMap = {};
- if(createFocus) diagramObject.interactionMap.onFocus = { proxy: true, description: 'OnFocus' };
- if(createLostFocus) diagramObject.interactionMap.onLostFocus = { proxy: true, description: 'OnLostFocus' };
- }
- var preventDefaultEvents = ['OnContextMenu', 'OnKeyUp', 'OnKeyDown'];
- var allowBubble = ['OnFocus', 'OnResize', 'OnMouseOut', 'OnMouseOver'];
- var _canClick = true;
- var _startScroll = [];
- var _setCanClick = function(canClick) {
- _canClick = canClick;
- if(_canClick) _startScroll = [$(window).scrollLeft(), $(window).scrollTop()];
- };
- var _getCanClick = function() {
- if(!$ax.features.supports.mobile) return true;
- var endScroll = [$(window).scrollLeft(), $(window).scrollTop()];
- return _canClick && _startScroll[0] == endScroll[0] && _startScroll[1] == endScroll[1];
- };
- //var _notAllowedInvisible = function (type) {
- // $ax.getTypeFromElementId(elementId);
- // return !$ax.public.fn.IsReferenceDiagramObject(type) && !$ax.public.fn.IsLayer(type);
- //}
- var _notAllowedInvisible = function (id) {
- var type = $ax.getTypeFromElementId(id);
- if ($ax.public.fn.IsReferenceDiagramObject(type) || $ax.public.fn.IsLayer(type)) return false;
- return !($ax.public.fn.IsVector(type) && _hasCompoundImage(id));
- }
- var _hasCompoundImage = function (id) {
- var query = $jobj(id);
- return $ax.public.fn.isCompoundVectorHtml(query[0]);
- }
- var eventNesting = 0;
- var eventNestingTime = new Date().getTime();
- var _handleEvent = $ax.event.handleEvent = function(elementId, eventInfo, axEventObject, skipShowDescriptions, synthetic) {
- if(axEventObject.proxy) {
- var firingId = _widgetToFocusParent[elementId];
- if(firingId) {
- var firingObj = $obj(firingId);
- var nextEventObj = firingObj.interactionMap && firingObj.interactionMap[_descriptionToKey[axEventObject.description]];
- if(!nextEventObj) nextEventObj = axEventObject;
- _handleEvent(firingId, eventInfo, nextEventObj, skipShowDescriptions, synthetic);
- }
- return;
- }
- // var x = JSON.stringify(eventInfo);
- // var y = JSON.stringify(axEventObject);
- var fireTime = new Date().getTime();
- if(fireTime - eventNestingTime > 100) {
- eventNestingTime = fireTime;
- eventNesting = 0;
- }
- if(eventNesting === 0) {
- $ax.recording.maybeRecordEvent(elementId, eventInfo, axEventObject, fireTime);
- }
- eventNesting += 1;
- var eventDescription = axEventObject.description;
- if(!_getCanClick() && (eventDescription == 'OnClick' || eventDescription == 'OnPageClick')) return;
- // If you are supposed to suppress, do that right away.
- if(suppressedEventStatus[eventDescription]) {
- return;
- }
- var currentEvent = $ax.getjBrowserEvent();
- if(!synthetic && currentEvent && currentEvent.originalEvent && currentEvent.originalEvent.handled && !eventInfo.isMasterEvent) return;
- if(!synthetic && elementId && !$ax.style.getObjVisible(elementId) && _notAllowedInvisible(elementId)) return;
- //if debug
- var axObj = $obj(elementId);
- var axObjLabel = axObj ? axObj.label : eventInfo.label;
- var axObjType = axObj ? axObj.friendlyType : eventInfo.friendlyType;
- if(!skipShowDescriptions || eventDescription == 'OnPageLoad') $ax.messageCenter.postMessage('axEvent', { 'label': axObjLabel, 'type': axObjType, 'event': axEventObject });
- var bubble = true;
- var showCaseDescriptions = !skipShowDescriptions && _shouldShowCaseDescriptions(axEventObject);
- if(!showCaseDescriptions) {
- //handle case descriptions
- var caseGroups = [];
- var currentCaseGroup = [];
- caseGroups[0] = currentCaseGroup;
- // Those refreshes not after a wait
- var guaranteedRefreshes = {};
- var caseGroupIndex = 0;
- for(var i = 0; i < axEventObject.cases.length; i++) {
- var currentCase = axEventObject.cases[i];
- if(currentCase.isNewIfGroup && i != 0) {
- caseGroupIndex++;
- currentCaseGroup = [];
- caseGroups[caseGroups.length] = currentCaseGroup;
- // Joon: Isn't caseGroups.length always equal to caseGroupIndex?
- }
- currentCaseGroup[currentCaseGroup.length] = currentCase;
- for(var j = 0; j < currentCase.actions.length; j++) {
- var action = currentCase.actions[j];
- if(action.action == 'wait') break;
- if(action.action != 'refreshRepeater') continue;
- for(var k = 0; k < action.repeatersToRefresh.length; k++) {
- var id = $ax.getElementIdsFromPath(action.repeatersToRefresh[k], eventInfo)[0];
- if(id) guaranteedRefreshes[id] = caseGroupIndex;
- }
- }
- }
- for(var i = 0; i < caseGroups.length; i++) {
- var groupRefreshes = [];
- for(var key in guaranteedRefreshes) {
- if(guaranteedRefreshes[key] == i) groupRefreshes[groupRefreshes.length] = key;
- }
- bubble = _handleCaseGroup(eventInfo, caseGroups[i], groupRefreshes) && bubble;
- }
- } else {
- _showCaseDescriptions(elementId, eventInfo, axEventObject, synthetic);
- bubble = false;
- }
- // If not handled, synthetically bubble if you can
- if(bubble && _widgetToFocusParent[elementId]) {
- firingId = _widgetToFocusParent[elementId];
- if(firingId) {
- firingObj = $obj(firingId);
- nextEventObj = firingObj.interactionMap && firingObj.interactionMap[_descriptionToKey[axEventObject.description]];
- if(!nextEventObj) nextEventObj = axEventObject;
- _handleEvent(firingId, eventInfo, nextEventObj, skipShowDescriptions, synthetic);
- }
- return;
- }
- // Only trigger a supression if it handled this event
- if(!bubble && suppressingEvents[eventDescription]) {
- suppressedEventStatus[suppressingEvents[eventDescription]] = true;
- }
- $ax.action.flushAllResizeMoveActions(eventInfo);
- // This should not be needed anymore. All refreshes should be inserted, or handled earlier.
- var repeaters = $ax.deepCopy($ax.action.repeatersToRefresh);
- while($ax.action.repeatersToRefresh.length) $ax.action.repeatersToRefresh.pop();
- for(i = 0; i < repeaters.length; i++) $ax.repeater.refreshRepeater(repeaters[i], eventInfo);
- if(currentEvent && currentEvent.originalEvent) {
- currentEvent.originalEvent.handled = !synthetic && !bubble && allowBubble.indexOf(eventDescription) == -1;
- //currentEvent.originalEvent.donotdrag = currentEvent.donotdrag || (!bubble && eventDescription == 'OnMouseDown');
- // Prevent default if necessary
- if(currentEvent.originalEvent.handled && preventDefaultEvents.indexOf(eventDescription) != -1) {
- currentEvent.preventDefault();
- }
- }
- eventNesting -= 1;
- if(!showCaseDescriptions) $ax.messageCenter.postMessage('axEventComplete');
- };
- var _showCaseDescriptions = function(elementId, eventInfo, axEventObject, synthetic) {
- if(axEventObject.cases.length == 0) return true;
- var linksId = elementId + "linkBox";
- $('#' + linksId).remove();
- var $container = $("<div class='intcases' id='" + linksId + "'></div>");
- if(!_isEventSimulating(axEventObject)) {
- var copy = $ax.eventCopy(eventInfo);
- for(var i = 0; i < axEventObject.cases.length; i++) {
- var $link = $("<div class='intcaselink'>" + axEventObject.cases[i].description + "</div>");
- $link.click(function(j) {
- return function () {
- var currentCase = axEventObject.cases[j];
- $ax.messageCenter.postMessage('axCase', { 'description': currentCase.description });
- for(var k = 0; k < currentCase.actions.length; k++) {
- $ax.messageCenter.postMessage('axAction', { 'description': currentCase.actions[k].description });
- }
- $ax.messageCenter.postMessage('axEventComplete');
- var bubble = $ax.action.dispatchAction(copy, axEventObject.cases[j].actions);
- $('#' + linksId).remove();
- return bubble;
- };
- } (i)
- );
- $container.append($link);
- }
- } else {
- var fullDescription = axEventObject.description + ":<br>";
- for(var i = 0; i < axEventObject.cases.length; i++) {
- var currentCase = axEventObject.cases[i];
- fullDescription += " " + currentCase.description.replace(/<br>/g, '<br> ') + ":<br>";
- for(var j = 0; j < currentCase.actions.length; j++) {
- fullDescription += " " + currentCase.actions[j].description.replace(/<br>/g, '<br> ') + "<br>";
- }
- }
- fullDescription = fullDescription.substring(0, fullDescription.length - 4);
- var $link = $("<div class='intcaselink'>" + fullDescription + "</div>");
- $link.click(function() {
- _handleEvent(elementId, eventInfo, axEventObject, true, synthetic);
- $ax.messageCenter.postMessage('axEventComplete');
- $('#' + linksId).remove();
- return;
- });
- $container.append($link);
- }
- $container.mouseleave(function(e) { $ax.legacy.SuppressBubble(e); });
- $('body').append($container);
- _showCaseLinks(eventInfo, linksId);
- };
- var _showCaseLinks = function(eventInfo, linksId) {
- var links = window.document.getElementById(linksId);
- links.style.top = eventInfo.pageY;
- var left = eventInfo.pageX;
- links.style.left = left;
- $ax.visibility.SetVisible(links, true);
- $ax.legacy.BringToFront(linksId, true);
- // Switch to using jquery if this is still needed. Really old legacy code, likely for a browser no longer supported.
- //$ax.legacy.RefreshScreen();
- };
- var _shouldShowCaseDescriptions = function(axEventObject) {
- if($ax.document.configuration.linkStyle == "alwaysDisplayTargets") return true;
- if($ax.document.configuration.linkStyle == "neverDisplayTargets") return false;
- if(axEventObject.cases.length == 0) return false;
- if(_isEventSimulating(axEventObject)) return false;
- if(axEventObject.cases.length >= 2) return true;
- return false;
- };
- var _isEventSimulating = function(axEventObject) {
- for(var i = 0; i < axEventObject.cases.length; i++) {
- if(axEventObject.cases[i].condition) return true;
- }
- return false;
- };
- var _handleCaseGroup = function(eventInfo, caseGroup, groupRefreshes) {
- for(var i = 0; i < caseGroup.length; i++) {
- var currentCase = caseGroup[i];
- if(!currentCase.condition || _processCondition(currentCase.condition, eventInfo)) {
- $ax.messageCenter.postMessage('axCase', { 'description': currentCase.description });
- for(var j = 0; j < currentCase.actions.length; j++) {
- if(currentCase.actions[j].action != 'refreshRepeater') $ax.messageCenter.postMessage('axAction', { 'description': currentCase.actions[j].description });
- }
- for(var j = 0; j < currentCase.actions.length; j++) {
- var action = currentCase.actions[j];
- if(action.action == 'wait') break;
- if(action.action != 'refreshRepeater') continue;
- for(var k = 0; k < action.repeatersToRefresh.length; k++) {
- var id = $ax.getElementIdsFromPath(action.repeatersToRefresh[i], eventInfo)[i];
- if(id) {
- var index = groupRefreshes.indexOf(id);
- if(index != -1) $ax.splice(groupRefreshes, index);
- }
- }
- }
- // Any guaranteed refreshes that aren't accounted for must be run still.
- $ax.action.tryRefreshRepeaters(groupRefreshes, eventInfo);
- $ax.action.dispatchAction(eventInfo, currentCase.actions);
- return false;
- }
- }
- // Any guaranteed refreshes that aren't accounted for must be run still.
- $ax.action.tryRefreshRepeaters(groupRefreshes, eventInfo);
- return true;
- };
- var _processCondition = function(expr, eventInfo) {
- return $ax.expr.evaluateExpr(expr, eventInfo);
- };
- var _attachTreeNodeEvent = function(elementId, eventName, fn) {
- //we need to set the cursor here because we want to make sure that every tree node has the default
- //cursor set and then it's overridden if it has a click
- if(eventName == 'click') window.document.getElementById(elementId).style.cursor = 'pointer';
- _attachCustomObjectEvent(elementId, eventName, fn);
- };
- var _attachDefaultObjectEvent = function(elementIdQuery, elementId, eventName, fn) {
- var func = function() {
- if(!$ax.style.IsWidgetDisabled(elementId)) return fn.apply(this, arguments);
- return true;
- };
- var bind = !elementIdQuery[eventName];
- if(bind) elementIdQuery.bind(eventName, func);
- else elementIdQuery[eventName](func);
- };
- var _attachCustomObjectEvent = function(elementId, eventName, fn) {
- var handlers = _objectIdToEventHandlers[elementId];
- if(!handlers) _objectIdToEventHandlers[elementId] = handlers = {};
- var fnList = handlers[eventName];
- if(!fnList) handlers[eventName] = fnList = [];
- fnList[fnList.length] = fn;
- };
- var _fireObjectEvent = function(elementId, event, originalArgs) {
- var element = window.document.getElementById(elementId);
- var handlerList = _objectIdToEventHandlers[elementId] && _objectIdToEventHandlers[elementId][event];
- if(handlerList) {
- for(var i = 0; i < handlerList.length; i++) handlerList[i].apply(element, originalArgs);
- }
- eventNesting -= 1;
- };
- var _layerToFocusableWidget = {};
- var _widgetToFocusParent = {};
- _event.layerMapFocus = function(layer, elementId) {
- var mainObj = layer.objs[0];
- // If first child non existant return
- if (!mainObj) return;
- var mainId = $ax.getElementIdFromPath([mainObj.id], { relativeTo: elementId });
- _widgetToFocusParent[mainId] = elementId;
- // If first child is a layer, call recursively
- if ($ax.public.fn.IsLayer(mainObj.type)) {
- _event.layerMapFocus(mainObj, mainId);
- var baseId = _layerToFocusableWidget[mainId];
- if(baseId) _layerToFocusableWidget[elementId] = baseId;
- return;
- }
- _layerToFocusableWidget[elementId] = mainId;
- }
- var _needsProxy = function(id, proxyName) {
- var obj = $obj(id);
- // layers don't need on focus ever, proxies will handle them
- if ($ax.public.fn.IsLayer(obj.type)) return false;
- // If you already focus you don't need to force yourself to proxy.
- if(obj.interactionMap && obj.interactionMap[proxyName]) return false;
- var parentId = _widgetToFocusParent[id];
- if(parentId) return _needsProxyHelper(parentId, proxyName);
- return false;
- }
- var _needsProxyHelper = function(id, proxyName) {
- var obj = $obj(id);
- if(obj.interactionMap && obj.interactionMap[proxyName]) return true;
- var parentId = _widgetToFocusParent[id];
- if(parentId) return _needsProxyHelper(parentId, proxyName);
- return false;
- }
- //for button shapes and images the img is focusable instead of the div to get better outlines
- // For layers, we remember who their proxy is.
- $ax.event.getFocusableWidgetOrChildId = function (elementId) {
- var mappedId = _layerToFocusableWidget[elementId];
- if (mappedId) elementId = mappedId;
- var inputId = $ax.repeater.applySuffixToElementId(elementId, '_input');
- var inputQuery = $jobj(inputId);
- if(inputQuery.length > 0) return inputId;
- var imgId = $ax.repeater.applySuffixToElementId(elementId, '_img');
- var imgQuery = $jobj(imgId);
- if (imgQuery.length > 0) return imgId;
- var divId = $ax.repeater.applySuffixToElementId(elementId, '_div');
- var divQuery = $jobj(divId);
- if (divQuery.length > 0) return divId;
- return elementId;
- };
- // key is the suppressing event, and the value is the event that is supressed
- var suppressingEvents = {};
- // key is the event that will cancel the suppression, and value is the event that was being suppressed
- var cancelSuppressions = {};
- // suppressed event maps to true if it is supressed
- var suppressedEventStatus = {};
- // Attempt at a generic way to supress events
- var initSuppressingEvents = function(query) {
- suppressingEvents['OnLongClick'] = 'OnClick';
- cancelSuppressions['onMouseDown'] = 'OnClick';
- // Have to cancel suppressed event here. Only works for non-synthetic events currently
- for(var key in cancelSuppressions) {
- var eventName = AXURE_TO_JQUERY_EVENT_NAMES[key];
- if(!eventName) continue;
- (function(eventName, suppressed) {
- query.bind(eventName, function() {
- suppressedEventStatus[suppressed] = false;
- });
- })(eventName, cancelSuppressions[key]);
- }
- // Otherwise see if you have the chance to cancel a supression
- // if(cancelSuppressions[eventDescription]) {
- // suppressedEventStatus[cancelSuppressions[eventDescription]] = false;
- // }
- };
- // TODO: It may be a good idea to split this into multiple functions, or at least pull out more similar functions into private methods
- var _initializeObjectEvents = function(query, allowItem) {
- // Must init the supressing eventing before the handlers, so that it has the ability to supress those events.
- initSuppressingEvents(query);
-
- query.each(function(dObj, elementId) {
- var $element = $jobj(elementId);
- var itemId = $ax.repeater.getItemIdFromElementId(elementId);
- // Focus has to be done before on focus fires
- // Set up focus
- if ($ax.public.fn.IsTextArea(dObj.type) || $ax.public.fn.IsTextBox(dObj.type) || $ax.public.fn.IsCheckBox(dObj.type) || $ax.public.fn.IsRadioButton(dObj.type) ||
- $ax.public.fn.IsListBox(dObj.type) || $ax.public.fn.IsComboBox(dObj.type) || $ax.public.fn.IsButton(dObj.type) || $ax.public.fn.IsImageBox(dObj.type) ||
- $ax.public.fn.IsVector(dObj.type) || $ax.IsTreeNodeObject(dObj.type) || $ax.public.fn.IsTableCell(dObj.type)) {
- var focusObj = $jobj($ax.event.getFocusableWidgetOrChildId(elementId));
- focusObj.focus(function() {
- window.lastFocusedControl = elementId;
- });
- }
- // [MAS: Supressing events were here]
- _createProxies(dObj, elementId);
- if(dObj.interactionMap) {
- _attachEvents(dObj, elementId);
- };
- //attach button shape alternate styles
- var needsMouseFilter = dObj.type != 'hyperlink' && !$ax.public.fn.IsLayer(dObj.type) && !$ax.public.fn.IsDynamicPanel(dObj.type) && dObj.type != 'richTextPanel' &&
- !$ax.public.fn.IsRepeater(dObj.type) && !$ax.public.fn.IsCheckBox(dObj.type) && !$ax.public.fn.IsRadioButton(dObj.type) && !$ax.public.fn.IsTreeNodeObject(dObj.type);
- if(needsMouseFilter) {
- $element.mouseenter(function() {
- var elementId = this.id;
- var parent = $ax.dynamicPanelManager.parentHandlesStyles(elementId);
- if(parent && parent.direct) return;
- if($.inArray(elementId, _event.mouseOverIds) != -1) return;
- _event.mouseOverIds[_event.mouseOverIds.length] = elementId;
- if(elementId == _event.mouseOverObjectId) return;
- _event.mouseOverObjectId = elementId;
- $ax.style.SetWidgetHover(elementId, true);
- var textId = $ax.style.GetTextIdFromShape(elementId);
- if(textId) $ax.annotation.updateLinkLocations(textId);
- }).mouseleave(function() {
- var elementId = this.id;
- var parent = $ax.dynamicPanelManager.parentHandlesStyles(elementId);
- if(parent && parent.direct) return;
- $ax.splice(_event.mouseOverIds, $.inArray(elementId, _event.mouseOverIds), 1);
- if(elementId == _event.mouseOverObjectId) {
- _event.mouseOverObjectId = '';
- }
- $ax.style.SetWidgetHover(elementId, false);
- var textId = $ax.style.GetTextIdFromShape(elementId);
- if(textId) $ax.annotation.updateLinkLocations(textId);
- });
- $element.bind($ax.features.eventNames.mouseDownName, function() {
- var elementId = this.id;
- var parent = $ax.dynamicPanelManager.parentHandlesStyles(elementId);
- if(parent) {
- dynamicPanelMouseDown(parent.id);
- if(parent.direct) return;
- }
- _event.mouseDownObjectId = elementId;
- $ax.style.SetWidgetMouseDown(this.id, true);
- $ax.annotation.updateLinkLocations($ax.style.GetTextIdFromShape(elementId));
- }).bind($ax.features.eventNames.mouseUpName, function() {
- var elementId = this.id;
- var parent = $ax.dynamicPanelManager.parentHandlesStyles(elementId);
- if(parent) {
- dynamicPanelMouseUp(parent.id);
- if(parent.direct) return;
- }
- _event.mouseDownObjectId = '';
- if(!$ax.style.ObjHasMouseDown(elementId)) return;
- $ax.style.SetWidgetMouseDown(elementId, false);
- $ax.annotation.updateLinkLocations($ax.style.GetTextIdFromShape(elementId));
- //there used to be something we needed to make images click, because swapping out the images prevents the click
- // this is a note that we can eventually delete.
- });
- }
- var $axElement = undefined;
- var preeval = itemId && !allowItem;
- //initialize disabled elements, do this first before selected, cause if a widget is disabled, we don't want to apply selected style anymore
- if (($ax.public.fn.IsVector(dObj.type) || $ax.public.fn.IsImageBox(dObj.type) || $ax.public.fn.IsDynamicPanel(dObj.type) || $ax.public.fn.IsLayer(dObj.type))
- && dObj.disabled && !preeval) {
- if (!$axElement) $axElement = $ax('#' + elementId);
- $axElement.enabled(false);
- }
- // Initialize selected elements if not in repeater
- if(($ax.public.fn.IsVector(dObj.type) || $ax.public.fn.IsImageBox(dObj.type) || $ax.public.fn.IsDynamicPanel(dObj.type) || $ax.public.fn.IsLayer(dObj.type))
- && dObj.selected && !preeval) {
- if(!$axElement) $axElement = $ax('#' + elementId);
- $axElement.selected(true);
- }
- if(OS_MAC && WEBKIT) {
- if ($ax.public.fn.IsComboBox(dObj.type) && dObj.disabled) {
- $jobj($ax.INPUT(elementId)).css('color', 'grayText');
- }
- };
- // Initialize Placeholders. Right now this is text boxes and text areas.
- // Also, the assuption is being made that these widgets with the placeholder, have no other styles (this may change...)
- var hasPlaceholder = dObj.placeholderText == '' ? true : Boolean(dObj.placeholderText);
- if (($ax.public.fn.IsTextArea(dObj.type) || $ax.public.fn.IsTextBox(dObj.type)) && hasPlaceholder) {
- // This is needed to initialize the placeholder state
- $jobj($ax.INPUT(elementId)).bind('keydown', function () {
- if(!dObj.HideHintOnFocused) {
- var id = this.id;
- var inputIndex = id.indexOf('_input');
- if(inputIndex == -1) return;
- var inputId = id.substring(0, inputIndex);
- if(!$ax.placeholderManager.isActive(inputId)) return;
- $ax.placeholderManager.updatePlaceholder(inputId, false, true);
- }
- }).bind('keyup', function() {
- var id = this.id;
- var inputIndex = id.indexOf('_input');
- if(inputIndex == -1) return;
- var inputId = id.substring(0, inputIndex);
- if($ax.placeholderManager.isActive(inputId)) return;
- if(!dObj.HideHintOnFocused && !$jobj(id).val()) {
- $ax.placeholderManager.updatePlaceholder(inputId, true);
- $ax.placeholderManager.moveCaret(id, 0);
- }
- }).bind('focus', function () {
- if(dObj.HideHintOnFocused) {
- var id = this.id;
- var inputIndex = id.indexOf('_input');
- if (inputIndex == -1) return;
- var inputId = id.substring(0, inputIndex);
- if (!$ax.placeholderManager.isActive(inputId)) return;
- $ax.placeholderManager.updatePlaceholder(inputId, false, true);
- }
- $ax.placeholderManager.moveCaret(this.id);
- }).bind('mouseup', function() {
- $ax.placeholderManager.moveCaret(this.id);
- }).bind('blur', function() {
- var id = this.id;
- var inputIndex = id.indexOf('_input');
- if(inputIndex == -1) return;
- var inputId = id.substring(0, inputIndex);
- if($jobj(id).val()) return;
- $ax.placeholderManager.updatePlaceholder(inputId, true);
- });
- $ax.placeholderManager.registerPlaceholder(elementId, dObj.placeholderText, $jobj($ax.INPUT(elementId)).attr('type') == 'password');
- $ax.placeholderManager.updatePlaceholder(elementId, !($jobj($ax.repeater.applySuffixToElementId(elementId, '_input')).val()));
- }
- // Initialize assigned submit buttons
- if(dObj.submitButton) {
- $element.keyup(function(e) {
- if(e.keyCode == '13') {
- var scriptId = $ax.repeater.getScriptIdFromElementId(elementId);
- var path = $ax.deepCopy(dObj.submitButton.path);
- path[path.length] = dObj.submitButton.id;
- var itemNum = $ax.repeater.getItemIdFromElementId(elementId);
- var submitId = $ax.getScriptIdFromPath(path, scriptId);
- if(itemNum && $ax.getParentRepeaterFromScriptId(submitId) == $ax.getParentRepeaterFromScriptId(scriptId)) {
- submitId = $ax.repeater.createElementId(submitId, itemNum);
- }
- var inputId = $ax.INPUT(submitId);
- if($jobj(inputId).length) submitId = inputId;
- $ax.setjBrowserEvent(e);
- $ax.event.fireClick(submitId);
- }
- }).keydown(function(e) {
- if(e.keyCode == '13') {
- e.preventDefault();
- }
- });
- }
- // Don't drag after mousing down on a plain text object
- if ($ax.public.fn.IsTextArea(dObj.type) || $ax.public.fn.IsTextBox(dObj.type) || $ax.public.fn.IsListBox(dObj.type) ||
- $ax.public.fn.IsComboBox(dObj.type) || $ax.public.fn.IsCheckBox(dObj.type) || $ax.public.fn.IsRadioButton(dObj.type)) {
- $element.bind($ax.features.eventNames.mouseDownName, function(event) {
- event.originalEvent.donotdrag = true;
- });
- }
- if($ax.features.supports.mobile) {
- $element.bind($ax.features.eventNames.mouseDownName, function() { _setCanClick(true); });
- if ($ax.public.fn.IsDynamicPanel(dObj.type)) {
- $element.scroll(function() { _setCanClick(false); });
- }
- }
- //initialize tree node cursors to default so they will override their parent
- if ($ax.public.fn.IsTreeNodeObject(dObj.type) && !(dObj.interactionMap && dObj.interactionMap.onClick)) {
- $element.css('cursor', 'default');
- }
- //initialize widgets that are clickable to have the pointer over them when hovering
- if($ax.event.HasClick(dObj)) {
- if($element) $element.css('cursor', 'pointer');
- }
- // TODO: not sure if we need this. It appears to be working without
- //initialize panels for DynamicPanels
- if ($ax.public.fn.IsDynamicPanel(dObj.type)) {
- $element.children().each(function() {
- var parts = this.id.split('_');
- var state = parts[parts.length - 1].substring(5);
- if(state != 0) $ax.visibility.SetVisible(this, false);
- });
- }
- //initialize TreeNodes
- if ($ax.public.fn.IsTreeNodeObject(dObj.type)) {
- if($element.hasClass('treeroot')) return;
- var childrenId = elementId + '_children';
- var children = $element.children('[id="' + childrenId + '"]:first');
- if(children.length > 0) {
- var plusMinusId = 'u' + (parseInt($ax.repeater.getScriptIdFromElementId(elementId).substring(1)) + 1);
- if(itemId) plusMinusId = $ax.repeater.createElementId(plusMinusId, itemId);
- if(!$jobj(plusMinusId).children().first().is('img')) plusMinusId = '';
- $ax.tree.InitializeTreeNode(elementId, plusMinusId, childrenId);
- }
- $element.click(function() { $ax.tree.SelectTreeNode(elementId, true); });
- }
- //initialize submenus
- if ($ax.public.fn.IsMenuObject(dObj.type)) {
- if($element.hasClass('sub_menu')) {
- var tableCellElementId = $ax.getElementIdFromPath([dObj.parentCellId], { relativeTo: elementId });
- $ax.menu.InitializeSubmenu(elementId, tableCellElementId);
- }
- }
- // Attach handles for dynamic panels that propagate styles to inner items.
- if (($ax.public.fn.IsDynamicPanel(dObj.type) || $ax.public.fn.IsLayer(dObj.type)) && dObj.propagate) {
- $element.mouseenter(function() {
- dynamicPanelMouseOver(this.id);
- }).mouseleave(function() {
- dynamicPanelMouseLeave(this.id);
- }).bind($ax.features.eventNames.mouseDownName, function() {
- dynamicPanelMouseDown(this.id);
- }).bind($ax.features.eventNames.mouseUpName, function() {
- dynamicPanelMouseUp(this.id);
- });
- }
- // These are the dynamic panel functions for propagating rollover styles and mouse down styles to inner objects
- var dynamicPanelMouseOver = function(elementId, fromChild) {
- var parent = $ax.dynamicPanelManager.parentHandlesStyles(elementId);
- if(parent) {
- dynamicPanelMouseOver(parent.id, true);
- if(parent.direct) return;
- }
- if($.inArray(elementId, _event.mouseOverIds) != -1) return;
- // If this event is coming from a child, don't mark that it's actually entered.
- // Only mark that this has been entered if this event has naturally been triggered. (For reason see mouseleave)
- if(!fromChild) _event.mouseOverIds[_event.mouseOverIds.length] = elementId;
- if(elementId == _event.mouseOverObjectId) return;
- _event.mouseOverObjectId = elementId;
- $ax.dynamicPanelManager.propagateMouseOver(elementId, true);
- };
- var dynamicPanelMouseLeave = function(elementId, fromChild) {
- var parent = $ax.dynamicPanelManager.parentHandlesStyles(elementId);
- if(parent) {
- dynamicPanelMouseLeave(parent.id, true);
- if(parent.direct) return;
- }
- var index = $.inArray(elementId, _event.mouseOverIds);
- // If index != -1, this has been natuarally entered. If naturally entered, then leaving child should not trigger leaving,
- // but instead wait for natural mouse leave. If natural mouse enter never triggered, natural mouse leave won't so do this now.
- if((index != -1) && fromChild) return;
- $ax.splice(_event.mouseOverIds, index, 1);
- if(elementId == _event.mouseOverObjectId) {
- _event.mouseOverObjectId = '';
- }
- $ax.dynamicPanelManager.propagateMouseOver(elementId, false);
- };
- var dynamicPanelMouseDown = function(elementId) {
- var parent = $ax.dynamicPanelManager.parentHandlesStyles(elementId);
- if(parent) {
- dynamicPanelMouseDown(parent.id);
- if(parent.direct) return;
- }
- _event.mouseDownObjectId = elementId;
- $ax.dynamicPanelManager.propagateMouseDown(elementId, true);
- };
- var dynamicPanelMouseUp = function(elementId) {
- var parent = $ax.dynamicPanelManager.parentHandlesStyles(elementId);
- if(parent) {
- dynamicPanelMouseUp(parent.id);
- if(parent.direct) return;
- }
- _event.mouseDownObjectId = '';
- $ax.dynamicPanelManager.propagateMouseDown(elementId, false);
- };
- //attach handlers for button shape and tree node mouse over styles
- // TODO: Can this really be removed? Trees seem to work with out (the generic hover case works for it).
- // query.filter(function(obj) {
- // return $ax.public.fn.IsVector(obj.type) && $ax.public.fn.IsTreeNodeObject(obj.parent.type) &&
- // obj.parent.style && obj.parent.style.stateStyles &&
- // obj.parent.style.stateStyles.mouseOver;
- // }).mouseenter(function() {
- // $ax.style.SetWidgetHover(this.id, true);
- // }).mouseleave(function() {
- // $ax.style.SetWidgetHover(this.id, false);
- // });
- //handle treeNodeObject events and prevent them from bubbling up. this is necessary because otherwise
- //both a sub menu and it's parent would get a click
- if ($ax.public.fn.IsTreeNodeObject(dObj.type)) {
- $element.click(function() {
- //todo -- this was bubbling, but then selecting a child tree node would bubble and select the parent (don't know if there is a better way)
- _fireObjectEvent(this.id, 'click', arguments);
- return false;
- }).each(function() {
- if(!this.style.cursor) {
- this.style.cursor = 'default';
- }
- });
- }
- // Synthetic events
- var map = dObj.interactionMap;
- // Attach dynamic panel synthetic drag and swipe events
- if(dObj.type == "dynamicPanel" && map && (
- map.onDragStart || map.onDrag ||
- map.onDragDrop || map.onSwipeLeft || map.onSwipeRight || map.onSwipeUp || map.onSwipeDown)) {
- $element.bind($ax.features.eventNames.mouseDownName, function(e) { $ax.drag.StartDragWidget(e.originalEvent, elementId); });
- }
- // Attach dynamic panel synthetic scroll event
- if ($ax.public.fn.IsDynamicPanel(dObj.type) && map && (map.onScroll || map.onScrollUp || map.onScrollDown)) {
- var diagrams = dObj.diagrams;
- for(var i = 0; i < diagrams.length; i++) {
- var panelId = $ax.repeater.applySuffixToElementId(elementId, '_state' + i);
- (function(id) {
- if ($('#' + id).data('lastScrollTop') == undefined) $('#' + id).data('lastScrollTop', '0');
- _attachDefaultObjectEvent($('#' + id), elementId, 'scroll', function(e) {
- $ax.setjBrowserEvent(e);
- var currentEvent = $ax.getjBrowserEvent();
- var eventInfoFromEvent = $ax.getEventInfoFromEvent($ax.getjBrowserEvent(), false, elementId);
- if(map.onScroll) _handleEvent(elementId, eventInfoFromEvent, map.onScroll);
-
- var currentTop = $('#' + id).scrollTop();
- var wasHandled = currentEvent.originalEvent.handled;
- if (map.onScrollUp && currentTop < $('#' + id).data('lastScrollTop')) {
- currentEvent.originalEvent.handled = false;
- _handleEvent(elementId, eventInfoFromEvent, map.onScrollUp);
- } else if (map.onScrollDown && currentTop > $('#' + id).data('lastScrollTop')) {
- currentEvent.originalEvent.handled = false;
- _handleEvent(elementId, eventInfoFromEvent, map.onScrollDown);
- }
- currentEvent.originalEvent.handled |= wasHandled;
- $('#' + id).data('lastScrollTop', currentTop);
- });
- })(panelId);
- }
- }
- // Attach synthetic hover event
- if (map && map.onMouseHover) {
- var MIN_HOVER_HOLD_TIME = 1000;
- // So when the timeout fires, you know whether it is the same mouseenter that is active or not.
- var hoverMouseCount = 0;
- // Update eventInfo regularly, so position is accurate.
- var hoverEventInfo;
- $element.mouseenter(function(e) {
- $ax.setjBrowserEvent(e);
- hoverEventInfo = $ax.getEventInfoFromEvent($ax.getjBrowserEvent(), false, elementId);
- (function(currCount) {
- window.setTimeout(function() {
- if(currCount == hoverMouseCount) _raiseSyntheticEvent(elementId, 'onMouseHover', false, hoverEventInfo, true);
- }, MIN_HOVER_HOLD_TIME);
- })(hoverMouseCount);
- }).mouseleave(function(e) {
- $ax.setjBrowserEvent(e);
- hoverMouseCount++;
- }).mousemove(function(e) {
- $ax.setjBrowserEvent(e);
- hoverEventInfo = $ax.getEventInfoFromEvent($ax.getjBrowserEvent(), false, elementId);
- });
- }
- // Attach synthetic tap and hold event.
- if (map && map.onLongClick) {
- var MIN_LONG_CLICK_HOLD_TIME = 750;
- // So when the timeout fires, you know whether it is the same mousedown that is active or not.
- var longClickMouseCount = 0;
- $element.bind($ax.features.eventNames.mouseDownName, function(e) {
- (function(currCount) {
- $ax.setjBrowserEvent(e);
- var eventInfo = $ax.getEventInfoFromEvent($ax.getjBrowserEvent(), false, elementId);
- window.setTimeout(function() {
- if(currCount == longClickMouseCount) _raiseSyntheticEvent(elementId, 'onLongClick', false, eventInfo, true);
- }, MIN_LONG_CLICK_HOLD_TIME);
- if(e.preventDefault) e.preventDefault();
- })(longClickMouseCount);
- }).bind($ax.features.eventNames.mouseUpName, function(e) {
- $ax.setjBrowserEvent(e);
- longClickMouseCount++;
- });
- };
- // Attach synthetic onSelectionChange event to droplist and listbox elements
- if ($ax.event.HasSelectionChanged(dObj)) {
- $element.bind('change', function(e) {
- $ax.setjBrowserEvent(e);
- _raiseSyntheticEvent(elementId, 'onSelectionChange');
- });
- };
- // Highjack key up and key down to keep track of state of keyboard.
- _event.initKeyEvents($element);
- // Attach synthetic onTextChange event to textbox and textarea elements
- if ($ax.event.HasTextChanged(dObj)) {
- var element = $jobj($ax.INPUT(elementId));
- $ax.updateElementText(elementId, element.val());
- //Key down needed because when holding a key down, key up only fires once, but keydown fires repeatedly.
- //Key up because last mouse down will only show the state before the last character.
- element.bind('keydown', function(e) {
- $ax.setjBrowserEvent(e);
- $ax.event.TryFireTextChanged(elementId);
- }).bind('keyup', function(e) {
- $ax.setjBrowserEvent(e);
- $ax.event.TryFireTextChanged(elementId);
- });
- };
- // Attach synthetic onCheckedChange event to radiobutton and checkbox elements
- if ($ax.public.fn.IsCheckBox(dObj.type) || $ax.public.fn.IsRadioButton(dObj.type)) {
- var input = $jobj($ax.INPUT(elementId));
- if ($ax.public.fn.IsRadioButton(dObj.type) && input.prop('checked')) {
- $ax.updateRadioButtonSelected(input.attr('name'), elementId);
- }
- $element.bind('change', function(e) {
- $ax.setjBrowserEvent(e);
- var eTarget = e.target || e.srcElement;
- _tryFireCheckedChanged(elementId, eTarget.checked);
- });
- };
- var hasTap = map && (map.onClick || map.onDoubleClick);
- var hasMove = map && map.onMouseMove;
- _event.initMobileEvents(hasTap ? $element : $(),
- hasMove ? $element : $(), elementId);
- //attach link alternate styles
- if(dObj.type == 'hyperlink') {
- $element.mouseenter(function() {
- var elementId = this.id;
- if(_event.mouseOverIds.indexOf(elementId) != -1) return true;
- _event.mouseOverIds[_event.mouseOverIds.length] = elementId;
- var mouseOverObjectId = _event.mouseOverObjectId;
- if(mouseOverObjectId && $ax.style.IsWidgetDisabled(mouseOverObjectId)) return true;
- $ax.style.SetLinkHover(elementId);
- var bubble = _fireObjectEvent(elementId, 'mouseenter', arguments);
- $ax.annotation.updateLinkLocations($ax.style.GetTextIdFromLink(elementId));
- return bubble;
- }).mouseleave(function() {
- var elementId = this.id;
- $ax.splice(_event.mouseOverIds, _event.mouseOverIds.indexOf(elementId), 1);
- var mouseOverObjectId = _event.mouseOverObjectId;
- if(mouseOverObjectId && $ax.style.IsWidgetDisabled(mouseOverObjectId)) return true;
- $ax.style.SetLinkNotHover(elementId);
- var bubble = _fireObjectEvent(elementId, 'mouseleave', arguments);
- $ax.annotation.updateLinkLocations($ax.style.GetTextIdFromLink(elementId));
- return bubble;
- }).bind($ax.features.eventNames.mouseDownName, function() {
- var elementId = this.id;
- var mouseOverObjectId = _event.mouseOverObjectId;
- if($ax.style.IsWidgetDisabled(mouseOverObjectId)) return undefined;
- if(mouseOverObjectId) $ax.style.SetWidgetMouseDown(mouseOverObjectId, true);
- $ax.style.SetLinkMouseDown(elementId);
- $ax.annotation.updateLinkLocations($ax.style.GetTextIdFromLink(elementId));
- return false;
- }).bind($ax.features.eventNames.mouseUpName, function() {
- var elementId = this.id;
- var mouseOverObjectId = _event.mouseOverObjectId;
- if(mouseOverObjectId && $ax.style.IsWidgetDisabled(mouseOverObjectId)) return;
- if(mouseOverObjectId) $ax.style.SetWidgetMouseDown(mouseOverObjectId, false);
- $ax.style.SetLinkNotMouseDown(elementId);
- $ax.annotation.updateLinkLocations($ax.style.GetTextIdFromLink(elementId));
- }).click(function() {
- var elementId = this.id;
- var mouseOverObjectId = _event.mouseOverObjectId;
- if(mouseOverObjectId && $ax.style.IsWidgetDisabled(mouseOverObjectId)) return undefined;
- return _fireObjectEvent(elementId, 'click', arguments);
- });
- }
- // Init inline frames
- if (dObj.type == 'inlineFrame') {
- var target = dObj.target;
- var url = '';
- if(target.includeVariables && target.url) {
- var origSrc = target.url;
- url = origSrc.toLowerCase().indexOf('http://') == -1 ? $ax.globalVariableProvider.getLinkUrl(origSrc) : origSrc;
- } else if(target.urlLiteral) {
- url = $ax.expr.evaluateExpr(target.urlLiteral, $ax.getEventInfoFromEvent(undefined, true, elementId), true);
- }
- if(url) $jobj($ax.INPUT(elementId)).attr('src', url);
- };
- });
- }
- $ax.initializeObjectEvents = _initializeObjectEvents;
- // Handle key up and key down events
- (function() {
- var _keyState = {};
- _keyState.ctrl = false;
- _keyState.alt = false;
- _keyState.shift = false;
- _keyState.keyCode = 0;
- $ax.event.keyState = function() {
- return $ax.deepCopy(_keyState);
- };
- var modifierCodes = [16, 17, 18];
- var clearKeyCode = false;
- $ax.event.initKeyEvents = function($query) {
- $query.keydown(function (e) {
- if(clearKeyCode) {
- clearKeyCode = false;
- _keyState.keyCode = 0;
- }
- var elementId = this.id;
- _keyState.ctrl = e.ctrlKey;
- _keyState.alt = e.altKey;
- _keyState.shift = e.shiftKey;
- // If a modifier was pressed, then don't set the keyCode;
- if(modifierCodes.indexOf(e.keyCode) == -1) _keyState.keyCode = e.keyCode;
- $ax.setjBrowserEvent(e);
- if (!elementId) fireEventThroughContainers('onKeyDown', undefined, false, [$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE, $ax.constants.DYNAMIC_PANEL_TYPE, $ax.constants.REPEATER],
- [$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE, $ax.constants.LAYER_TYPE]);
- else _raiseSyntheticEvent(elementId, 'onKeyDown', false, undefined, true);
- });
- $query.keyup(function(e) {
- var elementId = this.id;
- if (modifierCodes.indexOf(e.keyCode) == -1) clearKeyCode = true;
- else if (clearKeyCode) {
- clearKeyCode = false;
- _keyState.keyCode = 0;
- }
- $ax.setjBrowserEvent(e);
- // Fire event before updating modifiers.
- if (!elementId) fireEventThroughContainers('onKeyUp', undefined, false, [$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE, $ax.constants.DYNAMIC_PANEL_TYPE, $ax.constants.REPEATER],
- [$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE, $ax.constants.LAYER_TYPE]);
- else _raiseSyntheticEvent(elementId, 'onKeyUp', false, undefined, true);
- //_keyState.ctrl = e.ctrlKey;
- //_keyState.alt = e.altKey;
- //_keyState.shift = e.shiftKey;
- //// If a non-modifier was lifted, clear the keycode
- ///if(modifierCodes.indexOf(e.keyCode) == -1) _keyState.keyCode = 0;
- });
- };
- })();
- // Handle adding mobile events
- (function() {
- // NOTE: Multi touch is NOT handled currently.
- var CLICK_THRESHOLD_PX = 25;
- var CLICK_THRESHOLD_PX_SQ = CLICK_THRESHOLD_PX * CLICK_THRESHOLD_PX;
- var DBLCLICK_THRESHOLD_MS = 500;
- // Location in page cooridinates
- var tapDownLoc;
- var lastClickEventTime;
- _event.initMobileEvents = function($tapQuery, $moveQuery, elementId) {
- if(!$ax.features.supports.mobile) return;
- // Handle touch start
- $tapQuery.bind('touchstart', function(e) {
- // We do NOT support multiple touches. This isn't necessarily the touch we want.
- var touch = e.originalEvent && e.originalEvent.changedTouches && e.originalEvent.changedTouches[0];
- if(!touch) return;
- tapDownLoc = [touch.pageX, touch.pageY];
- var time = (new Date()).getTime();
- if(time - lastClickEventTime < DBLCLICK_THRESHOLD_MS) {
- var dObj = elementId === '' ? $ax.pageData.page : $ax.getObjectFromElementId(elementId);
- var axEventObject = dObj && dObj.interactionMap && dObj.interactionMap['onDoubleClick'];
- if(axEventObject) e.preventDefault(); //for Chrome on Android
- }
- }).bind('touchend', function(e) {
- var touch = e.originalEvent && e.originalEvent.changedTouches && e.originalEvent.changedTouches[0];
- if(!touch || !tapDownLoc) return;
- var tapUpLoc = [touch.pageX, touch.pageY];
- var xDiff = tapUpLoc[0] - tapDownLoc[0];
- var yDiff = tapUpLoc[1] - tapDownLoc[1];
- if((xDiff * xDiff + yDiff * yDiff) < CLICK_THRESHOLD_PX_SQ) {
- $ax.setjBrowserEvent(e);
- _raiseSyntheticEvent(elementId, 'onClick', false, undefined, true);
- var time = (new Date()).getTime();
- if(time - lastClickEventTime < DBLCLICK_THRESHOLD_MS) {
- _raiseSyntheticEvent(elementId, 'onDoubleClick', false, undefined, true);
- if(e.originalEvent && e.originalEvent.handled) e.preventDefault(); //for iOS
- }
- lastClickEventTime = time;
- }
- });
- // Handles touch move
- $moveQuery.bind('touchmove', function(e) {
- $ax.setjBrowserEvent(e);
- _raiseSyntheticEvent(elementId, 'onMouseMove', false, undefined, true);
- if(e.originalEvent && e.originalEvent.handled) e.preventDefault();
- });
- };
- })();
- // Handle adding device independent click events to non-widgets
- (function() {
- var CLICK_THRESHOLD_PX = 25;
- var CLICK_THRESHOLD_PX_SQ = CLICK_THRESHOLD_PX * CLICK_THRESHOLD_PX;
- // Location in page cooridinates
- var tapDownLoc;
- _event.attachClick = function(query, clickHandler) {
- if(!$ax.features.supports.mobile) {
- query.click(clickHandler);
- return;
- }
- $(query).bind('touchstart', function(e) {
- // We do NOT support multiple touches. This isn't necessarily the touch we want.
- var touch = e.originalEvent && e.originalEvent.changedTouches && e.originalEvent.changedTouches[0];
- if(!touch) return;
- tapDownLoc = [touch.pageX, touch.pageY];
- });
- $(query).bind('touchend', function(e) {
- var touch = e.originalEvent && e.originalEvent.changedTouches && e.originalEvent.changedTouches[0];
- if(!touch) return;
- var tapUpLoc = [touch.pageX, touch.pageY];
- var xDiff = tapUpLoc[0] - tapDownLoc[0];
- var yDiff = tapUpLoc[1] - tapDownLoc[1];
- if((xDiff * xDiff + yDiff * yDiff) < CLICK_THRESHOLD_PX_SQ) {
- clickHandler();
- }
- });
- };
- })();
- // Handle firing device independent click events on widgets
- (function() {
- _event.fireClick = function(elementId) {
- if(!$ax.features.supports.mobile) {
- $('#' + elementId).click();
- return;
- }
- _raiseSyntheticEvent(elementId, 'onClick', false, undefined, true);
- };
- })();
- var _mouseLocation = $ax.mouseLocation = { x: 0, y: 0 };
- var _lastmouseLocation = $ax.lastMouseLocation = { x: 0, y: 0 };
- var _updateMouseLocation = function(e, end) {
- if(!e) return;
- if(IE_10_AND_BELOW && typeof (e.type) == 'unknown') return;
- if(e.type != 'mousemove' && e.type != 'touchstart' && e.type != 'touchmove' && e.type != 'touchend') return;
- var newX;
- var newY;
- if(IE_10_AND_BELOW) {
- newX = e.clientX + $('html').scrollLeft();
- newY = e.clientY + $('html').scrollTop();
- } else {
- newX = e.pageX;
- newY = e.pageY;
- }
- //var body = $('body');
- //if(body.css('position') == 'relative') newX = Math.round(newX - Number(body.css('left').replace('px', '')) - Math.max(0, ($(window).width() - body.width()) / 2));
- if(_mouseLocation.x == newX && _mouseLocation.y == newY) return;
- _lastmouseLocation.x = _mouseLocation.x;
- _lastmouseLocation.y = _mouseLocation.y;
- _mouseLocation.x = newX;
- _mouseLocation.y = newY;
- $ax.geometry.tick(_mouseLocation.x, _mouseLocation.y, end);
- };
- _event.updateMouseLocation = _updateMouseLocation;
- var _leavingState = function(stateId) {
- var mouseOverIds = _event.mouseOverIds;
- if(mouseOverIds.length == 0) return;
- var stateQuery = $jobj(stateId);
- for(var i = mouseOverIds.length - 1; i >= 0; i--) {
- var id = mouseOverIds[i];
- if(stateQuery.find('#' + id).length) {
- $ax.splice(mouseOverIds, $.inArray(id, mouseOverIds), 1);
- $ax.style.SetWidgetMouseDown(id, false);
- $ax.style.SetWidgetHover(id, false);
- }
- }
- };
- _event.leavingState = _leavingState;
- var _raiseSelectedEvents = function(elementId, value) {
- $ax.event.raiseSyntheticEvent(elementId, 'onSelectedChange');
- if(value) $ax.event.raiseSyntheticEvent(elementId, 'onSelect');
- else $ax.event.raiseSyntheticEvent(elementId, 'onUnselect');
- };
- $ax.event.raiseSelectedEvents = _raiseSelectedEvents;
- var _raiseSyntheticEvent = function(elementId, eventName, skipShowDescription, eventInfo, nonSynthetic) {
- // Empty string used when this is an event directly on the page.
- var dObj = elementId === '' ? $ax.pageData.page : $ax.getObjectFromElementId(elementId);
- var axEventObject = dObj && dObj.interactionMap && dObj.interactionMap[eventName];
- if(!axEventObject) return;
- eventInfo = eventInfo || $ax.getEventInfoFromEvent($ax.getjBrowserEvent(), skipShowDescription, elementId);
- // $ax.recording.maybeRecordEvent(elementId, eventInfo, axEventObject, new Date().getTime());
- _handleEvent(elementId, eventInfo, axEventObject, false, !nonSynthetic);
- };
- $ax.event.raiseSyntheticEvent = _raiseSyntheticEvent;
- var _hasSyntheticEvent = function(scriptId, eventName) {
- var dObj = $ax.getObjectFromScriptId(scriptId);
- var axEventObject = dObj && dObj.interactionMap && dObj.interactionMap[eventName];
- return Boolean(axEventObject);
- };
- $ax.event.hasSyntheticEvent = _hasSyntheticEvent;
- var _addEvent = function (target, eventType, handler, useCapture) {
- //this return value is only for debug purpose
- var succeed = undefined;
- if(target.attachEvent) {
- if($ax.features.supports.windowsMobile) {
- succeed = target.attachEvent(eventType, handler);
- } else {
- succeed = target.attachEvent('on' + eventType, handler);
- }
- } else if(target.addEventListener) {
- target.addEventListener(eventType, handler, useCapture);
- succeed = true;
- }
- return succeed;
- }
- $ax.event.addEvent = _addEvent;
- var _removeEvent = function(target, eventType, handler, useCapture, skipCheckingWindowsMobile) {
- //this return value is only for debug purpose
- var succeed = undefined;
- if(target.detachEvent) {
- if(!skipCheckingWindowsMobile && $ax.features.supports.windowsMobile) {
- succeed = target.detachEvent(eventType, handler);
- } else {
- succeed = target.detachEvent('on' + eventType, handler);
- }
- } else if(target.removeEventListener) {
- target.removeEventListener(eventType, handler, useCapture);
- succeed = true;
- }
- return succeed;
- }
- $ax.event.removeEvent = _removeEvent;
- var _initialize = function() {
- $ax.repeater.load();
- // Make sure key events for page are initialized first. That way they will update the value of key pressed before any other events occur.
- _event.initKeyEvents($(window));
- // Anything with an item id is in a repeater and should be handled by that repeater.
- _initializeObjectEvents($ax(function(obj, elementId) { return !$ax.repeater.getItemIdFromElementId(elementId); }));
- //finally, process the pageload
- _pageLoad();
- // _loadDynamicPanelsAndMasters();
- // $ax.repeater.init();
- // and wipe out the basic links.
- $('.basiclink').click(function() {
- return false;
- });
- };
- _event.initialize = _initialize;
- $ax.event.HasTextChanged = function(diagramObject) {
- if (!$ax.public.fn.IsTextBox(diagramObject.type) && !$ax.public.fn.IsTextArea(diagramObject.type)) return false;
- var map = diagramObject.interactionMap;
- return map && map.onTextChange;
- };
- $ax.event.TryFireTextChanged = function(elementId) {
- var query = $jobj($ax.repeater.applySuffixToElementId(elementId, '_input'));
- if(!$ax.hasElementTextChanged(elementId, query.val())) return;
- $ax.updateElementText(elementId, query.val());
- $ax.event.raiseSyntheticEvent(elementId, 'onTextChange');
- };
- $ax.event.HasSelectionChanged = function(diagramObject) {
- if (!$ax.public.fn.IsListBox(diagramObject.type) && !$ax.public.fn.IsComboBox(diagramObject.type)) return false;
- var map = diagramObject.interactionMap;
- return map && map.onSelectionChange;
- };
- $ax.event.HasCheckedChanged = function(diagramObject) {
- if (!$ax.public.fn.IsCheckBox(diagramObject.type) && !$ax.public.fn.IsRadioButton(diagramObject.type)) return false;
- var map = diagramObject.interactionMap;
- return map && map.onSelectedChange;
- };
- $ax.event.HasClick = function (diagramObject) {
- var map = diagramObject.interactionMap;
- return map && map.onClick;
- };
- var _tryFireCheckedChanged = $ax.event.TryFireCheckChanged = function(elementId, value) {
- var isRadio = $ax.public.fn.IsRadioButton($obj(elementId).type);
- if(isRadio) {
- if(!value) {
- $ax.updateRadioButtonSelected($jobj($ax.INPUT(elementId)).attr('name'), undefined);
- } else {
- var last = $ax.updateRadioButtonSelected($jobj($ax.INPUT(elementId)).attr('name'), elementId);
- // If no change, this should not fire
- if(last == elementId) return;
- // Initially selecting one, last may be undefined
- if(last) {
- //here last is the previouse selected elementid
- $ax.event.raiseSelectedEvents(last, false);
- }
- }
- }
- $ax.event.raiseSelectedEvents(elementId, value);
- };
- //onload everything now, not only dp and master
- var _loadDynamicPanelsAndMasters = function(objects, path, itemId) {
- fireEventThroughContainers('onLoad', objects, true, [$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE, $ax.constants.DYNAMIC_PANEL_TYPE],
- [$ax.constants.ALL_TYPE], path, itemId);
- };
- $ax.loadDynamicPanelsAndMasters = _loadDynamicPanelsAndMasters;
- var _viewChangePageAndMasters = function(forceSwitchTo) {
- fireEventThroughContainers('onAdaptiveViewChange', undefined, true, [$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE, $ax.constants.DYNAMIC_PANEL_TYPE],
- [$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE]);
- _postAdaptiveViewChanged(forceSwitchTo);
- };
- $ax.viewChangePageAndMasters = _viewChangePageAndMasters;
- //if forceSwitchTo is true, we will also update the checkmark in sitemap.js
- var _postAdaptiveViewChanged = function(forceSwitchTo) {
- //only trigger adaptive view changed if the window is on the mainframe. Also triggered on init, even if default.
- try {
- if(window.name == 'mainFrame' ||
- (!CHROME_5_LOCAL && window.parent.$ && window.parent.$('#mainFrame').length > 0)) {
- var data = {
- viewId: $ax.adaptive.currentViewId,
- forceSwitchTo: forceSwitchTo
- };
- $axure.messageCenter.postMessage('adaptiveViewChange', data);
- }
- } catch(e) { }
- };
- $ax.postAdaptiveViewChanged = _postAdaptiveViewChanged;
- var _postResize = $ax.postResize = function(e) {
- $ax.setjBrowserEvent(e);
- return fireEventThroughContainers('onResize', undefined, false, [$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE, $ax.constants.DYNAMIC_PANEL_TYPE, $ax.constants.REPEATER],
- [$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE]);
- };
- //fire events for table, menu and tree, including its sub items
- var _fireEventsForTableMenuAndTree = function (object, event, skipShowDescription, eventInfo, path, synthetic) {
- if (!path) path = [];
- var pathCopy = path.slice();
- pathCopy[path.length] = object.id;
- var scriptId = $ax.getScriptIdFromPath(pathCopy);
- $ax.event.raiseSyntheticEvent(scriptId, event, skipShowDescription, eventInfo, !synthetic);
- if(object.objects) {
- for(var index = 0; index < object.objects.length; index++) {
- var subObj = object.objects[index];
- if ($ax.public.fn.IsTableCell(subObj.type)) {
- pathCopy[path.length] = subObj.id;
- scriptId = $ax.getScriptIdFromPath(pathCopy);
- $ax.event.raiseSyntheticEvent(scriptId, event, skipShowDescription, eventInfo, !synthetic);
- } else if ($ax.public.fn.IsTable(object.type) || $ax.public.fn.IsMenuObject(object.type) || $ax.public.fn.IsTreeNodeObject(object.type)) {
- _fireEventsForTableMenuAndTree(subObj, event, skipShowDescription, eventInfo, path, synthetic);
- }
- }
- }
- }
- // if ($('#' + id).data('lastScrollTop') == undefined) $('#' + id).data('lastScrollTop', '0');
- // _attachDefaultObjectEvent($('#' + id), elementId, 'scroll', function (e) {
- // $ax.setjBrowserEvent(e);
- // var currentEvent = $ax.getjBrowserEvent();
- // var eventInfoFromEvent = $ax.getEventInfoFromEvent($ax.getjBrowserEvent(), false, elementId);
- // if (map.onScroll) _handleEvent(elementId, eventInfoFromEvent, map.onScroll);
- //
- // var currentTop = $('#' + id).scrollTop();
- // var wasHandled = currentEvent.originalEvent.handled;
- // if (map.onScrollUp && currentTop < $('#' + id).data('lastScrollTop')) {
- // currentEvent.originalEvent.handled = false;
- // _handleEvent(elementId, eventInfoFromEvent, map.onScrollUp);
- // } else if (map.onScrollDown && currentTop > $('#' + id).data('lastScrollTop')) {
- // currentEvent.originalEvent.handled = false;
- // _handleEvent(elementId, eventInfoFromEvent, map.onScrollDown);
- // }
- // currentEvent.originalEvent.handled |= wasHandled;
- // $('#' + id).data('lastScrollTop', currentTop);
- // });
- //remember the scroll bar position, so we can detect scroll up/down
- var lastScrollTop;
- // Filters include page, referenceDiagramObject, dynamicPanel, and repeater.
- var fireEventThroughContainers = function(eventName, objects, synthetic, searchFilter, callFilter, path, itemId) {
- // TODO: may want to pass in this as a parameter. At that point, may want to convert some of them to an option parameter. For now this is the only case
- var skipShowDescription = eventName == 'onLoad';
- // If objects undefined, load page
- if(!objects) {
- if(_callFilterCheck(callFilter, $ax.constants.PAGE_TYPE)) {
- var map = $ax.pageData.page.interactionMap;
- var currentEvent = $ax.getjBrowserEvent();
- var pageEventInfo = $ax.getEventInfoFromEvent(currentEvent, skipShowDescription, '');
- pageEventInfo.label = $ax.pageData.page.name;
- pageEventInfo.friendlyType = 'Page';
- var pageEvent = map && map[eventName];
- var scrolling = currentEvent && currentEvent.type === "scroll";
- if (scrolling && !pageEvent && map) pageEvent = map.onScrollUp || map.onScrollDown;
- if (pageEvent) {
- if (!scrolling || map.onScroll) _handleEvent('', pageEventInfo, pageEvent, skipShowDescription, synthetic);
- if (scrolling) {
- var wasHandled = currentEvent.originalEvent.handled;
- var currentScrollTop = $(window).scrollTop();
- if(map.onScrollUp && currentScrollTop < lastScrollTop) {
- currentEvent.originalEvent.handled = false;
- _handleEvent('', pageEventInfo, map.onScrollUp, skipShowDescription, synthetic);
- } else if (map.onScrollDown && currentScrollTop > lastScrollTop) {
- currentEvent.originalEvent.handled = false;
- _handleEvent('', pageEventInfo, map.onScrollDown, skipShowDescription, synthetic);
- }
- currentEvent.originalEvent.handled |= wasHandled;
- lastScrollTop = currentScrollTop;
- }
- }
- }
- if (searchFilter.indexOf($ax.constants.PAGE_TYPE) != -1) fireEventThroughContainers(eventName, $ax.pageData.page.diagram.objects, synthetic, searchFilter, callFilter);
- return;
- }
- if(!path) path = [];
- var pathCopy = [];
- for(var j = 0; j < path.length; j++) pathCopy[j] = path[j];
- for(var i = 0; i < objects.length; i++) {
- var obj = objects[i];
- pathCopy[path.length] = obj.id;
- if (!$ax.public.fn.IsReferenceDiagramObject(obj.type) && !$ax.public.fn.IsDynamicPanel(obj.type) && !$ax.public.fn.IsRepeater(obj.type) && !$ax.public.fn.IsLayer(obj.type)) {
- if(_callFilterCheck(callFilter)) { //fire current event for all types
- if ($ax.public.fn.IsTable(obj.type) || $ax.public.fn.IsMenuObject(obj.type) || $ax.public.fn.IsTreeNodeObject(obj.type)) {
- _fireEventsForTableMenuAndTree(obj, eventName, skipShowDescription, undefined, path, !synthetic);
- } else {
- var scriptId = $ax.getScriptIdFromPath(pathCopy);
- if(scriptId && itemId) scriptId = $ax.repeater.createElementId(scriptId, itemId);
- $ax.event.raiseSyntheticEvent(scriptId, eventName, skipShowDescription, undefined, !synthetic);
- }
- }
- continue;
- }
- var objId = $ax.getScriptIdFromPath(pathCopy);
- // If limboed, move on to next item
- if(!objId) continue;
- if(itemId) objId = $ax.repeater.createElementId(objId, itemId);
- if($ax.public.fn.IsReferenceDiagramObject(obj.type)) {
- if(_callFilterCheck(callFilter, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE)) {
- var axEvent = $ax.pageData.masters[obj.masterId].interactionMap[eventName];
- if(axEvent) {
- var eventInfo = $ax.getEventInfoFromEvent($ax.getjBrowserEvent(), skipShowDescription, objId);
- eventInfo.isMasterEvent = true;
- _handleEvent(objId, eventInfo, axEvent, skipShowDescription, synthetic);
- }
- }
- if(searchFilter.indexOf($ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE) != -1) fireEventThroughContainers(eventName, $ax.pageData.masters[obj.masterId].diagram.objects, synthetic, searchFilter, callFilter, pathCopy, itemId);
- } else if($ax.public.fn.IsDynamicPanel(obj.type)) {
- if(_callFilterCheck(callFilter, $ax.constants.DYNAMIC_PANEL_TYPE)) $ax.event.raiseSyntheticEvent(objId, eventName, skipShowDescription, undefined, !synthetic);
- if(searchFilter.indexOf($ax.constants.DYNAMIC_PANEL_TYPE) != -1) {
- var diagrams = obj.diagrams;
- for(var j = 0; j < diagrams.length; j++) {
- fireEventThroughContainers(eventName, diagrams[j].objects, synthetic, searchFilter, callFilter, path, itemId);
- }
- }
- } else if($ax.public.fn.IsRepeater(obj.type)) {
- // TODO: possible an option for repeater item? Now fires overall for the repeater
- if(_callFilterCheck(callFilter, $ax.constants.REPEATER)) $ax.event.raiseSyntheticEvent(objId, eventName, skipShowDescription, undefined, !synthetic);
- if(searchFilter.indexOf($ax.constants.REPEATER) != -1) {
- var itemIds = $ax.getItemIdsForRepeater(objId);
- for(var j = 0; j < itemIds.length; j++) {
- fireEventThroughContainers(eventName, obj.objects, synthetic, searchFilter, callFilter, path, itemIds[j]);
- }
- }
- } else if($ax.public.fn.IsLayer(obj.type)) {
- if(_callFilterCheck(callFilter, $ax.constants.LAYER_TYPE)) $ax.event.raiseSyntheticEvent(objId, eventName, skipShowDescription, undefined, !synthetic);
- }
- }
- eventNesting -= 1;
- };
- var _callFilterCheck = function(callFilter, type) {
- for(var index = 0; index < callFilter.length; index++) {
- var currentType = callFilter[index];
- if(currentType === $ax.constants.ALL_TYPE || currentType === type) return true;
- }
- return false;
- };
- // FOCUS stuff
- (function() {
- })();
- var _pageLoad = function() {
- // Map of axure event names to pair of what it should attach to, and what the jquery event name is.
- var PAGE_AXURE_TO_JQUERY_EVENT_NAMES = {
- 'onScroll': [window, 'scroll'],
- 'onScrollUp': [window, 'scrollup'],
- 'onScrollDown': [window, 'scrolldown'],
- //'onResize': [window, 'resize'],
- 'onContextMenu': [window, 'contextmenu']
- };
- var $win = $(window);
- if(!$ax.features.supports.mobile) {
- PAGE_AXURE_TO_JQUERY_EVENT_NAMES.onClick = ['html', 'click'];
- PAGE_AXURE_TO_JQUERY_EVENT_NAMES.onDoubleClick = ['html', 'dblclick'];
- PAGE_AXURE_TO_JQUERY_EVENT_NAMES.onMouseMove = ['html', 'mousemove'];
- } else {
- _event.initMobileEvents($win, $win, '');
- $win.bind($ax.features.eventNames.mouseDownName, _updateMouseLocation);
- $win.bind($ax.features.eventNames.mouseUpName, function(e) { _updateMouseLocation(e, true); });
- $win.scroll(function() { _setCanClick(false); });
- $win.bind($ax.features.eventNames.mouseDownName, (function() {
- _setCanClick(true);
- }));
- }
- $win.bind($ax.features.eventNames.mouseMoveName, _updateMouseLocation);
- $win.scroll($ax.flyoutManager.reregisterAllFlyouts);
- for(key in PAGE_AXURE_TO_JQUERY_EVENT_NAMES) {
- if(!PAGE_AXURE_TO_JQUERY_EVENT_NAMES.hasOwnProperty(key)) continue;
- (function(axureName) {
- var jqueryEventNamePair = PAGE_AXURE_TO_JQUERY_EVENT_NAMES[axureName];
- var actionName = jqueryEventNamePair[1];
- if(actionName == "scrollup" || actionName == "scrolldown") return;
-
- $(jqueryEventNamePair[0])[actionName](function (e) {
- $ax.setjBrowserEvent(e);
- return fireEventThroughContainers(axureName, undefined, false, [$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE, $ax.constants.DYNAMIC_PANEL_TYPE, $ax.constants.REPEATER],
- [$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE]);
- });
- })(key);
- }
- eventNesting -= 1;
- lastScrollTop = 0;
- };
- _event.pageLoad = _pageLoad;
- });
|