How can I click on a joke and have a new joke appear?

[Michael]

I know how to display random jokes or sayings. But only if I reload
the page does the script select a new saying. How can I click on the
saying and have it load a new one in its place.

[Hywel Jenkins]

In article <70************ **************@ posting.google. com>, mdh_2972
@hotmail.com says...

I know how to display random jokes or sayings. But only if I reload
the page does the script select a new saying. How can I click on the
saying and have it load a new one in its place.

<a href="page.htm" >blah blah blah</a>

--
Hywel I do not eat quiche
http://hyweljenkins.co.uk/
http://hyweljenkins.co.uk/mfaq.php

[Evertjan.]

Michael wrote on 22 sep 2003 in comp.lang.javas cript:

I know how to display random jokes or sayings. But only if I reload
the page does the script select a new saying. How can I click on the
saying and have it load a new one in its place.

<script>
j=new Array
j[0]="haha"
j[1]="next joke"
j[2]="again"
//....
j[20]="last joke"
</script>

<div onclick="this.i nnerHTML=j[Math.floor(Math .random()*21)]">
Click here for jokes
</div>

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[Lee]

Michael said:

I know how to display random jokes or sayings. But only if I reload
the page does the script select a new saying. How can I click on the
saying and have it load a new one in its place.

There are many different possibly ways to display random jokes or sayings.

We would need to know how you're doing it to tell you how best to
change it so that it changes when you click on it.

[Ron]

"Michael" <md******@hotma il.com> wrote in message
news:70******** *************** ***@posting.goo gle.com...

I know how to display random jokes or sayings. But only if I reload
the page does the script select a new saying. How can I click on the
saying and have it load a new one in its place.

Javascript is CLIENT SIDE
it can only change what is on the screen based on what has already been sent
to the browser.

If you send a page of say 10 jokes you could display 1 then the next on
clicking a 'next' button.

a suitable technique is to load each on to its own <div> with a unique ID

<div ID='a' style='visibili ty:hidden;'>
Joke 1
</div>
<div ID='b' style='visibili ty:hidden;'>

Joke 2
</div>
you would be better setting these all in an identical class controlling
absolute position etc.
then on clicking the button use getElementbyID to unhide the next and hide
the previous

On the other hand,
If you want to retrieve from a server you would have to use the script to
modify the URL and fetch the next page but that as you say is reloading the
page.

HTH

Ron.

[Michael]

"Evertjan." <ex************ **@interxnl.net > wrote in message news:<Xn******* *************@1 94.109.133.29>. ..

Michael wrote on 22 sep 2003 in comp.lang.javas cript:

I know how to display random jokes or sayings. But only if I reload
the page does the script select a new saying. How can I click on the
saying and have it load a new one in its place.

<script>
j=new Array
j[0]="haha"
j[1]="next joke"
j[2]="again"
//....
j[20]="last joke"
</script>

<div onclick="this.i nnerHTML=j[Math.floor(Math .random()*21)]">
Click here for jokes
</div>

This did not quite work. This is just about what I wanted. I keep
geting a message that says undefined. I think that the part after
innerHTML= has to be in the script too.

[Evertjan.]

Michael wrote on 25 sep 2003 in comp.lang.javas cript:

"Evertjan." <ex************ **@interxnl.net > wrote in message
news:<Xn******* *************@1 94.109.133.29>. ..

Michael wrote on 22 sep 2003 in comp.lang.javas cript:

> I know how to display random jokes or sayings. But only if I reload
> the page does the script select a new saying. How can I click on
> the saying and have it load a new one in its place.
>

<script>
j=new Array
j[0]="haha"
j[1]="next joke"
j[2]="again"
//....
j[20]="last joke"
</script>

<div onclick="this.i nnerHTML=j[Math.floor(Math .random()*21)]">
Click here for jokes
</div>

This did not quite work. This is just about what I wanted. I keep
geting a message that says undefined. I think that the part after
innerHTML= has to be in the script too.

It works all right, tested on IE6, but you have to fill in all 20 texts,
otherwise you get that "undefined"

Or you could do Math.random()*3

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[Douglas Crockford]

> >> > I know how to display random jokes or sayings. But only if I reload

> the page does the script select a new saying. How can I click on
> the saying and have it load a new one in its place.
>

<script>
j=new Array
j[0]="haha"
j[1]="next joke"
j[2]="again"
//....
j[20]="last joke"
</script>

<div onclick="this.i nnerHTML=j[Math.floor(Math .random()*21)]">
Click here for jokes
</div>

This did not quite work. This is just about what I wanted. I keep
geting a message that says undefined. I think that the part after
innerHTML= has to be in the script too.

It works all right, tested on IE6, but you have to fill in all 20 texts,
otherwise you get that "undefined"

Or you could do Math.random()*3

Or better, use Math.floor(Math .random() * j.length). That way, you don't have to
edit the script when the number of jokes changes. And better still, use the
literal array notation. That way, you don't have to number the jokes.

j = [
"haha",
"again",
"last joke"];

http://www.JSON.org

[Mike Painter]

"Douglas Crockford" <no****@laserli nk.net> wrote in message
news:bk******** **@sun-news.laserlink. net...
<snip >

It works all right, tested on IE6, but you have to fill in all 20 texts,
otherwise you get that "undefined"

Or you could do Math.random()*3
Or better, use Math.floor(Math .random() * j.length). That way, you don't

have to edit the script when the number of jokes changes. And better still, use the literal array notation. That way, you don't have to number the jokes.

j = [
"haha",
"again",
"last joke"];

Or realize that there are no new jokes.

[Evertjan.]

Douglas Crockford wrote on 25 sep 2003 in comp.lang.javas cript:

>> j=new Array
>> j[0]="haha"
>> j[1]="next joke"
>> j[2]="again"
>> //....
>> j[20]="last joke"
>> </script>

Or you could do Math.random()*3

Or better, use Math.floor(Math .random() * j.length). That way, you
don't have to

Not in the case under investigation, where there is a gap in the array !

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)