Adobe 65030089 User Manual - Page 233

Triggers and targets, Assign a trigger to text or images, Connect triggers to text

Page 233 highlights

USING ROBOHELP HTML 10 227 Multimedia and special effects 2 Do one of the following: • To change formatting in a single topic, choose Available In and select the name of the topic to change. • To change formatting in all topics using a style sheet, choose Available In and select the external style sheet. 3 Under Styles, select the hotspot style to change. 4 Click Modify. 5 Click Format and select the attributes to change. 6 Click OK. Click Close. Triggers and targets About triggers and targets Triggers are text or images that have a special DHTML effect applied. When users click text or an image that's assigned a trigger, a target appears. To open DHTML effects using triggers, first assign a trigger to text or an image. Then connect the trigger to a target and assign a DHTML effect. When working with triggers and targets, keep in mind the following details: • Triggers and targets must reside in the same topic. • To indicate that an item is clickable, change the font color and underline, or add text to an image. Trigger and target images Assign a trigger to text or images 1 Select the text or image to assign as the trigger. 2 Select DHTML > Make Trigger. A cable drum icon 3 Connect the trigger to an image or text. appears. Hash marks shade the text. Connect triggers to text 1 Select the text to use as the target. 2 Select DHTML > Insert/Edit Dynamic HTML Effects. 3 Under When, select 1st Trigger Activation. 4 Select What (the effect that occurs the first time the user clicks the trigger), and then select property settings. 5 Select 2nd Trigger Activation and set the properties. 6 Click OK. A plug icon appears next to the text, indicating that it is a target. 7 Click the trigger and drag to connect the trigger to the target text. To connect the trigger to multiple text targets, hold down the Shift key and click the trigger. Continue to hold the Shift key and drag the mouse to the next target text. Connect triggers to images 1 Click the trigger image once to display the green cable drum icon . 2 Click the cable drum icon and drag to connect the image to the target image. A green line shows the connection between the trigger and target. Last updated 7/13/2012

  • 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
  • 209
  • 210
  • 211
  • 212
  • 213
  • 214
  • 215
  • 216
  • 217
  • 218
  • 219
  • 220
  • 221
  • 222
  • 223
  • 224
  • 225
  • 226
  • 227
  • 228
  • 229
  • 230
  • 231
  • 232
  • 233
  • 234
  • 235
  • 236
  • 237
  • 238
  • 239
  • 240
  • 241
  • 242
  • 243
  • 244
  • 245
  • 246
  • 247
  • 248
  • 249
  • 250
  • 251
  • 252
  • 253
  • 254
  • 255
  • 256
  • 257
  • 258
  • 259
  • 260
  • 261
  • 262
  • 263
  • 264
  • 265
  • 266
  • 267
  • 268
  • 269
  • 270
  • 271
  • 272
  • 273
  • 274
  • 275
  • 276
  • 277
  • 278
  • 279
  • 280
  • 281
  • 282
  • 283
  • 284
  • 285
  • 286
  • 287
  • 288
  • 289
  • 290
  • 291
  • 292
  • 293
  • 294
  • 295
  • 296
  • 297
  • 298
  • 299
  • 300
  • 301
  • 302
  • 303
  • 304
  • 305
  • 306
  • 307
  • 308
  • 309
  • 310
  • 311
  • 312
  • 313
  • 314
  • 315
  • 316
  • 317
  • 318
  • 319
  • 320
  • 321
  • 322
  • 323
  • 324
  • 325
  • 326
  • 327
  • 328
  • 329
  • 330
  • 331
  • 332
  • 333
  • 334
  • 335
  • 336
  • 337
  • 338
  • 339
  • 340
  • 341
  • 342
  • 343
  • 344
  • 345
  • 346
  • 347
  • 348
  • 349
  • 350
  • 351
  • 352
  • 353
  • 354
  • 355
  • 356
  • 357
  • 358
  • 359
  • 360
  • 361
  • 362
  • 363
  • 364
  • 365
  • 366
  • 367
  • 368
  • 369
  • 370
  • 371
  • 372
  • 373
  • 374
  • 375
  • 376
  • 377
  • 378
  • 379
  • 380
  • 381
  • 382
  • 383
  • 384
  • 385
  • 386
  • 387
  • 388
  • 389
  • 390
  • 391
  • 392
  • 393
  • 394
  • 395
  • 396
  • 397
  • 398
  • 399
  • 400
  • 401
  • 402
  • 403
  • 404
  • 405
  • 406
  • 407
  • 408
  • 409
  • 410
  • 411
  • 412
  • 413
  • 414
  • 415
  • 416
  • 417
  • 418
  • 419
  • 420
  • 421
  • 422

227
USING ROBOHELP HTML 10
Multimedia and special effects
Last updated 7/13/2012
2
Do one of the following:
To change formatting in a single topic, choose Available In and select the name of the topic to change.
To change formatting in all topics using a style sheet, choose Available In and select the external style sheet.
3
Under Styles, select the hotspot style to change.
4
Click Modify.
5
Click Format and select the attributes to change.
6
Click OK. Click Close.
Triggers and targets
About triggers and targets
Triggers
are text or images that have a special DHTML effect applied. When users click text or an image that's assigned
a trigger, a
target
appears. To open DHTML effects using triggers, first assign a trigger to text or an image. Then
connect the trigger to a target and assign a DHTML effect. When working with triggers and targets, keep in mind the
following details:
Triggers and targets must reside in the same topic.
To indicate that an item is clickable, change the font color and underline, or add text to an image.
Trigger and target images
Assign a trigger to text or images
1
Select the text or image to assign as the trigger.
2
Select DHTML > Make Trigger. A cable drum icon
appears. Hash marks shade the text.
3
Connect the trigger to an image or text.
Connect triggers to text
1
Select the text to use as the target.
2
Select DHTML > Insert/Edit Dynamic HTML Effects.
3
Under When, select 1st Trigger Activation.
4
Select What (the effect that occurs the first time the user clicks the trigger), and then select property settings.
5
Select 2nd Trigger Activation and set the properties.
6
Click OK. A plug icon
appears next to the text, indicating that it is a target.
7
Click the trigger and drag to connect the trigger to the target text. To connect the trigger to multiple text targets,
hold down the Shift key and click the trigger. Continue to hold the Shift key and drag the mouse to the next target
text.
Connect triggers to images
1
Click the trigger image once to display the green cable drum icon
.
2
Click the cable drum icon and drag to connect the image to the target image. A green line shows the connection
between the trigger and target.