Autodesk 15606-011408-9300 Developer Guide - Page 77

JavaScript Example, both the Autodesk MapGuide Viewer Plug-In and Autodesk MapGuide

Page 77 highlights

JavaScript Example The following JavaScript example shows an HTML page that handles the onSelectionChanged event for both Netscape Navigator and Microsoft Internet Explorer browsers: if (navigator.appName() == "Netscape") { // Embed the Autodesk MapGuide Viewer Plug-In Observer Applet document.write(""); document.write(""); } function onLoad() { if (navigator.appName() == "Netscape") getMap().setSelectionChangedObserver(document.obs); } function onSelectionChanged(map) { alert("Selection Changed"); } If this script is loaded in Netscape Navigator, it first adds an tag to the document, which loads the MapGuideObserver6.class applet. The tag must be added in this manner or the page will not load correctly in Internet Explorer. The applet is given the name obs. After the page loads, the browser automatically calls the onLoad function. onLoad calls the setSelectionChangedObserver method from MGMap, providing the Autodesk MapGuide Viewer Plug-In and its observer applet with the observer object that handles selection changed events. Finally, the map_onSelectionChanged function is implemented to handle the event in JavaScript. This one function will now handle selection changed events from both the Autodesk MapGuide Viewer Plug-In and Autodesk MapGuide Viewer ActiveX Control. To see a fully functional event handling example, choose Help ➤ Contents ➤ Examples Advanced ➤ Event Handling in the Autodesk MapGuide Viewer API Help. This example implements an observer object that supports all of the observer interfaces by forwarding the events back to JavaScript functions that have identical semantics to the Autodesk MapGuide Viewer ActiveX Control event handlers. Setting Up Event Handlers | 77

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
  • 202
  • 203
  • 204
  • 205
  • 206
  • 207
  • 208

Setting Up Event Handlers
|
77
JavaScript Example
The following JavaScript example shows an HTML page that handles the
onSelectionChanged
event for both Netscape Navigator and Microsoft
Internet Explorer browsers:
<SCRIPT LANGUAGE="JavaScript">
if (navigator.appName() == "Netscape")
{
// Embed the Autodesk MapGuide Viewer Plug-In Observer Applet
document.write("<Java Applet CODE=\"MapGuideObserver6.class\"
WIDTH=2 HEIGHT=2 NAME=\"obs\" MAYSCRIPT>");
document.write("</Java Applet>");
}
function onLoad()
{
if (navigator.appName() == "Netscape")
getMap().setSelectionChangedObserver(document.obs);
}
function onSelectionChanged(map)
{
alert("Selection Changed");
}
</SCRIPT>
If this script is loaded in Netscape Navigator, it first adds an
<APPLET>
tag to
the document, which loads the
MapGuideObserver6.class
applet. The
<APPLET>
tag must be added in this manner or the page will not load
correctly in Internet Explorer. The applet is given the name
obs
. After the
page loads, the browser automatically calls the
onLoad
function.
onLoad
calls the
setSelectionChangedObserver
method from
MGMap
, providing
the Autodesk MapGuide Viewer Plug-In and its observer applet with the
observer object that handles selection changed events. Finally, the
map_onSelectionChanged
function is implemented to handle the event in
JavaScript. This one function will now handle selection changed events from
both the Autodesk MapGuide Viewer Plug-In and Autodesk MapGuide
Viewer ActiveX Control.
To see a fully functional event handling example, choose Help
Contents
Examples Advanced
Event Handling in the
Autodesk MapGuide Viewer
API Help
. This example implements an observer object that supports all of the
observer interfaces by forwarding the events back to JavaScript functions that
have identical semantics to the Autodesk MapGuide Viewer ActiveX Control
event handlers.