School Map:  Home / Enroll $ Student Records; Class  
$ News @ LIVE Tech Radio * Support/FAQ | Store | FORUMS

Class / Forums / javascript101 Refresh the current page Post your Week #1 Basic TO-DO ASSIGNMENT here
 

 (#1 2002-12-08 20:18:18) Post Reply

TDavid
php mySQL Perl C/C++
Principal


Enrolled: Mar 2000
Posts: 193
AP: 1

Welcome to the Javascript Basics for Webmasters Course week #1.

Your Week #1 Basic TO-DO assignment should be posted here in this thread only. If you have specific questions about the week 1 course text then please also post them in this thread so that other students can learn from the information.

Here is the details on what you need to do in this assignment:

Create a blind text link with a custom status bar message on mouse over. Make it to a complex URL with lots of extra 'junk' like click through credit id's tacked on.

For example: http://www.mysponsor.com/members?id=0357zQio1sb2j98
shows: www.mysponsor.com or "Click NOW for the Best Site in the Universe" in the status bar, when the mouse rolls over the link. Hint: see Write to Status Bar. Recall that href can take URL's as well as "javascript:"

Note: you will earn Script School Activity Points for posting your to-do assignment. An instructor will grade your to-do assignment and may add additional bonus points based upon the quality of the work you post in this folder.

You may also earn bonus activity points by helping other students, so feel free to help other Script School students.

 

 (#4 2002-12-09 16:10:50) Post Reply

Louie
Need To Set


Enrolled: Oct 2002
Posts: 4
AP: 1

I'm a little bit confuse. I think I did the right assignment. What your asking for is a onMouseover right? That would be in your href code?

Hope that I'm right if not let me know. I just started.
[js]
<a href="http://www.mydomain.com/$i027648k?" onMouseover="window.status='Click here for free pu$$y'; return true" onMouseout="window.status=' '; return true">Going out to the game</a>
[js]

 

 (#5 2002-12-09 16:49:25) Post Reply

TDavid
php mySQL Perl C/C++
Principal


Enrolled: Mar 2000
Posts: 193
AP: 1

You are correct. Also you need to add a / in the closing javascript like this: [/js]


 

 (#6 2002-12-09 16:53:04) Post Reply

Louie
Need To Set


Enrolled: Oct 2002
Posts: 4
AP: 1

Thank you TDavid. Well I have a question for you. Right now I'm building other site. I tried the code I have just showed you but I get a error message that it does not work. I took the windows.status out and replace it with just the status. Would that be right ?

This is easy its sticking to my brain. lol


Louie

 

 (#7 2002-12-09 17:00:13) Post Reply

TDavid
php mySQL Perl C/C++
Principal


Enrolled: Mar 2000
Posts: 193
AP: 1

Try opening this code in a local webpage and analyze using the debugger's mentioned in the text. The one that comes with Netscape works good. Let me know what error message you get in the debugger ;)

 
<a href="http://www.mydomain.com/$i027648k?" onMouseover="window.status='Click here for free pu$$y'; return true" onMouseout="window.status=' '; return true">Going out to the game</a>


 

 (#8 2002-12-09 17:32:12) Post Reply

Louie
Need To Set


Enrolled: Oct 2002
Posts: 4
AP: 1

Well TDavid, well for some reason it’s working again. I deleted the code and re-did it. This time around it works. I think that I forgot something. But I figured it out.

So your giving away point for finishing the homework?


Louie

 

 (#10 2002-12-09 19:12:00) Post Reply

TDavid
php mySQL Perl C/C++
Principal


Enrolled: Mar 2000
Posts: 193
AP: 1

Yup, if you look next to your name, you get *1* activity point every time you post at the boards. We'll add points to the to-do assignment based on the quality of the to-do assignment and demonstration of the subject matter.

Also you can earn activity points by taking the quiz and scoring a certain percentage or higher. The questions are randomized and there are retake limits so one can only take the test once every certain period of time (basically to prevent folks from just memorizing the answers).

The quiz for week #1 will be posted by this Friday's recap.

I opened that code of yours in Netscape as I suggested and there was no error coming up for it ;)

 

 (#13 2002-12-11 12:36:34) Post Reply

TDavid
php mySQL Perl C/C++
Principal


Enrolled: Mar 2000
Posts: 193
AP: 1

For those who made it out to the IRC workshop yesterday (12/10/2002) just a note to that we'll have the archives of that workshop posted at Script School on Friday. I'll post the URL here in the Javascript 101 forum.

 

 (#14 2002-12-11 19:20:33) Post Reply

logspirit
Need To Set


Enrolled: Oct 2001
Posts: 63
AP: 1

If You run into any problems doing the assignments, I'll be checking this forum often.
No question is 'dumb', no need to get all frustrated... post, get answers && activity points!

 

 (#16 2002-12-14 12:47:10) Post Reply

TDavid
php mySQL Perl C/C++
Principal


Enrolled: Mar 2000
Posts: 193
AP: 1

Hmmm, nobody has done their to-do assignment yet? Could there be a problem with the posting function for students? Please use the homeroom folder to ask any questions related to Script School, using the forums, etc.

 

 (#18 2002-12-14 16:50:49) Post Reply

twiceshy
Need To Set


Enrolled: Nov 2002
Posts: 3
AP: 1

ok i cant seem to find the folder to post my to do assignment i must be lost also TDavid any way of me getting the log from the friday chat on wk2 as due to computer probs i missed it

 

 (#19 2002-12-14 16:52:03) Post Reply

twiceshy
Need To Set


Enrolled: Nov 2002
Posts: 3
AP: 1

<head>
<title>scriptwk#1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<p align="center">This better Work </p>
<p align="center"><a http://www.amateuraffair.com/pt=pmb12479 href="http://www.amateuraffair.com/pt=pmb12479"
onMouseOver="window.status='The best dayum kinky free porn around'; return true;"
onMouseOut="window.status=' '; return true;">The best dayum kinky free porn around</a>
 </p>
<p align="center"> </p>
<p align="center"> </p>
</body>
</html>

 

 (#20 2002-12-14 17:04:34) Post Reply

TDavid
php mySQL Perl C/C++
Principal


Enrolled: Mar 2000
Posts: 193
AP: 1

Hi Twiceshy,

If you wrap your assignment in between:

[tag]
CODE HERE
[/tag]

(replace the word "tag" with "js") it will then format your code like this:


<head>
<title>scriptwk#1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<p align="center">This better Work </p>
<p align="center"><a http://www.amateuraffair.com/pt=pmb12479 href="http://www.amateuraffair.com/pt=pmb12479"
onMouseOver="window.status='The best dayum kinky free porn around'; return true;"
onMouseOut="window.status=' '; return true;">The best dayum kinky free porn around</a>
</p>
<p align="center"> </p>
<p align="center"> </p>
</body>
</html>


Thank you for turning in your assignment ;)

 

 (#21 2002-12-15 19:48:35) Post Reply

logspirit
Need To Set


Enrolled: Oct 2001
Posts: 63
AP: 1

twiceshy,

Noticed a few minor things...

1) put the URL in the href once, and not directly after the start of the <a> tag (again)
2) a '?' after the main part of the URL to set off the variable for the sponsor key
3)since You had a closing </html> tag, I added an opening one

Your code after editing:

<html>
<head>
<title>scriptwk#1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<p align="center">This better Work </p>
<p align="center"><a href="http://www.amateuraffair.com?pt=pmb12479"
onMouseOver="window.status='The best dayum kinky free porn around'; return true;"
onMouseOut="window.status=' '; return true;">The best dayum kinky free porn around</a>
</p>
<p align="center"> </p>
<p align="center"> </p>
</body>
</html>

EXTRA NOTE) If You have multiple variables to be added to the URL, after the first one use &amp; and then the variable name, an = and then the value.  So for the href part:

href="http://www.verycoolsite.com?id=89670&amp;key=klj567"


logspirit

 

 (#55 2003-05-10 21:09:09) Post Reply

xjlittle
Need To Set


Enrolled: Jan 2003
Posts: 3
AP: 1

Ok so I'm a few months late..this is really cool. I have
a question though, in the section <script language="javascript" type="text/javascript"> do I need a </script> end tag?

Thanks for some great courses!

john

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Lesson 1 javascript 101 scriptschool.com</title>
<script language="javascript" type="text/javascript">
</head>
<body>
[js]
<!--
<a href="http://pack106.hopto.org/picnic/index.html?picnic=9klJJnm558ff0"
onMouseOver="window.status='Click here for the picnic form..Be there or be square!!';
return true;"
onMouseOut="window.status='Square!! Go ahead and click it!!'; return true;">Join our
picnic!!</a>
[/js]
</body>
</html>

 

 (#58 2003-05-11 23:31:08) Post Reply

TDavid
php mySQL Perl C/C++
Principal


Enrolled: Mar 2000
Posts: 193
AP: 1

Hi John,

Yes, you need an ending </script> tag if you have a starting one ;)

Welcome to the course. There is really no "too late" as there are students taking the first PHP course which was written back in Aug 2000

Enjoy! :)

 

 (#59 2003-08-20 05:16:50) Post Reply

OBscure
Need To Set


Enrolled: Aug 2003
Posts: 6
AP: 1

<html>
<head>
<title>Testing</title>
</head>
<body>
<a href="javascript.void('http://geocities.com/whatever/') onMouseover="window.status='Whatever'; return true;" onMouseout=''; return true;">Click here</a>
</body>
</html>

OK, that was my assignment. Now then, I was wondering...how do we add junk into our scripts? For instace, I know that with CSS, we can make links change colour onMouseover by putting a:hover into the CSS, but what if I decide not to put it into the CSS but into the Javascript instead, how do I add it in? Is it possible? Secondly, I tested this in my browser, but it didn't work. The message in the status bar was

c:/testing.html/javascript.void('http://geocities.com/whatever/') onMouseover=

with nothing behind. PLS advise. Thanks.
>> OBscure

 

 (#63 2003-08-24 22:47:23) Post Reply

logspirit
Need To Set


Enrolled: Oct 2001
Posts: 63
AP: 1

Dear OBscure,

Don't put the url inside the void() function...
It goes in the href
Please see the other examples in this forum and in the course.

As far as ways of controlling the formatting of Your pages, Yes You CAN do it with JavaScript, BUT it is fairly complex and browser dependent to a large extent and it is therefor not the preferred way... Also keep in mind that Your surfers can always turn JavaScript and other browser scripting off! Try to only use client side scripting for 'extras' that are not essential for Your page to operate. And even CSS has limitations - it's functionality also depends on Your surfers browsers. Generally speaking, it is always best to use the simple most common way to reach the maximum audience.
Client side scripting, in JavaScript, Flash, ShockWave, VB etc. should be considered as 'features' of Your site, not the main way to communicate. For example, don't put essential information into Your site that can ONLY be viewed by a mouseover! It is always recommended that You also provide an alternate way for people to use Your site and view content & also consider the disabled! Generally, It is best to concentrate on basics and content over bells and whistles, to present Your pages in basic HTML, and use a server side scripting language like PHP for dynamic content. (And I wrote this JavaScript course!!!)

Happy Coding!
logspirit

 

 (#67 2003-09-22 22:50:22) Post Reply

moyofalaye
Need To Set


Enrolled: Sep 2003
Posts: 1
AP: 1

<a href="http://www.moyofalaye.com"
onMouseOver="window.status='the don of all websites'; return true;"
onMouseOut="window.status=' '; return true;">the don of all websites</a>

 

 (#68 2003-09-23 21:53:04) Post Reply

logspirit
Need To Set


Enrolled: Oct 2001
Posts: 63
AP: 1

moyofalaye,
Welcome to the Course.
Happy Coding,
logspirit

 

 (#70 2003-11-07 09:51:47) Post Reply

dawnnivas
Need To Set


Enrolled: Nov 2003
Posts: 6
AP: 1

hello everyone,
Hope everyone is having a good day.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Assign 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body leftmargin="25" bgcolor="#66CCFF">
<a href="http://www.yahoo.com/"
onMouseOver="window.status='click on link'; return true; "
onMouseOut="window.status=' ' ; return true; "
>Click on me Please</a>
</body>
</html>

 

 (#71 2003-11-07 09:53:24) Post Reply

dawnnivas
Need To Set


Enrolled: Nov 2003
Posts: 6
AP: 1

also i have another question to the mod. is it possible for me to change the password as the one auto generated is too complex for my tiny brain..thnx

 

 (#72 2003-11-08 05:17:53) Post Reply

logspirit
Need To Set


Enrolled: Oct 2001
Posts: 63
AP: 1

dawnnivas,
Welcome to the course, Assignment #1 looks good.
Not sure what to say about that password, it IS auto-generated... c'mon you want to be a programmer - do You really think this is worth bothering the Principal about? Cause he's the ONLY one who has access and can change it... (and he IS providing all these courses for free out of his own pocket!!!) Why not try a little copy & paste to a file for safe keeping? and just use the cookie... Oh well, happy to be Your instructor... If You have any problems or questions on Javascript - You came to the right place...

logspirit (author of the Javascript101 and MySQL101 courses)

 

 (#76 2004-06-19 12:42:03) Post Reply

Ahkorahil
Need To Set


Enrolled: Oct 2003
Posts: 20
AP: 1

<body>
<a href = "http://www.zone.ee"
onMouseOver = "window.status='Yes, plz click on it'; return true;"
onMouseOut = "window.status = 'Click on the link'; return true;"> My Link
</a>
</body>

 

 (#77 2004-06-29 06:00:43) Post Reply

SnakeEater
Need To Set


Enrolled: Jun 2004
Posts: 4
AP: 1

<html>
<body>
<p><a href="http://www.mysponsor.com/members?id=0357zQio1sb2j98"
onMouseOver="window.status='This link leads to nowhere.'; return true;"
onMouseOut="window.status=' '; return true;">
Clicky</a></p>
</body>
</html>

 

 

View Previous Thread
Print this page Print This Page

View Next Thread

School Map:  Home / Enroll $ Student Records; Class  
$ News @ LIVE Tech Radio * Support/FAQ | Store

Advertising | Link To Us | Privacy 
Copyright 2000-2002 Script School Productions / KMR Enterprises 
No part of this website may be reproduced, copied and/or distributed in any medium 
without express written permission