Message Showing On Hover

[khalilov 0]

On some sites and game, when you hover your mouse's curser on an image or word. A box containing words/pics/stuff appears where your curser is and when you move your curser away from that word/image the box disappears. How do you do that?

On a side question:

JSP - Java Server Pages - Support: Yes

That costs $1.99 USD per month (2$), is it necessary to run simple simple ajax (getting info from server without loading page) or to run what i asked for at the begining of this post. Because i already paid for it twice and iam gona pay for it on 1/1 and i still don't know if its a necessity. Cuz if its not, iam just burning money since iam not using any advanced java functions/applications.

[toby 0]

Can you get a screenshot? It sounds like making a box hover over everything else. If you mean a box appear, like fast reply, then it's even simpler. Everything do-able in js is doable for free.

[Quatrux 4]

To tell the truth, I usually get annoyed by those kind of things, you read an article and when you move a mouse you get that stupid stuff, which I don't even want to read though, usually I just hover on them by accident to move my mouse somewhere else when trying to scroll or trying to change a tab, why would you want that? I always thought it was an Ad or something like information about the word/keyword

[pyost 0]

On some sites and game, when you hover your mouse's curser on an image or word. A box containing words/pics/stuff appears where your curser is and when you move your curser away from that word/image the box disappears. How do you do that?

 

On a side question:

 

That costs $1.99 USD per month (2$), is it necessary to run simple simple ajax (getting info from server without loading page) or to run what i asked for at the begining of this post. Because i already paid for it twice and iam gona pay for it on 1/1 and i still don't know if its a necessity. Cuz if its not, iam just burning money since iam not using any advanced java functions/applications.

You don't need JSP for AJAX - AJAX stands for "Asynchronous JavaScript And XML", which make JavaScript the only requirement, and this is controlled by your visitors. But bare in mind that Java and JavaScript are two completely different things that have no connection whatsoever. This is something that is usually confusing for those who are entering the world of web programming, so it's best to deal with the problem right away.

 

However, I don't think even AJAX is necessary for what you want to do. Essentially, you need a hidden container box with the text you want displayed. When you move the mouse above a link or an image, JavaScript would display that box (which would have to be positioned properly), and hide it once the mouse has moved. The hidden text can be acquired through AJAX, but if you can load it when display the page, there is no need to make it more complicated.

[yordan 10]

To tell the truth, I usually get annoyed by those kind of things why would you want that?

Maybe, precisely, he wants to annoy us ? Or he wants to put his own ads where your mouse is ?

[FirefoxRocks 0]

I used to use this method: http://forums.xisto.com/no_longer_exists/

It is very useful and can even include images or be used on images as a tooltip. Keep in mind that the title attribute is for semantic purposes as well as accessibility.

[khalilov 0]

Maybe, precisely, he wants to annoy us ? Or he wants to put his own ads where your mouse is ?

No

You don't need JSP for AJAX - AJAX stands for "Asynchronous JavaScript And XML", which make JavaScript the only requirement, and this is controlled by your visitors. But bare in mind that Java and JavaScript are two completely different things that have no connection whatsoever. This is something that is usually confusing for those who are entering the world of web programming, so it's best to deal with the problem right away.

That means i burnt 4$ :/, iam gona contact them and ask them if i can degrade my acount since we still haven't entered december, maybe i can save 2$. ( i sound like a cheap *bottom* ).

To tell the truth, I usually get annoyed by those kind of things, you read an article and when you move a mouse you get that stupid stuff, which I don't even want to read though, usually I just hover on them by accident to move my mouse somewhere else when trying to scroll or trying to change a tab, why would you want that? I always thought it was an Ad or something like information about the word/keyword tongue.gif

Its a game, i need it for an idea inside that game =)

I used to use this method: http://forums.xisto.com/no_longer_exists/
It is very useful and can even include images or be used on images as a tooltip. Keep in mind that the title attribute is for semantic purposes as well as accessibility.

Thats what i need appreciated =)

[pyost 0]

Glad I could help

[khalilov 0]

K i canceled it and got 1.99$ back, glad to have recieved fast support especially on saturday =)now i only have to pay $1.95 USD monthly LOL, its so easy to maintain that now XD, ~4$ was a pain. Now i only need0.065$ per day. Iam sure i got more than that in this post XD. That free domain is comign soon =)

Edited November 30, 2008 by khalilov (see edit history)

[TavoxPeru 0]

On some sites and game, when you hover your mouse's curser on an image or word. A box containing words/pics/stuff appears where your curser is and when you move your curser away from that word/image the box disappears. How do you do that?

 

On a side question:

 

That costs $1.99 USD per month (2$), is it necessary to run simple simple ajax (getting info from server without loading page) or to run what i asked for at the begining of this post. Because i already paid for it twice and iam gona pay for it on 1/1 and i still don't know if its a necessity. Cuz if its not, iam just burning money since iam not using any advanced java functions/applications.

For your first question, there are some ways to do that, a few of them are:

With only HTML you use the title property to show some text as a tooltip like in the following:

 

<img src="your_image_file" title="Text to show when hover on" border="0">

With HTML and CSS you can do some more interesting things, generally you use this with hyperlinks, images or elements that support the :hover CSS pseudo class.

 

 

With HTML, CSS and Javascript you can do very interesting things, in this case you use a DIV element as a container block where you can put inside it, not only text or an image, also you can include there any element you want, like a table with hyperlinks, images, etc.

At the Andes Life Shopping Cart page you can view a live example of these techniques.

 

You can view the first technique when you hover on the image located at the top right of the page, which in fact is an image map, the second technique happens when you hover your mouse over any product row of the products table, and the third technique is used on the header row of the products table, and happens when you hover your mouse over the Check or the Quantity cells only, simply shows some text using plain text and the STRONG html tag for emphasize a phrase.

 

For your second question, you don't need to pay if you want to use AJAX.

 

Best regards,