how to create an on-mouse comment in posts?

[zlamushka]

HEY THERE, AGAIN,

I d like to know how to create an on-mouse comment to my blog posts.

Like when I write:

I saw a huge papaya at the local store this morning.

then papaya is double underlined or highlighted or whatever and when I move my mouse over it, it ll pop up a box saying:

Papaya - a type of fruit, widely used in Thailand to make wonderful dishes, such as Som Tum Thai.... yum

How is this possible ?

thanks

[Dracula]

this is possible in many ways, using JavaScript. However the easiest way, although not the most configurable is to add a link pointing to the page itself and use the title attribute of the anchor, something like this:

<a href="#" title="Papaya - a type of fruit, widely used in Thailand to make wonderful dishes, such as Som Tum Thai.">papaya</a>

Go on my blog about [URL="http://dracula-transylvania.blogspot.com"]Vlad the Impaler[/URL] and look for the second item in the list of latest posts, the one with the text "Vlad Dracula conquers Wallachia's Throne.". Hold the mouse over it to see how it looks. In this case it is a real link, pointing to another page, however putting the href="#" will make it do...nothing...it'll point the the current page.

If you don't like it, there is some javascript to put in the page, for this you have to know just a little bit of JS programming.

Hope this helps,
radu

[zlamushka]

Hi Radu,

wow, it worked, have a look... burntmouth.blogspot.com/2007/06/preparation-and-storage-of-spices.html

it s the very first link under the title, the expl. of Kitchen God ....

thank you sooooo much. Anyway, when it is a bit confusing, cause it looks just like a hyperlink. And when I click at it, it goes right on the top of the page... how is so? anyway of changing this?
like hon-mouse comments wouldnt beunderlined or maybe would be highlighted ?

z

[franinseattle]

HEY THERE, AGAIN,

I d like to know how to create an on-mouse comment to my blog posts.

Like when I write:

I saw a huge papaya at the local store this morning.

then papaya is double underlined or highlighted or whatever and when I move my mouse over it, it ll pop up a box saying:

Papaya - a type of fruit, widely used in Thailand to make wonderful dishes, such as Som Tum Thai.... yum

How is this possible ?

thanks

Wow! I'd like to know how to create a mouse-over too and I certainly would
like to know more about your wonderful papaya dishes!

Fran

[Dracula]

Dear Zlamushka ,

Look, I found a simple way of doing what you need. Have a look at the following code and see if it helps (ther is no href in the anchor) so nothing happens if you clik on the text:
<a title='test on MouseOver link'><font color='red'><u>test</u></font></a>
- the underline is obtained by <u></u> (remove it if not necessary);
- font color can also be written using the RGB code like this <font color="#eeff00"> some text </font>
- of course, the elegant way of managing all this is to add a css with styles and just apply it to format the text.

Hope it helps,
Radu

[zlamushka]

Dear Fran,

thanks for the compliment. I just made a papaya salad today for lunch I took some pics, so will post the recipe later this week. Come back and enjoy ... I just had a look at your blog and it is nice to see a vital lady like you smiling at the world

Zlamushka

[zlamushka]

radu, you ROCK!!!!

thanks man, now it looks fantastic. I am so grateful for all your comments, you ve been a lot of help.

Mayb you can tell me, how to set up a link to a specific paragraph in a page? So when I link ot my older posts, one doesnt have to read the whole thingy, just the relevant part.

thanks
z

[Dracula]

In a simple HTML it could work like this:

<a name="oldPost1"></a>
Your old post /paragraph here ... put more test to see how it links to this
<a href="#oldPost1" title='few details about the old post'> link to old post 1/paragraph </a>
If you want to link to another page, the href should look like this:
<a href="http://yousite/anotherPage#oldPost1" title='few details about the old post'> link to old post 1/paragraph </a>
That means:
Add the <a name="oldPost1"></a> before the paragraph.

put the link like this to your old marked post (it should work from any page):
<a href="http://www.burntmouth.com/index.html#oldPost1>link</a>

All best,
Radu

[Dracula]

Look, here is an example of how to do it, I tested it myself on my dracula blog:

this is the page about the [URL="http://dracula-transylvania.blogspot.com/2007/06/blacksmiths-tower-sighisoara.html"]blacksmiths' tower in Sighisoara[/URL]


and this is the link to[URL="http://dracula-transylvania.blogspot.com/2007/06/blacksmiths-tower-sighisoara.html#sighisoara"] a specific paragraph in the sighisoara page[/URL]
The link looks like this: [url]http://dracula-transylvania.blogspot.com/2007/06/blacksmiths-tower-sighisoara.html#sighisoara[/url]

[zlamushka]

you re so cool, radu ...

I wish I could bug you everyday with my troubles, but I already did three times, so i guess it is time to relax

it is easy to get accustomed to other people helpin, eh ?

I wish you needed a recipe or an insight of a particular spice... What did dracula eat in his 'regular' life? Maybe I could contribute to your knowledge

bloody mary, i guess...

zuzy