ÿþ<html> <head> <style> .notebook { border: 1px solid gray; } .SeeMe { display: visible; padding: 15px; } .CannotSeeMe { display: none; } .CurrentTab { font-weight: bold; border: 1px black solid;} .NotCurrentTab { border: 1px black solid; cursor: pointer; cursor: hand; } span { padding: 5px; } </style> <script type="text/javascript"> var globalTab = 0; var globalDiv = 0; function MakeTabCurrent(tab) { MakeGlobalTabNotCurrent(); MakeClickedTabCurrent(tab); } function MakeGlobalTabNotCurrent() { if (globalTab != 0) globalTab.className = "NotCurrentTab"; if (globalDiv != 0) globalDiv.className = "CannotSeeMe"; } function MakeClickedTabCurrent(tab) { globalTab = tab; if (tab.id == "tab1") globalDiv = document.getElementById("div1"); else if (tab.id == "tab2") globalDiv = document.getElementById("div2"); else if (tab.id == "tab3") globalDiv = document.getElementById("div3"); globalTab.className = "CurrentTab"; globalDiv.className = "SeeMe"; } </script> </head> <body> <div> <h1>Andy Ngo</h1> <p>ASU Undergrad</p> <p>Social Behavioral Sciences</p> <h1></h1> <p>About Me</p> <br> <img src="http://www.public.asu.edu/~ahngo/pics/Andy.jpg"><br><br> <p>This is my first year at ASU. I graduated at Washington High School in 2007. At the moment, I have yet to decide what major I want to pursue, but my current focus is on psychology.</p> <p></p> <p>Pursue something new in college.</p> <p></p> <li>Find out what informatics is.</li> <li>Fill in the CS credit. <p></p> <p>Become efficient in technology today.</p> <p><a href="http://www.farinhansford.com/gerald/classes/cpi101"> CPI 101 Website</a></p> <br> <br> Assignments:<br> 2) Google Search <p><a href="http://www.google.com/search?hl=en&safe=off&client=firefox-a&rls=org.mozilla%3Aen-US%3Aofficial&hs=nwX&q=house&btnG=Search">Google Search (Regular)</a> <br> This was to search the term "house", however brought up many results pertaining to the television series or an actually house.</p> <p><a href="http://www.google.com/search?hl=en&safe=off&client=firefox-a&rls=org.mozilla%3Aen-US%3Aofficial&hs=tzX&q=house+OR+electronica+%2Bmusic+&btnG=Search">Google Search (Advance)</a> <br> To make the search more efficient, "OR electronica" was added including "+music" to refine the search carefully.</p> <br><br> </div> 3) Javascript Assignment <br><br> <div class="notebook"> <div class="SeeMe"> <span id="tab1" class="NotCurrentTab" onclick="MakeTabCurrent(this);">Favorite Music</span> <span id="tab2" class="NotCurrentTab" onclick="MakeTabCurrent(this);">Favorite Movies</span> <span id="tab3" class="NotCurrentTab" onclick="MakeTabCurrent(this);">Interests</span> </div> <div id="div1" class="CannotSeeMe"> <a href="http://en.wikipedia.org/wiki/Benny_Benassi">Benny Benassi</a><br> <a href="http://en.wikipedia.org/wiki/Utada_Hikaru">Utada Hikaru</a><br> <a href="http://en.wikipedia.org/wiki/Tiesto">Tiësto</a><br> <a href="http://en.wikipedia.org/wiki/ATB">ATB</a><br> </div> <div id="div2" class="CannotSeeMe"> Grindhouse -- Kill Bill -- Stranger Than Fiction -- Scary Movie -- Superstar -- 300 -- Tomb Raider -- The Matrix </div> <div id="div3" class="CannotSeeMe"> Internet -- Music -- Friends -- Fitness -- Videogames -- Cars -- Technology -- Dancing -- Anime </div> </div> <script type="text/javascript"> MakeTabCurrent(document.getElementById("tab1")); </script> <br><br> 4 & 5 [Both assignments combined] ) Excel Spreadsheet budget with Graphics<br> <a href="assignments/budget.xlsx">Budget including Graphics</a><br><br><br> <br><br> 6)CPI Class Summary<br> <a href="assignments/cpisummary.docx">Summary</a><br><br><br> </body> </html>