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

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.

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.

In article <70d75507.0309221246.41561950 (AT) posting (DOT) 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

Michael wrote on 22 sep 2003 in comp.lang.javascript:

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.innerHTML=j[Math.floor(Math.random()*21)]">
Click here for jokes
</div>



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

"Michael" <mdh_2972 (AT) hotmail (DOT) com> wrote

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='visibility:hidden;'>
Joke 1
</div>
<div ID='b' style='visibility: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.

"Evertjan." <exjxw.hannivoort (AT) interxnl (DOT) net> wrote

Michael wrote on 22 sep 2003 in comp.lang.javascript:

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.innerHTML=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.

Michael wrote on 25 sep 2003 in comp.lang.javascript:

"Evertjan." <exjxw.hannivoort (AT) interxnl (DOT) net> wrote in message
news:<Xns93FEECF282858eejj99 (AT) 194 (DOT) 109.133.29>...
Michael wrote on 22 sep 2003 in comp.lang.javascript:

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.innerHTML=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)

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.innerHTML=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

"Douglas Crockford" <nospam (AT) laserlink (DOT) net> wrote

<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.

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

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)