The Internet Classroom
At least we don't have to install Javascript...
Posted by kass at 2006/07/19 07:23:22 PDT
Edited at 2006/07/23 12:25:57 PDT

GENERAL ANNOUNCEMENT: I got on Lloyd's case and he went and registered a text alias for the IP you guys have been using. So from now on, in addition to using the numbers, you can use "atdpcube.berkeley.edu" to access your class sites. So, for example, my FTP username is "kass", so the address would be http://atdpcube.berkeley.edu/~kass.

(the address isn't actually working now, but should start working around 3:00 AM tomorrow.)

You do NOT have to go back and change all your previous addresses. (i'm not that cruel.) But I highly recommend that you start using this address from here on out, ESPECIALLY for your personal website projects. A large number of you are doing topics that require using pictures or material that are the property of large, rich and fiercely overprotective corporations. By using the text address, it will be clear that your personal website projects are the product of an educational venture, so that you will not be sued for whatever you're using.

Of course, it is still important that you give credit where credit is due. :P So if you use a lot of material from specific sites, have a sources page, please.

8:30-8:45 / 1:00-1:15

Wake up

8:45-9:15 / 1:15-1:45

Javascript lecture

9:15-10:00 / 1:45-2:30

Project proposal discussion and approval / work time

10:00-10:30 / 2:30-3:00

Break

10:30-11:15 / 3:00-3:45

Group project grades / Personal project work time

11:15-11:40 / 3:45-4:10

Journal / Class log

11:40-12:00 / 4:10-4:30

Free Time


Javascript lecture

  • The difference between Javascript and Java

  • Where to put Javascript

    • <script type="text/javascript">
      	document.write("Hello World!");
      </script>
    • "script" tags contain the javascript

    • Can also link to an external javascript file, like so:

      <script type="text/javascript" src="site.js"></script>
  • What is a function ... f(x)

  • What is a variable ... x

    • document.write( blah blah blah );

    • Proper syntax: curly braces, semi-colons, case sensitive!, etc.

    • Calling the function in your HTML ... javascript:functionName(parameters)

Popular uses of Javascript

  • Text menu toggles

    <script type="text/javascript">
    function toggle(idName) {
    	varName = document.getElementById(idName);
    	if (varName.style.display != 'block') {
    		varName.style.display = 'block';
    	}
    	else {
    		varName.style.display = 'none';
    	}
    }
    </script>
    
    <p><a href="javascript:toggle('div1')">Show div1</a>
    <a href="javascript:toggle('div2')">Show div1</a></p>
    
    <div id="div1">
    	<p>this is a link</p>
    	<p>this is a link</p>
    	<p>this is a link</p>
    </div>
    
    <div id="div2">
    	<p>this is another link</p>
    	<p>this is another link</p>
    	<p>this is another link</p>
    </div>
  • Image rollovers

    <script type="text/javascript">
    	if (document.images) {
    		imgOn = new Image();
    		imgOn.src = "image_when_on.gif"; 
    		imgOff = new Image();
    		imgOff.src= "image_when_off.gif";
    	}
    
    	function handleOver() { 
    		if (document.images) document.imgName.src = imgOn.src;
    	}
    
    	function handleOut() {
    		if (document.images) document.imgName.src = imgOff.src;
    	}
    
    </script>
    
    <a onmouseover="handleOver();" onmouseout="handleOut();" />
    <img src="image_when_off.gif" name="imgName" alt="image" />
    </a>
  • Image rollovers for more than one set of images: http://virtualatdp.berkeley.edu:8081/tic/forums/tech/21


Journal Questions

What is your handle (screen name) for most sites/IMing/E-mail? Does this internet persona differ much from you in real life? In other words, are you overall the same person online as you are in real life? I know lots of people who are a lot more outgoing and crazy online than they are in real life, and sometimes the case can be the opposite. If this is the case for you, why do you think these differences occur for you? I highly doubt anyone in the class is exactly the same online as offline, so don't you use that answer as a cop out from answering more questions. Are you more creative in one world than the other? What is it about the internet or real life that changes the way you express yourself or your ideas?

Homework

Continue working on your individual websites. You probably won't have any time to work on your site on Friday, so Monday will be the last in class time to work on them.

2006/07/19 08:27:35 PDT by dhruv13
[dhruv13's avatar]

first post

Don't ask me anything, I'm a product of the American education system
-Homer Simpson

2006/07/19 08:28:20 PDT by EggPuffs
[EggPuffs's avatar]

Ahhh...grades.....>_<

Terrance is afraid of being stalked by a slut. (Don't ask. I made a pic but you probably don't want to see it.)
"Everyone has the right to be stupid, but some people overabuse the privilege."
~anonymous

2006/07/19 08:30:35 PDT by Raikia
[Raikia's avatar]

Java...script...-die-

(¯`v´¯)
`*.¸.*´
¸.•´¸.•*¨) ¸.•*¨)
(¸.•´ (¸.•´ .•´ ¸¸.•¨¯`•. ~Raid kills on contact <3

2006/07/19 08:32:52 PDT by senchent
[senchent's avatar]

Muahaahh... GRADES!

2006/07/19 09:43:58 PDT by mattunt1029
[mattunt1029's avatar]

If you could post the javascript lecture notes ASAP I would be very happy. ^_^

MySpace=MyLife

2006/07/19 10:40:01 PDT by kokiinlow
Edited at 2006/07/19 10:46:17 PDT
[kokiinlow's avatar]

lol. hopefully it DOESNT take as long as flash. i hate flash... [thanks alex mauahaaha]

BE A LOSER. because being cool is so overrated. ;]

2006/07/19 11:10:05 PDT by EggPuffs
[EggPuffs's avatar]

NICE JOURNAL! =D
*nudge Raid*

Terrance is afraid of being stalked by a slut. (Don't ask. I made a pic but you probably don't want to see it.)
"Everyone has the right to be stupid, but some people overabuse the privilege."
~anonymous

2006/07/19 20:24:12 PDT by dhruv13
[dhruv13's avatar]

wait, y can't we work on our site on Friday?wat r we doing that day?

Don't ask me anything, I'm a product of the American education system
-Homer Simpson

2006/07/19 20:52:20 PDT by EggPuffs
[EggPuffs's avatar]
Quote from dhruv13:

wait, y can't we work on our site on Friday?wat r we doing that day?

NETHUNT!!!!! =DDDDDDDD

Terrance is afraid of being stalked by a slut. (Don't ask. I made a pic but you probably don't want to see it.)
"Everyone has the right to be stupid, but some people overabuse the privilege."
~anonymous

2006/07/19 21:17:19 PDT by dhruv13
[dhruv13's avatar]

o yeah!!!!!!!! that's gonna be fun

Don't ask me anything, I'm a product of the American education system
-Homer Simpson

2006/07/19 21:35:38 PDT by EggPuffs
[EggPuffs's avatar]
Quote from dhruv13:

o yeah!!!!!!!! that's gonna be fun

That's one way to put it. 8DDDDDDDD

Terrance is afraid of being stalked by a slut. (Don't ask. I made a pic but you probably don't want to see it.)
"Everyone has the right to be stupid, but some people overabuse the privilege."
~anonymous

2006/07/19 22:33:42 PDT by dhruv13
[dhruv13's avatar]

lol. It will be soo hard.

Don't ask me anything, I'm a product of the American education system
-Homer Simpson

2006/07/19 22:42:21 PDT by Raikia
[Raikia's avatar]

Gaaaaaah =.=

(¯`v´¯)
`*.¸.*´
¸.•´¸.•*¨) ¸.•*¨)
(¸.•´ (¸.•´ .•´ ¸¸.•¨¯`•. ~Raid kills on contact <3

2006/07/19 23:10:08 PDT by MadnessX
[MadnessX's avatar]

::shifty eyes::

::sabotage in progress::

There are 10 kinds of people in this world. People who know binary, and people who don't.

2006/07/19 23:22:48 PDT by EggPuffs
[EggPuffs's avatar]
Quote from MadnessX:

::shifty eyes::

::sabotage in progress::

You stole the double colons! 8DDDDD

Terrance is afraid of being stalked by a slut. (Don't ask. I made a pic but you probably don't want to see it.)
"Everyone has the right to be stupid, but some people overabuse the privilege."
~anonymous

All TIC materials copyright © 2006 Cynthia Nie and Trevor Ridinger
Powered by Io Community Manager, Evlan, and FreeBSD