Can anyone help me to get onclick to work?

turtleflame · 12-28-2012, 10:47 PM

Can anyone help me to get onclick to work? I keep getting a mouse over instead. Do you know what I'm doing wrong? I checked the error console but I have no idea what to do with the information. Here's the code I'm using:

Code:

<!DOCTYPE html>
<html>
<head>
<title>onclick Demo</title>
</head>
<body>
<img src="Picture 322.png" 
onclick="this.title='New Title';" /> 
</body
</html>

Thanks

xelawho · 12-28-2012, 11:15 PM

"this" refers to the element that is receiving the event, in this case the img

so your code is doing exactly what it should.

are you trying to change the title of the document?

turtleflame · 12-28-2012, 11:17 PM

I want "New Title" to pop up when I click on the image but instead "New Title" pops up when I roll over the image and nothing happens when I click.

turtleflame · 12-28-2012, 11:18 PM

No, I'm not trying to change the title. "New Title" is the title for right now.

Old Pedant · 12-28-2012, 11:21 PM

Yes? Again, it's doing what you told it to do. It is *CHANGING* the title of the image. Which is, indeed, the title that shows up when you mouse over the image.

What do you mean by "want [the title] to pop up"?

You could just do

Code:

<img src="Picture 322.png" onclick="alert('New Title');" />

but alert is very much obsolete nowadays. Some browsers allow the user to block alerts, so they are *NOT* a good way of giving messages.

So what kind of (other) pop up are you interested in?

Old Pedant · 12-28-2012, 11:22 PM

Quote:

Originally Posted by turtleflame

No, I'm not trying to change the title. "New Title" is the title for right now.

No, it is not. At least not until you click on the image. Then it is.

As your code is now, if you roll over the image *BEFORE* you click on it, you will see nothing. No title.

xelawho · 12-28-2012, 11:22 PM

that's exactly the behaviour of the tooltip that comes as standard with the "title" attribute.

if you want something like you are talking about I think you will have to build it yourself

turtleflame · 12-28-2012, 11:24 PM

I just want it to do the same thing it does when I roll over the image with my mouse I just don't want the title to show unless I clicked on the image. I'm new so maybe I'm misunderstanding onclick. I don't know.

Nile · 12-28-2012, 11:26 PM

Indeed, you've misunderstood onclick. Search google for "javascript tooltips" and you'll get what you wanted.

turtleflame · 12-28-2012, 11:27 PM

Okay thank you.

Old Pedant · 12-28-2012, 11:41 PM

I disagree. I think he understands oncliick. He just doesn't understand what HTML ALONE does.

He doesn't seem to be aware that rolling over an image *WILL* produce the title display.

As I noted, he could use alert( ) for this except that it's so obsolete. But for his purposes, that may be perfectly okay.

Creating a full blown tooltip is a lot more work. Though there are ways to make it simpler.