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 : /nginx/html/JimMartinson/CST1022/Labs/_Archive/Lab12/ |
Upload File : |
<? // JimMartinson/MMDT1021/Labs/Lab12/Lab12.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 your ability to use AJAX to optain content from a web page. <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 <span class="highELE">head</span> of your page: <ol> <li>Add a <span class="highELE">title</span> 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 <span class="highVAL"><?=$evaluationName?>.css</span></li> <li>Add a <span class="highELE">script</span> tag with a <span class="highATT">src</span> of <span class="highVAL"><?=$evaluationName?>.js</span></li> </ol> </li> <li>Create form that has the following elements: <ol> <li>No <span class="highATT">action</span> or <span class="highATT">method</span> attributes.</li> <li>An <span class="highELE">input</span> <span class="highVAL">text</span> field <span class="highATT">name</span>d <span class="highVAL">StarID</span>.</li> <li>A <span class="highATT">submit</span> button that calls the <b>getUser()</b> function instead of submitting the form.</li> </ol></li> <li>A <span class="highELE">div</span> tag with an <span class="highATT">id</span> of <span class="highVAL">userData</span></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>Create a <b>getUser()</b> function that does the following: <ol> <li>Get the value from the <span class="highVAL">StarID</span> field.</li> <li>Uses an AJAX XMLHttpRequest to sent the value to <b>http://cst.ridgewater.edu/Tools/AJAX_HTML/?StarID=<span class="highVAL">StarIDvalue</span></b> where <span class="highVAL">StarIDvalue</span> is the <span class="highVAL">StarID</span>'s value.</li> <li>Place the text returned by the page into the <span class="highVAL">userData</span> element.</li> </ol> </li> </ol> </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> <? $PartialGradingCriteria = ' <table> <tr> <td></td> <td class="right"><b>Points</b></td> </tr> <tr> <td>HTML components correct.</td> <td class="number">5</td> </tr> <tr> <td>Javascript code correct.</td> <td class="number">10</td> </tr> <tr> <th class="right">Total:</th> <th class="bold number">assignmentPoints</th> </tr> </table> '; require('Gradebook/EvaluationSubmission_END.phpinc'); // Replaced. if ($TRACK != '') $_SESSION['TRACK'] .= "<li>End ".basename(__FILE__)."</ol>\n"; ?>