Hover Over Text

Index » General discussion

  • 1
 
imabi Member
From: America Registered: 2011-10-16 Posts: 604 Website

Ok, so I'm computer stupid and I really want to somehow have like what Tae Kim has on his site in terms of hovering over Kanji and getting definitions too. However, I don't code things myself because I'm, again, computer stupid. This is why I use webs.com. I know there are people that know much more about how to use this place than I. Is there a way to go about doing that on here?

prink Member
From: Minneapolis Registered: 2010-11-02 Posts: 200

Drag and drop sites are pretty limited when it comes to that kind of stuff. I've never used webs.com, but I have used Google Sites, which is fairly similar. In Google Sites' edit mode, I'm able to click a button that shows the body of the page in html. Try looking around for something like that. From there, I believe it is <span title="かんじ">漢字</span> to do hovering text.

EDIT:
Yes, it is indeed <span title="かんじ">漢字</span>. 漢字 is the text that would appear on the site normally, and かんじ would be what would pop up when hovering over it.

In the top right corner of the image linked below is the html button I click in Google Sites to get the window that in the bottom portion to appear. I hope this helps direct you toward wherever it may be on webs.com's editor. You may not have that option depending on how limited that site is though.
http://i47.tinypic.com/21d1v1t.png

I checked out your website earlier this week btw. From what I saw, it looks very well done, and I plan on reading all of what you have there in the near future.

Last edited by prink (2012 December 03, 9:49 pm)

JimmySeal Member
From: Kyoto Registered: 2006-03-28 Posts: 2279

Tae Kim actually uses this:
<span class="popup" title="きょねん - last year">去年</span>

This title= attribute indicates the popup text, and then the class="popup" attribute references a rule in his style.css file:

.popup
{
   text-decoration: none;
   cursor: help;
}

This is what causes the cursor to turn into that question mark cursor during hover.

I think he's probably using some JavaScript to change the color during hover, but I don't see where that is at the moment.

Advertising (register and sign in to hide this)
JapanesePod101 Sponsor
 
imabi Member
From: America Registered: 2011-10-16 Posts: 604 Website

I've seen what he does. However, I asked a webs person and was told that if I wanted to do stuff like that I would have to switch to html mode which would strip everything that was generated from the site maker automatically, which would be everything. I had Tae Kim look at my site actually and he really didn't like the use of rubi characters. However, I intend to be more conservative about it.

I've tried to notify people about plug-in fixes for firefox. I think IE, Chrome, and Safari have no problems with rubi characters. I intend to take out unneeded rubi, but I want to at least give reading aids to things that really need it, and the quickest way is to just copy and paste and add phonetic guides through Microsoft Word. If people could all just use a plug in like moji or rikaisama, that would be nice.

@Prink: Thanks. I still think two of the biggest problems I have, which is simply a reflection of my writing style that I'm still trying to address, is being too verbose and organization problems. However, I've been really trying to go to sections that are long and seeing if I can be more concise, and I've been having some good success. Let me know of anything that is unclear or needs being addressed.

Last edited by imabi (2012 December 03, 10:38 pm)

  • 1