Η ιευρυµένη Επιχείρηση Ενότητα Ηλεκτρονικής Μάθησης «CourseLab» 3ο Φροντιστήριο Ιωάννα Ταλάντη Υπ. ιδάκτωρ, Τµήµα ιοικητικής Επιστήµης & Τεχνολογίας italanti@aueb.gr Actions and Events 1
Events common to all objects Events onclick event is generated by the user at the moment of left mouse click directly within an object ondblclick event is generated at the moment of double-click directly within an object onl/rmousedown event is generated at the moment when left/right mouse button is pressed down within an object onl/rmouseupevent is generated at the moment when pressed left/right mouse button is released within an object onmouseover event is generated at the moment when mouse cursor reaches the outside border of the object onmouseout event is generated at the moment when mouse cursor reaches the outside border of the object ondrop event is generated at the moment when the dragged object is dropped. It is important to understand, that in case one object is dragged and dropped over another object, the second (target) object would be the source of generated event. beforedisplay event is generated right before displaying the current object afterdisplay event is generated at the moment of finishing object display (after complete finishing effect execution, in case the transition effect has been used at display) 2
External URL Return Rotate- Start Rotate- Stop Call Move-Start Move-Stop Sound Method Navigation Go to Display MSGBOX Execution Actions Παράδειγµα Action Display Έστω ότι θέλουµε να εµφανίσουµε το ορισµό µιας λέξης µε popup window. ηλαδή να πατήσει ο χρήστης στη λέξη που θέλουµε και να του εµφανιστεί ο ορισµός της λέξης αυτής µε popup window. 3
Πώς το υλοποιούµε; Βήµα 1: Τοποθετούµε το popup window στο σηµείο που θέλουµε να εµφανιστεί µέσα στο slide όταν ο χρήστης πατήσει στη λέξη που θα δώσουµε τον ορισµό της. Βήµα 2: Κάνουµε δεξί κλικ στο popup window Format Object Display No Βήµα 3: Εντοπίζουµε καιµαρκάρουµετηλέξηµέσα στο textbox για την οποία θέλουµεναεµφανίσουµε τονορισµότηςµε τη χρήση popup window. Βήµα 4: Επιλέγουµε το κουµπί Actions στη γραµµή εργαλείων του textbox editor. Βήµα 5: Στο παράθυρο που εµφανίζεται επιλέγω στην αριστερή στήλη (event) OnClick και στη δεξιά (Action) διπλό κλικ στο Display. ιπλό κλικ στη γραµµή που εµφανίστηκε στη µεσαία στήλη (object). Επιλέγω το object που θέλω να εµφανιστεί κάνοντας διπλό κλικ (στο παράδειγµα είναι το popup window) και πατάω OK. Παράδειγµα onmouseoveronmouseout & Balloon Έστω ότι θέλω να εµφανίζεται το balloon µε mouseover σε µια λέξη και να εξαφανίζεται µε mouseout. Μπορεί για παράδειγµα να χρησιµοποιηθεί σε ένα σύντοµο ορισµό µιας λέξης (για µεγάλους ορισµούς χρησιµοποιούµε το popup window). 4
Πώς το υλοποιούµε; Βήµα 1: Τοποθετούµε το balloon στο σηµείο που θέλουµε να εµφανιστεί µέσα στο slide όταν ο χρήστης φέρει το δείκτη του ποντικιού πάνω στη λέξη. Βήµα 2: Κάνουµε δεξί κλικ στο balloon Properties Arrow (φροντίζουµεοδείκτηςτουballoon να δείχνει στη λέξη) Βήµα 3: Κάνουµε δεξί κλικ στο balloon Format Object Display No. Βήµα 4: Εντοπίζουµε καιµαρκάρουµετηλέξηµέσα στο textbox για την οποία θέλουµεναεµφανίσουµε τονορισµότηςµετηballoon. Βήµα 4: Επιλέγουµε το κουµπί Actions στη γραµµή εργαλείων του textbox editor. Βήµα 4.1: Στο παράθυρο που εµφανίζεται επιλέγω στην αριστερή στήλη (event) OnmouseOver και στη δεξιά (Action) διπλό κλικ στο Display. ιπλό κλικ στη γραµµή που εµφανίστηκε στη µεσαία στήλη (object). Επιλέγω το object που θέλω να εµφανιστεί κάνοντας διπλό κλικ (στο παράδειγµα είναι το balloon), Display: Show και πατάω OK. Βήµα 4.2: Στο ίδιο παράθυρο επιλέγω στην αριστερή στήλη (event) OnmouseOut και στη δεξιά (Action) διπλό κλικ στο Display. ιπλό κλικ στη γραµµή που εµφανίστηκε στη µεσαία στήλη (object). Επιλέγω το object που θέλω να εµφανιστεί κάνοντας διπλό κλικ (στο παράδειγµα είναι το balloon), Display: Hide και πατάω OK. Παράδειγµα Action (Agent-Question- OnSuccess) User Manual σελ.99 5
6
Παράδειγµα Action (Agent-Question- OnFailure) Τοποθετούµεστο ίδιο Slide Agent και Question. Ο ρόλος του Agent είναι να εκφράσει τη δυσαρέσκειά του όταν ο χρήστης απαντήσει Λανθασµένα στην ερώτηση. Ανοίγουµε το Actions του Object Question ( εξί κλικ στην ερώτηση Actions) Επιλέγουµε OnFailure στην αριστερή στήλη (event) Επιλέγουµε Method στη δεξιά στήλη (actions) Ορίζουµε τις παραµέτρους για το επιλεγµένο action ορίζουµε το object (στην περίπτωσή µας είναι ο Agent), στο Method: επιλέγουµε Action, στο Action επιλέγουµε π.χ. Disagree (εδώ µπορείτε να βάλετε οποιοδήποτε άλλο σχετικό action από αυτά που σας δίνονται) και στο Return to idle state: Automatic Ok 7