GIF89a; %PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY
Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/nginx/html/JimMartinson/CST1022/Labs/_Archive/Lab07/ |
Upload File : |
<? // JimMartinson/MMDT1021/Labs/Lab07/Lab07.phpinc $css .= ',colorCode.css'; require('Gradebook/EvaluationSubmission_BEGIN.phpinc'); // Replaced. $ShowSpanCountBefore = false; #$ShowSpanCountBefore = true; ?> <style type="text/css"> b { white-space:nowrap; } </style> <? ?> <a name="Lab"></a> <fieldset><legend>Description</legend> Demonstrate the use of event handling with JavaScript. <br> <?=$gradeNote?> </fieldset> <fieldset><legend><?=$evaluationType?> Instruction</legend> <ol id="main" class="count"> <li>Create a folder for this <?=strtolower($evaluationType)?> named <b><?=$evaluationName?></b> and keep all documents used for <?=$evaluationType?> <?=$evaluationNumber?> in that folder.</li> <li>Create an HTML document. <ol> <li>Name the file <b><?=$evaluationName?>.html</b>. This file should contain all HTML code needed to complete the assignment.</li> <li>The page must contain the foundation tags. <a href="#notes" class="smaller">See notes</a></li> <li>Place the following in the <tt>head</tt> of your page: <ol> <li>Add a <tt>title</tt> of <inn><?=$evaluationType?> <?=$evaluationNumber?> <?=$evaluationTitle?> - <?=userName($userId)?></inn>.</li> <li>Add the meta character set tag.</li> <li>Add a link stylesheet tag with a <span class="highATT">href</span> of <samp class="highVAL"><?=$evaluationName?>.css</samp></li> <li>Add a <tt>script</tt> tag with a <samp>src</samp> of <samp class="highVAL"><?=$evaluationName?>.js</samp></li> </ol> </li> </ol> </li> <li>Create a CSS document. <ol> <li>Name the file <b><?=$evaluationName?>.css</b>. This file should contain all CSS code needed to complete the assignment.</li> </ol> </li> <li>Create a JavaScript document. <ol> <li>Name the file <b><?=$evaluationName?>.js</b>. This file should contain all JavaScript code needed to complete the assignment.</li> <li>Write Javascript code so that it displays the value of a pressed key keycode to the screen.</li> <li>Run the script in as many browsers as possible (at least 3) and report what the values are for numeral "0", lower case "a", upper case "A", up arrow, down arrow, left arrow, and right arrow in each browser.</li> </ol> See the script examples from <i class="ch">Chapter 8 Handling Events</i> for examples. </li> <li> Write your results at the bottom of the HTML document. This won't be done via js. Write down the info and add it to the HTML document when done like so: <table> <tr><th>Browser</th><th>Key</th><th>Code</th></tr> <tr><td rowspan="7">browser one name</td><td>0</td><td>???</td></tr> <tr><td>a</td><td>???</td></tr> <tr><td>A</td><td>???</td></tr> <tr><td>up arrow</td><td>???</td></tr> <tr><td>down arrow</td><td>???</td></tr> <tr><td>left arrow</td><td>???</td></tr> <tr><td>right arrow</td><td>???</td></tr> <tr><td rowspan="7">browser two name</td><td>0</td><td>???</td></tr> <tr><td>a</td><td>???</td></tr> <tr><td>A</td><td>???</td></tr> <tr><td>up arrow</td><td>???</td></tr> <tr><td>down arrow</td><td>???</td></tr> <tr><td>left arrow</td><td>???</td></tr> <tr><td>right arrow</td><td>???</td></tr> <tr><td rowspan="7">browser the name</td><td>0</td><td>???</td></tr> <tr><td>a</td><td>???</td></tr> <tr><td>A</td><td>???</td></tr> <tr><td>up arrow</td><td>???</td></tr> <tr><td>down arrow</td><td>???</td></tr> <tr><td>left arrow</td><td>???</td></tr> <tr><td>right arrow</td><td>???</td></tr> </table> </li> <li>Turn in your assignment: <ol> <li>Zip up your <b><?=$evaluationName?></b> folder into a file named <b><?=$uploadFilename?></b>.</li> <li>Browse and select your <b><?=$uploadFilename?></b> file: <input type="file" name="fileUpload" id="inpFileUpload"<?=$disabled?>><div id="divFileploadError"></div></li> <li>Then <input type="submit" name="f_subtask" id="inpSubmit" value="Submit"> for grading.</li> </ol> </li> </ol> <?=$gradeNote?> </fieldset> <fieldset><legend>NOTES:</legend> <b>We will be using the following in every html page throughout this class:</b> <ul> <li>The HTML 5 DOCTYPE: <span class="highELE"><!DOCTYPE html></span>.</li> <li>An html tag with <span class="highATT">lang</span> attribute: <span class="highELE"><html <span class="highATT">lang="<span class="highVAL">en</span>"</span>></span>.</li> <li>A <span class="highELE">title</span> tag.</li> <li>The meta character set tag <span class="highELE"><meta <span class="highATT">charset="<span class="highVAL">UTF-8</span>"</span>></span>.</li> </ul> </fieldset> <script src="/js/colorCode.js"></script> <? require('Gradebook/EvaluationSubmission_END.phpinc'); // Replaced. if ($TRACK != '') $_SESSION['TRACK'] .= "<li>End ".basename(__FILE__)."</ol>\n"; ?>