Can I open a dialog box by clicking an image?

Question

1.00/5 (1 vote)

See more:

I'm building a website in which I hope to be able to click an image to open a dialog box (alert or prompt)for more information. In that dialog box I want to add either an image or a table or both. So I'm also asking if those are possible to insert into a dialog box.

THANK YOU for any help.

Oh, and I'm coding with HTML and Javascript.

Posted 18-May-15 10:03am

Member 11700474

Updated 18-May-15 10:27am

ZurdoDev

v3

Add a Solution

Comments

ZurdoDev 18-May-15 16:11pm

Java or Javascript? They are very different.

[no name] 18-May-15 16:17pm

Javascript. Sorry.

Sergey Alexandrovich Kryukov 18-May-15 16:19pm

And what's the problem? Handling a click event? Finding an element to handle the event on? Reading JavaScript or DOM documentation?
—SA

ZurdoDev 18-May-15 16:26pm

The image has a click event. That is what will trigger opening a dialog box. I just googling for jquery dialog and image click event separately to see how you can tie it all together.

[no name] 19-May-15 9:23am

Ok. I don't have experience with jquery, so I'll do some learning and try again. I knew the code must be out there to do what I want, I just didn't know where to start looking. Thank you!

Sergey Alexandrovich Kryukov 18-May-15 16:18pm

Almost anyone can. I'm not sure about you. The question suggests that you can't. :-)
—SA

Sergey Alexandrovich Kryukov 18-May-15 16:19pm

What have you tried so far?
—SA

[no name] 18-May-15 21:06pm

Well, I'm VERY new at coding. My only experience has been on Codecademy. I think the ideas in my head are just bigger than the knowledge I have to back them up. I don't know how to write the code to get what I want. So I'm looking for some guidance.

Sergey Alexandrovich Kryukov 18-May-15 21:23pm

Then probably you need to go back to the basics. It won't be useful if you just got a recipe you don't understand. You need to know how Web works, event handling, properties. Are you sure you know programming basics, HTML, JavaScript?
—SA

[no name] 18-May-15 22:38pm

I did the HTML and JavaScript basics courses on Codecademy, but I'm guessing what I learned is very, VERY basic... :o) So, I'll go for a plan B. You're right that it will do me more good to use things I really do understand instead of getting in too deep too fast. Maybe I can get a little more creative with what I do know. Thank you for the advice. I really appreciate it. :o)

Sergey Alexandrovich Kryukov 18-May-15 23:15pm

Simply learn JavaScript events, handling them, and also the DOM. By the way, it will help you a lot if you learn jQuery. Nearly all you are trying to do is already done there. Will some link help you, or you can find them yourself? This would be easy — jQuery documentation is nice.
—SA

[no name] 19-May-15 9:20am

There is a jQuery course on Codecademy. I'm familiar with the site and like the lesson format. Do you think that would be a good place for me to start?

Sergey Alexandrovich Kryukov 19-May-15 10:21am

I have no idea where to start; this is simply doesn't matter. Can you for a minute forget about all the academies and simply read the documentation and try to use it?
http://jquery.com
It has everything you are asking about.
—SA

Sascha Lefèvre 18-May-15 19:38pm

Please note - if you want someone to get notified of your comment you have to use the "Reply"-button on his comment. (I'm sorry I can't help here, I would have to look it up myself.)

[no name] 18-May-15 21:06pm

Good to know. Thanks for the tip.

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)