JavaScript HTML Onclick

Question

What is my goal: When I click on a certain word (not in paragraph), I want a speech bubble full of info to appear.

So, I already have this bubble, I've made it using a "class" and CSS 3.

Can I, using some basic JavaScript, make my dream come true? I have no knowledge of JavaScript at all.

Is there a way of somehow putting my "bubble class" into "onclick"?

Thanks in advance.

Everything is an option as long as it works on IE =)

Hey Leo.. Interesting that you said this as a DREAM. never mind it is easy.Can you use jQuery or you just have to use javascript? — Dhruvenkumar Shah
– Dhruvenkumar Shah, Commented Aug 30, 2012 at 1:24
It might be tougher to achieve for someone who does not know the difference between Java and JS. — Andrew Thompson
– Andrew Thompson, Commented Aug 30, 2012 at 1:26
first step into making ur dream come true is post dat code :) — yngccc
– yngccc, Commented Aug 30, 2012 at 1:26
If you can describe it with words, you can program it in code. Isn't that a dream?? — frenchie
– frenchie, Commented Aug 30, 2012 at 1:30

Ruwantha · Accepted Answer · 2012-08-30 01:39:33Z

2

There are many plugings for fulfill your requrement. This is a only a one solution. download bubbletip

You can see a demo here and some instruciton too

you really no need to click the word instead just hover is enough.

answered Aug 30, 2012 at 1:39

Ruwantha

2,6535 gold badges31 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Philip Tenn · Accepted Answer · 2012-08-30 01:28:47Z

0

Check out JQuery Tools. Their page on tooltips has some samples: http://jquerytools.org/demos/tooltip/dynamic.html

Disclaimer: I am not affiliated with JQuery Tools in any way, just found this doing some quick searching based on user's needs.

answered Aug 30, 2012 at 1:28

Philip Tenn

6,1138 gold badges52 silver badges90 bronze badges

Comments

Alex Fischer · Accepted Answer · 2012-08-30 01:31:15Z

0

First, if you have several bubbles, you should give each of them a separate id attribute. The following javascript will make the bubble appear: document.getElementById("id_of_the_bubble").style.display = "none";

The following will make a bubble reappear: document.getElementById("id_of_the_bubble").style.display = "block";

Note: if you have the bubbles be by default with a different display other than block, then you should put it as that display instead of block.

answered Aug 30, 2012 at 1:31

Alex Fischer

5463 silver badges12 bronze badges

Comments

Sibu · Accepted Answer · 2012-08-30 04:01:58Z

0

Twitter Bootstrap framework

http://twitter.github.com/bootstrap/javascript.html#popovers

answered Aug 30, 2012 at 4:01

Sibu

4,6272 gold badges30 silver badges38 bronze badges

Collectives™ on Stack Overflow

JavaScript HTML Onclick

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related