Closed Thread Icon

Topic awaiting preservation: status window problem (Page 1 of 1) Pages that link to <a href="http://ozoneasylum.com/backlink?for=8611" title="Pages that link to Topic awaiting preservation: status window problem (Page 1 of 1)" rel="nofollow" >Topic awaiting preservation: status window problem <span class="small">(Page 1 of 1)</span>\

 
Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

posted posted 04-21-2003 00:52

Hi, guys. How are you?
Well, I am trying to make status window but so far so bad....

My code is here:

quote:
<html>
<head>
<title>JavaScript</title>
<script type="text/javascript">
function rollover(){
window.status="Learn Operating System here";
window.status="Learn Dos here";
}
</script>
</head>

<body>
<a href="1.htm" onMouseOver="window.status='Learn Operating System here'; return true;">Operating System</a>
<a href="2.htm" onMouseOver="window.status='Learn Dos here'; return true;">Dos</a>
</body>

</html>



When mousing over, it is fine showing on the status bar.
But problem is taht status bar still shows content when I mouse out.
Do you know why??? \ (> < )/ Help!

Hiroki Kozai

Scott
Bipolar (III) Inmate

From: schillmania.com
Insane since: Jul 2002

posted posted 04-21-2003 01:00

The window status bar will display the last thing you "set" it to - If you want to clear it, just have something like onmouseout=" window.status='' ";

Steve
Maniac (V) Inmate

From: Boston, MA, USA
Insane since: Apr 2000

posted posted 04-21-2003 01:10

"status bar still shows content when I mouse out"

Because you haven't instructed it to do otherwise.

first: you have created a function ("rollover") which you don't call, and isn't very well constructed anyway. You can elimate that or not - doesn't matter really since you aren't calling it.

Second: you have succeeded in setting the status bar using javascript in the anchor tag:
<a href="2.htm" onMouseOver="window.status='Learn Dos here'; return true;">Dos</a>

but you haven't told it to do anything to CLEAR the status bar. the only thing that currently will change the status bar is rolling over a new link. You need to add an onMouseOut call which will set the status bar to nothing, blank, or in programming syntax a pair of quote marks with noting inside:

onMouseOut="window.status='';"
(Those are two single quotes before the semi-colon, not a single double quote. hmmm - that's a confusing sentence isn't it?)

[This message has been edited by Steve (edited 04-21-2003).]

Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

posted posted 04-21-2003 01:26

Hi, Steve.
Wonderful to hear from you. And great thanks to your help.
But still doesn't work well. Error message pops up!
What I coded is following trying to be like you said.

quote:
<html>
<head>
<title>JavaScript</title>
<script type="text/javascript">
function (){
window.status="Learn Operating System here";
}
</script>
</head>

<body>
<a href="1.htm" onMouseOver="window.status='Learn Operating System here'; return true;" onMouseOut="window status='Tom'; return true;" onMouseOut="window.status='';">Operating System</a>
</body>
</html>



I think I did right. But doesn't work!
Would you see something???


Hiroki Kozai

[This message has been edited by Hiroki (edited 04-21-2003).]

Steve
Maniac (V) Inmate

From: Boston, MA, USA
Insane since: Apr 2000

posted posted 04-21-2003 02:10

Too many onMouseOuts!!!

(and who is Tom? )

code:
<a href="1.htm" onMouseOver="window.status='Learn Operating System here'; return true;" onMouseOut="window status='';">Operating System</a>



Doesn't need the second "return true"

And again - eliminate the whole rollover function code block:

code:
<script type="text/javascript">
function rollover(){
window.status="Learn Operating System here";
window.status="Learn Dos here";
}
</script>



[This message has been edited by Steve (edited 04-21-2003).]

Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

posted posted 04-21-2003 02:19

Wow,wow,wow!!!
It is working now!
Great thanks, Steve.

My code is following:

quote:
<html>
<head>
<title>JavaScript</title>
<script type="text/javascript">
function (){
window.status="Learn Operating System here";
}
</script>
</head>

<body>
<a href="1.htm" onMouseOver="window.status='Learn Operating System here'; return true;"onMouseOut="window.status='';">Operating System</a>
</body>
</html>



Again, thanks a lot.
Cya.

Hiroki Kozai

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted posted 04-21-2003 02:44

Hiroki - all of this:

code:
<script type="text/javascript">
function (){
window.status="Learn Operating System here";
}
</script>



Is doing absolutely nothing. You can remove it entirely.

Steve
Maniac (V) Inmate

From: Boston, MA, USA
Insane since: Apr 2000

posted posted 04-21-2003 03:12

Or, put another way ...

code:
<html>
<head>
<title>JavaScript</title>
</head>
<body>
---the rest of your code from this point on is fine---


Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

posted posted 04-21-2003 03:59

Hm.......Thanks a lot.
Very soon, I am going to buy basic javascript book.
I'd love to study deeply.
Well, many many thanks to my best friends in the web.
Cheers,

Hiroki Kozai

Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

posted posted 04-21-2003 04:22

I code plus like this:

quote:
<html>
<head>
<title>JavaScript</title>
</head>

<body onLoad="window.defaultStatus='Welcome to Hiroki Operating System site!'">
<a href="1.htm"
onMouseOver="window.status='Learn Operating System here';
return true;"onMouseOut="window.status='';">Operating System</a>
</body>
</html>



Cheers,


Hiroki Kozai

Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

posted posted 04-21-2003 06:55

Hi, guys. Thanks for your help today.
I have learned my very first staff about Javascript today.
I am very happy as I have achieved what I wanted.

I did following:
1.Pop up new window set 500px x 500px
2.window status

Wow, it was great experience.
Many many thanks to all of you.

And now I am understanding why many people here told me to study HTML, XHTML, and CSS first. When I code JavaScript and CSS at the same time, code looks so messy, doesn't it? Now I have done quite bit of exercise of HTML etc so that I can concentrate on JavaScript without worring about them.

In my school, unfortunately no web programming classes. Heavily based on Dreamweaver, Flash, other macromedia software. They seem to me very convenient. But I want to be excellent developer like you, guys. So I have been doing everything just notepade. I love this plain text world. I can know how much I can do myself, isn't it?

Well, just 5pm now. It was great easter holiday.
Cheers,

Hiroki Kozai

« BackwardsOnwards »

Show Forum Drop Down Menu