// Runs an infinite loop that listens to the keyboard input. // When a key is pressed (any key), the program blackens the screen, // i.e. writes "black" in every pixel. When no key is pressed, the // program clears the screen, i.e. writes "white" in every pixel. // (RESET_SCREEN_COUNTER) // @SCREEN // D=A // @counter // M=D // counter = SCREEN (LISTEN_FOR_NO_KEY_PRESS) // reset screen counter @SCREEN D=A @counter M=D // if KBD == 0 jump to CLEAR_SCREEN @KBD D=M @CLEAR_SCREEN D;JEQ // loop (keep on checking if KBD == 0 @LISTEN_FOR_NO_KEY_PRESS 0;JEQ (LISTEN_FOR_KEY_PRESS) // reset screen counter @SCREEN D=A @counter M=D // if KBD > 0 jump to BLACKEN_SCREEN @KBD D=M @BLACKEN_SCREEN D;JGT // loop (keep on checking if KBD > 0 @LISTEN_FOR_KEY_PRESS 0;JEQ (BLACKEN_SCREEN) // blacken 16-bit memory location @counter A=M // A = counter M=-1 // blacken current memory location // if KBD == 0 jump to LISTEN_FOR_NO_KEY_PRESS (to reset counter) @KBD D=M @LISTEN_FOR_NO_KEY_PRESS D;JEQ // increment counter @counter M=M+1 // check if you have reached memory location 24575 (the final address for the screen) D=M @24575 D=A-D @LISTEN_FOR_NO_KEY_PRESS D;JLT // goto LISTEN_FOR_NO_KEY_PRESS if counter > 24575 // loop BLACKEN_SCREEN if you have NOT reached memory location 24575 @BLACKEN_SCREEN 0;JEQ (CLEAR_SCREEN) // clear 16-bit memory location @counter A=M // A = counter M=0 // clear current memory location // if KBD > 0 jump to LISTEN_FOR_KEY_PRESS (to reset counter) @KBD D=M @LISTEN_FOR_KEY_PRESS D;JGT // increment counter @counter M=M+1 // check if you have reached memory location 24575 (the final address for the screen) D=M @24575 D=A-D @LISTEN_FOR_KEY_PRESS D;JLT // goto LISTEN_FOR_KEY_PRESS if counter > 24575 // loop CLEAR_SCREEN if you have NOT reached memory location 24575 @CLEAR_SCREEN 0;JEQ
X509CertificateCollection certificateCollection = X509Certificate2UI.SelectFromCollection(
store.Certificates, "Caption", "Message",
X509SelectionFlag.SingleSelection);
WindowInteropHelper windowHwnd =new WindowInteropHelper(this);
IntPtr hWnd = windowHwnd.Handle;
X509CertificateCollection certificateCollection = X509Certificate2UI.SelectFromCollection(
store.Certificates, "Caption", "Message",
X509SelectionFlag.SingleSelection, hWnd);
<Window ... Name="TheMainWindow"
DataContext="{Binding Main, Source={StaticResource Locator}}">
<Button Command="{Binding SelectCertificateCommand}" CommandParameter="{Binding ElementName=TheMainWindow}" Content="Select Certificate From the Store" />
</Window>
public class MainViewModel : ViewModelBase
{
private X509Certificate2 _selectedCertificate;
public ICommand SelectCertificateCommand { get; private set; }
public MainViewModel()
{
this.SelectCertificateCommand = new RelayCommand(
(window) =>
{
X509Certificate2 cert = PickCertificate(StoreLocation.CurrentUser, StoreName.My, window);
if (cert != null)
{
this.Certificate = cert;
}
});
}
public X509Certificate2 Certificate
{
get { return _selectedCertificate; }
set
{
if (_selectedCertificate == value) { return; }
_selectedCertificate = value;
RaisePropertyChanged(() => Certificate);
}
}
private static X509Certificate2 PickCertificate(StoreLocation location, StoreName name, Window window)
{
X509Store store = new X509Store(name, location);
try
{
store.Open(OpenFlags.ReadOnly);
// pick a certificate from the store
X509Certificate2 certificate = null;
X509CertificateCollection certificateCollection = X509Certificate2UI.SelectFromCollection(
store.Certificates, "Select a certificate", "Select a certificate",
X509SelectionFlag.SingleSelection, new WindowInteropHelper(window).Handle);
if (certificateCollection.Count > 0)
{
certificate = (X509Certificate2)certificateCollection[0];
}
return certificate;
}
finally
{
store.Close();
}
}
}
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<script>
var cookieName = "mycookie-1";
var cookieValue = "mycookievalue-1";
var date = new Date();
date.setTime(date.getTime() + (24 * 60 * 60 * 1000));
var expireDate = date.toGMTString();
var myCookie = cookieName + "=" + cookieValue + ";expires=" + expireDate;
document.cookie = myCookie;
// the following code is not part of exercise 1
// another cookie
var cookieName2 = "mycookie-another";
var cookieValue2 = "mycookievalue-another";
var date2 = new Date();
date2.setTime(date2.getTime() + (24 * 60 * 60 * 1000));
var expireDate2 = date2.toGMTString();
var myCookie2 = cookieName2 + "=" + cookieValue2 + ";expires=" + expireDate2 + ";path=/;domain=localhost;";
document.cookie = myCookie2;
alert(document.cookie);
</script>
</body>
</html>
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <script> var cookieName = "mycookie-2"; var cookieValue = "mycookievalue-2"; var date = new Date(); date.setTime(date.getTime() + (7 * 24 * 60 * 60 * 1000)); var expireDate = date.toGMTString(); var myCookie = cookieName + "=" + cookieValue + ";expires=" + expireDate + ";secure"; document.cookie = myCookie; </script> </body> </html>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<script>
var cookies = document.cookie.split(";");
var cookLength = cookies.length;
for (var c = 0; c < cookLength; c++) {
alert(cookies[c]);
}
</script>
</body>
</html>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<script>
var cookies = document.cookie.split(";");
var cookLength = cookies.length;
for (var c = 0; c < cookLength; c++) {
var pairs = cookies[c].split("=");
var cookieName = pairs[0];
var cookieValue = pairs[1];
// display only the cookie with name of "mycookie-1"
if (pairs[0] === "mycookie-1") {
alert("Name: " + cookieName + " -> " + "Value: " + cookieValue);
}
}
</script>
</body>
</html>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<a href="#" onclick="alert('You Clicked Here');">This is a link</a>
</body>
</html>
2. Change the webpage created in Exercise 1 to use the newer style of event handling <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="../../Scripts/ehandler.js" type="text/javascript"></script>
</head>
<body>
<a id="link1" href="#">This is a link</a>
<script type="text/javascript">
function showAlert() {
alert("You Clicked Here");
};
var link1 = document.getElementById("link1");
EHandler.add(link1, "click", showAlert);
</script>
</body>
</html>
3. Create a webpage with a link to http://www.microsoft.com. Make that link open in a<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <a href="http://www.microsoft.com." target="_blank">http://www.microsoft.com</a> </body> </html>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
// create <p> the append to body
var element = document.createElement("p");
element.setAttribute("id", "p1");
element.textContent = "I am a p";
document.body.appendChild(element);
// create <a> then append to body
element = document.createElement("a");
element.setAttribute("id", "a1");
element.setAttribute("href", "http://jeremiahflaga.blogspot.com");
element.textContent = "this is my blog";
document.body.appendChild(element);
</script>
</body>
</html>
// create <p> the append to body
var element: HTMLParagraphElement = <HTMLParagraphElement>document.createElement("p");
element.setAttribute("id", "paragraph1");
element.textContent = "I am a paragraph";
document.body.appendChild(element);
// create <a> then append to body
var element2: HTMLAnchorElement= <HTMLAnchorElement>document.createElement("a");
element2.setAttribute("id", "anchor1");
element2.setAttribute("href", "http://jeremiahflaga.blogspot.com");
element2.textContent = "this is my blog";
document.body.appendChild(element2);
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<p id="p1">I am a p</p>
<a id="a1" href="http://jeremiahflaga.blogspot.com">this is my blog</a>
<script type="text/javascript">
// change text of <p>
var element = document.getElementById("p1");
element.textContent = "I am a p of exercise #2";
document.body.appendChild(element);
// change text of <a>
element = document.getElementById("a1");
element.setAttribute("href", "http://www.johnpapa.net/");
element.textContent = "Click here to go to John Papa's blog";
document.body.appendChild(element);
</script>
</body>
</html>
TypeScript: // change text of <p>
var element: HTMLParagraphElement = <HTMLParagraphElement>document.getElementById("p1");
element.textContent = "I am a p of exercise #2 - from typescript";
document.body.appendChild(element);
// change text of <a>
var element2: HTMLAnchorElement = <HTMLAnchorElement>document.getElementById("a1");
element2.setAttribute("href", "http://www.johnpapa.net/");
element2.textContent = "Click here to go to John Papa's blog - from typescript";
document.body.appendChild(element2);
3. Create a document by using the DOM that contains a table with at least two columns
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
// create <table> the append to <body>
var table = document.createElement("table");
document.body.appendChild(table);
table.setAttribute("border", 1);
// create <tr> (row) then append to <table>
var row = document.createElement("tr");
table.appendChild(row);
// create <td> (cell) then append to <tr>
var cell = document.createElement("td");
row.appendChild(cell);
cell.textContent = "Cell #1";
// create <tr> (row) then append to <table>
var row = document.createElement("tr");
table.appendChild(row);
// create <td> (cell) then append to <tr>
var cell = document.createElement("td");
row.appendChild(cell);
cell.textContent = "Cell #2";
</script>
</body>
</html>
TypeScript
// create <table> the append to <body>
var table: HTMLTableElement = <HTMLTableElement>document.createElement("table");
document.body.appendChild(table);
table.setAttribute("border", "1");
// create <tr> (row) then append to <table>
var row: HTMLTableRowElement = <HTMLTableRowElement>document.createElement("tr");
table.appendChild(row);
// create <td> (cell) then append to <tr>
var cell: HTMLTableCellElement = <HTMLTableCellElement>document.createElement("td");
row.appendChild(cell);
cell.textContent = "Cell #1 - from typescript";
// create <tr> (row) then append to <table>
row = <HTMLTableRowElement>document.createElement("tr");
table.appendChild(row);
// create <td> (cell) then append to <tr>
cell = <HTMLTableCellElement>document.createElement("td");
row.appendChild(cell);
cell.textContent = "Cell #2 - from typescript";
if (screen.availHeight < 768 && screen.availWidth < 1024) {
alert("Available height: " + screen.availHeight + "\n"
+ " Available width: " + screen.availWidth);
}
if (location.search) {
var querystring = decodeURI(location.search).substring(1);
var splits = querystring.split('&');
for (var i = 0; i < splits.length; i++) {
var splitpair = splits[i].split('=');
if (splitpair[0].toLowerCase() === 'country') {
if (splitpair[1].toLowerCase() === 'brazil') {
alert('Obrigado');
}
else if (splitpair[1].toLowerCase() === 'great britain') {
alert('Thanks you');
}
}
}
}
TypeScript:
if (location.search) {
var querystring: string = decodeURI(location.search).substring(1);
var splits: string[] = querystring.split('&');
for (var i = 0; i < splits.length; i++) {
var splitpair: string[] = splits[i].split('=');
if (splitpair[0].toLowerCase() === 'country') {
if (splitpair[1].toLowerCase() === 'brazil') {
alert('Obrigado');
}
else if (splitpair[1].toLowerCase() === 'great britain') {
alert('Thanks you');
}
}
}
}
function Song(artist, length, title) {
this.artist = artist;
this.length = length;
this.title = title;
}
var songs = new Object;
songs.song1 = new Song("artist1", 101, "title1");
songs["song2"] = new Song("artist2", 102, "title2");
songs["song3"] = new Song("artist3", 103, "title3");
for (var i in songs) {
alert(i + "=" + songs[i].title);
}
class Song {
private _title: string;
artist: string;
length: number;
constructor(artist: string, length: number, title: string) {
this.artist = artist;
this.length = length;
this._title = title;
}
get title(): string {
return this._title;
}
set title(value: string) {
if (value == undefined) throw 'value for title is undefined';
this._title = value;
}
}
var songs = new Object();
songs["song1"] = new Song("artist1", 101, "title1");
songs["song2"] = new Song("artist2", 102, "title2");
songs["song3"] = new Song("artist3", 103, "title3");
for (var i in songs) {
alert(i + "=" + songs[i].title);
}