diff options
Diffstat (limited to 'csci4131/lec')
22 files changed, 308 insertions, 0 deletions
diff --git a/csci4131/lec/08ShepherdLabs960.jpg b/csci4131/lec/08ShepherdLabs960.jpg Binary files differnew file mode 100644 index 0000000..d1262f8 --- /dev/null +++ b/csci4131/lec/08ShepherdLabs960.jpg diff --git a/csci4131/lec/Lec10Ex1.html b/csci4131/lec/Lec10Ex1.html new file mode 100644 index 0000000..a77bc41 --- /dev/null +++ b/csci4131/lec/Lec10Ex1.html @@ -0,0 +1,18 @@ +<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <title>Race Condition</title>
+ <script language=javascript>
+ window.onload = (event) => {
+ var textobj = document.getElementById("stuff");
+ textobj.value = "Hello World";
+ };
+
+
+ </script>
+</head>
+<body>
+ <input type="text" id="stuff"/>
+</body>
+</html>
\ No newline at end of file diff --git a/csci4131/lec/Lec23Ex1.xml b/csci4131/lec/Lec23Ex1.xml new file mode 100644 index 0000000..5568c44 --- /dev/null +++ b/csci4131/lec/Lec23Ex1.xml @@ -0,0 +1,5 @@ +<?xmlversion="1.0" encoding="UTF-8"?> +<car> + <model>Honda Civic</model> + <year>2001</year> +</car>
\ No newline at end of file diff --git a/csci4131/lec/Lec2Ex1.html b/csci4131/lec/Lec2Ex1.html new file mode 100644 index 0000000..d93bf20 --- /dev/null +++ b/csci4131/lec/Lec2Ex1.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <title>your name on the TAB opened by the browser</title> +</head> +<!-- I know. I'm not funny --> +<body> +<h1>My Favourite Site</h1> +<a href="./Lec2Ex1.html">Click here</a> +</body> +</html>
\ No newline at end of file diff --git a/csci4131/lec/Lec3Ex2.html b/csci4131/lec/Lec3Ex2.html new file mode 100644 index 0000000..8903571 --- /dev/null +++ b/csci4131/lec/Lec3Ex2.html @@ -0,0 +1,32 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <title>There is no title</title> + <style> + table, th, td { + border: 1px solid black; + border-collapse: collapse; + } + </style> + </head> + <body> + <h2>My nonexistent list of Favorite Movies</h2> + <table> + <tr> + <th>Favorite Movie</th> + <th>Favorite Actor/Actress in Said Movie</th> + </tr> + <tr> + <!--I don't have a favorite so I'm leaving these blank.--> + <td>Name of Favorite Movie</td> + <td>Name of Favorite Actor/Actress</td> + </tr> + <tr> + <!--I don't have a favorite so I'm leaving these blank.--> + <td>Name of Favorite Movie 2</td> + <td>Name of Favorite Actor/Actress 2</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/csci4131/lec/Lec4Ex1.html b/csci4131/lec/Lec4Ex1.html new file mode 100644 index 0000000..9433abd --- /dev/null +++ b/csci4131/lec/Lec4Ex1.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <title>There is no form</title> + </head> + <body> + <h2>Simple Form</h2> + <form method="post"> + <p> + <label>Name: + <input name="name" type="text" size="25" maxlength="30"><br><br> + </label> + <label>Email: + <input name="email" Type="email" size="25" maxlength="30"> (name@test.dom)<br><br> + </label> + <label> URL + <input name="URL" Type="url" size="25" maxlength="30">(/https?/g://web.site)<br> + </label> + + + </p> + <p> + <input type="submit" value="Submit"> + <input type="reset" value="Clear"> + </p> + </form> + </body>
\ No newline at end of file diff --git a/csci4131/lec/Lec5Ex1.html b/csci4131/lec/Lec5Ex1.html new file mode 100644 index 0000000..18f98ec --- /dev/null +++ b/csci4131/lec/Lec5Ex1.html @@ -0,0 +1,23 @@ +<!DOCTYPE html>
+
+
+<!-- External style sheets. -->
+<html>
+ <head>
+ <meta charset = "utf-8">
+ <title>Box Model Example</title>
+
+ <!-- this begins the style sheet section -->
+ <link rel="stylesheet" type="text/css" href="mystyle8.css">
+
+ </head>
+ <body>
+ <section>
+ <h1>The University of Minnesota</h1>
+ <p>Educating the Leaders of Tomorrow for over 100 years.
+ There is always something happening at the U!</p>
+ </section>
+
+ </body>
+</html>
+
diff --git a/csci4131/lec/Lec6Ex1.html b/csci4131/lec/Lec6Ex1.html new file mode 100644 index 0000000..7b45e18 --- /dev/null +++ b/csci4131/lec/Lec6Ex1.html @@ -0,0 +1,39 @@ +<!DOCTYPE html> + +<!-- Addition script. --> +<html> + +<head> + <meta charset="utf-8"> + <title>Add and Multiply Program</title> + <script> + + + var number1; // first number to add + var number2; // second number to add + var sum; // sum of number1 and number2 + var product; // product of number1 and number2 + + // read in first number from user as a string, use the window object’s prompt method + // The window object is a global object - all methods and properties that are not part of another object are part of the window object + + number1 = window.prompt("Enter first integer"); + // read in second number from user as a string – note you can omit the object name and dot operator + // when referring to properties or attributes of the window object because it is global + + number2 = window.prompt("Enter second integer"); + + number1 = parseInt(number1); + number2 = parseInt(number2); + sum = parseInt(number1) + parseInt(number2); // add the numbers + product = number1 * number2; //multiply the numbers + + // display the results – uses the document object, highest object in the DOM structure. You have to use object name and dot operator. + document.writeln("<h1>The program returns " + sum + " as the sum, and</h1>"); + document.writeln("<h1>" + product + " as the product</h1>"); + </script> +</head> + +<body></body> + +</html>
\ No newline at end of file diff --git a/csci4131/lec/Lec6Ex2.html b/csci4131/lec/Lec6Ex2.html new file mode 100644 index 0000000..99f5843 --- /dev/null +++ b/csci4131/lec/Lec6Ex2.html @@ -0,0 +1,37 @@ +<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>Possible HW2 constructs</title>
+ <style>
+ table, tr, td {
+ border:0.25em solid black;
+ border-collapse:collapse;
+ }
+ </style>
+ <script>
+ function chgimg(name, txt) {
+ // Debug output statements - rudimentary stuff
+ //alert("name: " + name);
+ //alert("alternate text: " + txt);
+ var theimage = document.getElementById("image");
+ theimage.src = name;
+ theimage.alt = txt;
+ }
+ </script>
+
+ </head>
+ <body>
+ <table>
+ <tr onmouseover="chgimg('08ShepherdLabs960.jpg', 'Shepherd Labs')">
+ <td> Shepherd Labs </td>
+ <td> 100 Union St SE <br> Minneapolis, MN 55455 </td>
+ </tr>
+ </table>
+ <div>
+ <img id="image" src="gophers-mascot.png" alt="Goldy Gopher">
+ </div>
+ </body>
+<html>
+
+
\ No newline at end of file diff --git a/csci4131/lec/Lec7Ex1.html b/csci4131/lec/Lec7Ex1.html new file mode 100644 index 0000000..d7c46e4 --- /dev/null +++ b/csci4131/lec/Lec7Ex1.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>Titles are for better people</title> + <script> + function clock() { + var datenow = new Date; + var timenow = datenow.toLocaleTimeString(); + document.getElementById("clock").value = timenow; + } + var intId = setInterval(function () { clock() }, 1000); + </script> +</head> +<body> + <input type="text" id="clock"> + <button onclick="intId=clearInterval(intId)">STOP</button> + <button onclick="intId = setInterval(function(){clock()}, 1000)">START</button> + <button onclick="document.getElementById('clock').value = ''">CLEAR</button> +</body>
\ No newline at end of file diff --git a/csci4131/lec/Lex8Ex1.html b/csci4131/lec/Lex8Ex1.html new file mode 100644 index 0000000..e08b7ef --- /dev/null +++ b/csci4131/lec/Lex8Ex1.html @@ -0,0 +1,15 @@ +<!DOCTYPE html>
+<html>
+<body>
+
+<h1>Display a Telephone Input Field</h1>
+
+<form action="https://www.cs.umn.edu/">
+ <label for="phone">Enter a phone number:</label><br><br>
+ <input type="text" pattern="^[2-9]\d{2}-\d{3}-\d{4}$"/>
+ <small>Format: 123-456-6789</small><br><br>
+ <input type="submit">
+</form>
+
+</body>
+</html>
\ No newline at end of file diff --git a/csci4131/lec/gophers-mascot.png b/csci4131/lec/gophers-mascot.png Binary files differnew file mode 100644 index 0000000..44e62fa --- /dev/null +++ b/csci4131/lec/gophers-mascot.png diff --git a/csci4131/lec/lec7big3/CPE.png b/csci4131/lec/lec7big3/CPE.png Binary files differnew file mode 100644 index 0000000..d137d51 --- /dev/null +++ b/csci4131/lec/lec7big3/CPE.png diff --git a/csci4131/lec/lec7big3/EPT.png b/csci4131/lec/lec7big3/EPT.png Binary files differnew file mode 100644 index 0000000..68b5863 --- /dev/null +++ b/csci4131/lec/lec7big3/EPT.png diff --git a/csci4131/lec/lec7big3/GPP.png b/csci4131/lec/lec7big3/GPP.png Binary files differnew file mode 100644 index 0000000..7d8bf3d --- /dev/null +++ b/csci4131/lec/lec7big3/GPP.png diff --git a/csci4131/lec/lec7big3/GUI.png b/csci4131/lec/lec7big3/GUI.png Binary files differnew file mode 100644 index 0000000..d7e2ccc --- /dev/null +++ b/csci4131/lec/lec7big3/GUI.png diff --git a/csci4131/lec/lec7big3/PERF.png b/csci4131/lec/lec7big3/PERF.png Binary files differnew file mode 100644 index 0000000..807b7a0 --- /dev/null +++ b/csci4131/lec/lec7big3/PERF.png diff --git a/csci4131/lec/lec7big3/PORT.png b/csci4131/lec/lec7big3/PORT.png Binary files differnew file mode 100644 index 0000000..3d69844 --- /dev/null +++ b/csci4131/lec/lec7big3/PORT.png diff --git a/csci4131/lec/lec7big3/RandomPicture.js b/csci4131/lec/lec7big3/RandomPicture.js new file mode 100644 index 0000000..b5f4d73 --- /dev/null +++ b/csci4131/lec/lec7big3/RandomPicture.js @@ -0,0 +1,21 @@ +var iconImg; + +function randImage() { + var index = Math.floor(Math.random()*7); + + var pictures = ["CPE", "EPT", "GPP", "GUI", "PERF", "PORT", "SEO"]; + var descriptions = ["Common Programming Error", + "Error-Prevention Tip", "Good Programming Practice", + "Look-and-Feel Observation", "Performance Tip", "Portability Tip", + "Software Engineering Observation"]; + + iconImg.src = pictures[index] + ".png"; + iconImg.alt = descriptions[index]; +} + +function start() { + iconImg = document.getElementById("image"); + iconImg.addEventListener("click", randImage, false); +} + +window.addEventListener("load", start);
\ No newline at end of file diff --git a/csci4131/lec/lec7big3/SEO.png b/csci4131/lec/lec7big3/SEO.png Binary files differnew file mode 100644 index 0000000..73d4507 --- /dev/null +++ b/csci4131/lec/lec7big3/SEO.png diff --git a/csci4131/lec/lec7big3/big31.html b/csci4131/lec/lec7big3/big31.html new file mode 100644 index 0000000..574401a --- /dev/null +++ b/csci4131/lec/lec7big3/big31.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> + +<!-- Fig. 10.11: RandomPicture.html --> +<!-- HTML5 document that displays randomly selected images. --> +<html> + +<head> + <meta charset="utf-8"> + <title>Random Image Generator</title> + <script src="RandomPicture.js"></script> +</head> + +<body> + <img id="image" src="CPE.png" alt="Common Programming Error"> +</body> + +</html>
\ No newline at end of file diff --git a/csci4131/lec/mystyle8.css b/csci4131/lec/mystyle8.css new file mode 100644 index 0000000..5b2546d --- /dev/null +++ b/csci4131/lec/mystyle8.css @@ -0,0 +1,41 @@ + /* A CSS Style file for formatting "the box" around some block elements */
+
+
+body {
+ border: .1875em dotted black;
+ margin: .625em;
+ max-width: 90%;
+ }
+
+section{
+ border: .125em solid black;
+ max-width: 80%;
+ margin: 1.25em; /* all four sides */
+ padding: .625em; /* all four sides */
+ }
+h1,p {
+ border: .0625em dashed black;
+ padding: .625em;
+ max-width: 80%;
+ }
+h1{
+ margin: .5em 0 .25em; /* .5em top,0 right and left, .25em bottom */
+ padding-left: .9375em;
+}
+p{
+ margin: 0; /* all four sides */
+ padding-left: .9375em;
+}
+div {
+border: .1875em dotted black;
+color: red;
+margin: .625em;
+}
+
+
+
+
+
+
+
+
\ No newline at end of file |
