Discussion on Hebrew ToolTip Translation | Userscripts.org

New Styled Tooltip, replied by simon!

simon! — Fri, 09 Oct 2009 15:14:20 +0000

damn formatting...

so, about the Javascript code:

http://tinypaste.com/c9ca5af

New Styled Tooltip, replied by simon!

simon! — Fri, 09 Oct 2009 15:09:47 +0000

See: http://www.knoppix.org/ (or http://www.knopper.net/knoppix/)

JavaScript code:

http://www.knopper.net/style/infobox.js
+++=========>click here to go down

//
// Bubblehelp infoboxes, (C) 2007 Klaus Knopper <infobox>
// You can copy/modify and distribute this code under the conditions
// of the GNU GENERAL PUBLIC LICENSE Version 2.
//
var IWIDTH=250  // Tip box width
var ns4         // Are we using Netscape4?
var ie4         // Are we using Internet Explorer Version 4?
var ie5         // Are we using Internet Explorer Version 5 and up?
var kon         // Are we using KDE Konqueror?
var x,y,winW,winH  // Current help position and main window size
var idiv=null   // Pointer to infodiv container
var px="px"     // position suffix with "px" in some cases

function nsfix(){setTimeout("window.onresize = rebrowse", 2000);}

function rebrowse(){window.location.reload();}

function hascss(){ return gettip('infodiv')?true:false }

function infoinit(){
 ns4=(document.layers)?true:false, ie4=(document.all)?true:false;
 ie5=((ie4)&&((navigator.userAgent.indexOf('MSIE 5')>0)||(navigator.userAgent.indexOf('MSIE 6')>0)))?true:false;
 kon=(navigator.userAgent.indexOf('konqueror')>0)?true:false;
 x=0;y=0;winW=800;winH=600;
 idiv=null;
 document.onmousemove = mousemove;
 if(ns4&&document.captureEvents) document.captureEvents(Event.MOUSEMOVE);
 // Workaround for just another netscape bug: Fix browser confusion on resize
 // obviously conqueror has a similar problem :-(
 if(ns4||kon){ nsfix() }
 if(ns4) { px=""; }
}

function untip(){
 if(idiv) idiv.visibility=ns4?"hide":"hidden";
 idiv=null;
}

function gettip(name){return (document.layers&&document.layers[name])?document.layers[name]:(document.all&&document.all[name]&&document.all[name].style)?document.all[name].style:document[name]?document[name]:(document.getElementById(name)?document.getElementById(name).style:0);}

// Prepare tip boxes, but don't show them yet
function maketip(name,title,text){
 if(hascss()) document.write('<font>'+title+'</font>
<font>'+text+'</font>'+"\n");
}

function tip(name){
 if(hascss()){
  if(idiv) untip();
  idiv=gettip(name);
  if(idiv){
   // winW=(window.innerWidth)? window.innerWidth+window.pageXOffset-16:document.body.offsetWidth-20;
   // winH=(window.innerHeight)?window.innerHeight+window.pageYOffset  :document.body.offsetHeight;
   // IE standards compliant mode compatibility partly contributed by Stefan Neufeind
   winW=(window.innerWidth)? window.innerWidth+window.pageXOffset-16:(document.documentElement&&document.documentElement.clientWidth)?document.documentElement.clientWidth-20:document.body.offsetWidth-20;
   winH=(window.innerHeight)?window.innerHeight+window.pageYOffset  :(document.documentElement&&document.documentElement.clientHeight)?document.documentElement.clientHeight:document.body.offsetHeight;
   if(x<=0||y<=0){ // konqueror can't get mouse position
    x=(winW-IWIDTH)/2+(window.pageXOffset?window.pageXOffset:0); y=(winH-50)/2+(window.pageYOffset?window.pageYOffset:0); // middle of window
   }
   showtip();
  }
 }
}

function showtip(){
  idiv.left=(((x+260)<winw><winh>

The CSS file (below) is not really needed, but when you block it, all the text in the tooltip is "text-align:center"

http://www.knopper.net/style/style.css

BODY          {font-family:Helvetica,Arial,sans-serif; background-color:white; color:black; text-align:justify}
TD            {font-family:Helvetica,Arial,sans-serif}
.clean        {font-family:Helvetica,Arial,sans-serif}
.tip          {font-family:Helvetica,Arial,sans-serif; position:absolute; left:0px; top:0px; visibility:hidden; z-index:20}
TD.tiptd      {border-bottom:1px solid #333366; border-top:1px solid #DDDDEE; border-left:1px solid #DDDDEE; border-right:1px solid #333366; padding:2px; font-family:Helvetica,Arial,sans-serif}
A:link        {font-family:Helvetica,Arial,sans-serif; color:#6060ff; text-decoration:none; font-weight:bold}
A:visited     {font-family:Helvetica,Arial,sans-serif; color:#6060a0; text-decoration:none; font-weight:bold}
A:active      {font-family:Helvetica,Arial,sans-serif; color:#6060f0; text-decoration:none; font-weight:bold}
A:hover       {font-family:Helvetica,Arial,sans-serif; background-color:#DDEEFF; color:#6060f0; text-decoration:none; font-weight:bold}
SPAN.nav      {font-family:Helvetica,Arial,sans-serif; color:#000000; text-decoration:none; font-size:small; font-weight:bold}
SPAN.subnav   {font-family:Helvetica,Arial,sans-serif; color:#000000; text-decoration:none; font-size:x-small; font-weight:bold}
A.nav:link    {font-family:Helvetica,Arial,sans-serif; color:#4040ff; text-decoration:none; font-size:small; font-weight:normal}
A.nav:visited {font-family:Helvetica,Arial,sans-serif; color:#4040a0; text-decoration:none; font-size:small; font-weight:normal}
A.nav:active  {font-family:Helvetica,Arial,sans-serif; color:#4040f0; text-decoration:none; font-size:small; font-weight:normal}
A.subnav:link    {font-family:Helvetica,Arial,sans-serif; color:#4040ff; text-decoration:none; font-size:x-small; font-weight:normal}
A.subnav:visited {font-family:Helvetica,Arial,sans-serif; color:#4040a0; text-decoration:none; font-size:x-small; font-weight:normal}
A.subnav:active  {font-family:Helvetica,Arial,sans-serif; color:#4040f0; text-decoration:none; font-size:x-small; font-weight:normal}
TABLE.nav     {padding:0px; font-family:Helvetica,Arial,sans-serif; text-decoration:none; font-weight:normal}
TABLE.subnav  {padding:0px; font-family:Helvetica,Arial,sans-serif; text-decoration:none; font-size:small; font-weight:normal}
TH.nav        {border-bottom:1px solid #333366; border-top:1px solid #DDDDEE; border-left:1px solid #DDDDEE; border-right:1px solid #333366; padding:0px; font-family:Helvetica,Arial,sans-serif; text-decoration:none; font-weight:normal}
TH.hnav       {border-bottom:1px solid #CCCCCC; border-top:1px solid #DDDDEE; border-left:1px solid #DDDDEE; border-right:1px solid #333366; padding:0px; font-family:Helvetica,Arial,sans-serif; text-decoration:none; font-weight:normal}
TH.subnav     {border-bottom:1px solid #333366; border-top:1px solid #DDDDDD; border-left:1px solid #DDDDEE; border-right:1px solid #333366; padding:0px; font-family:Helvetica,Arial,sans-serif; text-decoration:none; font-size:small; font-weight:normal}
TD.nav        {border-bottom:1px solid #333366; border-top:1px solid #DDDDEE; border-left:1px solid #DDDDEE; border-right:1px solid #333366; padding:0px; font-family:Helvetica,Arial,sans-serif; text-decoration:none; font-weight:normal}
TD.hnav       {border-bottom:1px solid #EEEEEE; border-top:1px solid #DDDDEE; border-left:1px solid #DDDDEE; border-right:1px solid #333366; padding:0px; font-family:Helvetica,Arial,sans-serif; text-decoration:none; font-weight:normal}
TD.subnav     {border-bottom:1px solid #333366; border-top:1px solid #EEEEEE; border-left:1px solid #DDDDEE; border-right:1px solid #333366; padding:0px; font-family:Helvetica,Arial,sans-serif; text-decoration:none; font-size:small; font-weight:normal}
SPAN.ptt      {font-family:Helvetica,Arial,sans-serif; font-size:small; font-weight:bold; color:white; text-align:center}
SPAN.pst      {font-family:Helvetica,Arial,sans-serif; font-size:small; font-weight:normal; color:black; text-align:left}
UL.pst        {font-family:Helvetica,Arial,sans-serif; font-size:small; font-weight:normal; color:black; text-align:left}

see more: http://www.knopper.net/style/

Tooltip position, replied by simon!

simon! — Sun, 09 Aug 2009 09:22:54 +0000

there was no conflict of any kind with the default position then and now, but the new position configuration dialog (for me "To the left + Above") option is very comfortable to me, especially when reading articles :)

Thank You IzzySoft for posting the suggestion and Thank You to Eyal for adding this new ability to the script.

Font definition?, replied by simon!

simon! — Sun, 09 Aug 2009 09:14:14 +0000

hhhmm... talking about enhancing tooltip...

http://www.darknet.org.uk/wp-content/themes/tonus/plugins/fancytooltips/

SELECTING - one word or more., replied by simon!

simon! — Sun, 09 Aug 2009 09:10:14 +0000

So far it is working wonderful.
I'll post (accurate) suggestions in a month or two.

Thank you very much, Eyal.

SELECTING - one word or more., replied by simon!

simon! — Sat, 08 Aug 2009 01:29:26 +0000

Whoops! pretty long time, sorry.

I'm trying it now and it's not perfect - pretty frustrating... maybe.

I'll write down my issues as soon as I can.

Thank you so much for your attention.

SELECTING - one word or more., replied by Eyal Soha

Eyal Soha — Wed, 01 Jul 2009 14:44:09 +0000

I added some options for you. There are now 4 ways to activate HTT:

Hover - let the mouse sit over a word and we will look it up. The time until lookup is configurable
Click - click on a word and get the translation.
Highlight - Select a word or phrase with the mouse.
Press a keyboard button - If a phrase is highlighted, that phrase is translated. Otherwise the word under the cursor is translated.

It's brand-new so there might still be bugs. If you find any, let me know.

Font definition?, replied by Eyal Soha

Eyal Soha — Wed, 01 Jul 2009 08:55:34 +0000

Consider using the Mozilla add-in "Stylish" to add a global user style. I'd like to keep the styles separate from the code, that way the style of the tooltip is the default font for the user.

Font definition?, replied by IzzySoft

IzzySoft — Mon, 08 Jun 2009 17:58:31 +0000

Great the tooltip position is configurable now - works fantastic! Now I'm just left with a simple issue: While the font used on Windows system is well readable, this does not apply to the one used on Linux. Maybe an issue of browser configuration, don't know - but it would be superb if the font could (optionally) be overridden. To me it looks like this is working fine:

div.HTTtooltip span { font-family: Arial, FreeSans, sans-serif !important; }

Though it's still not the best selection

SELECTING - one word or more., replied by simon!

simon! — Thu, 28 May 2009 17:35:20 +0000

דרך אגב, חג שמח

SELECTING - one word or more., replied by simon!

simon! — Thu, 28 May 2009 17:23:51 +0000

I don't want it to popup (or pop up) when I don't need it to, it would be nice to click on a word when I'll really going to need it. and I also can't translate a phrase (more than one word) like: strictly speaking, of course etc.

if you need some code for the clicking thing... Page_Bookmarker (btw, I tried with no success, but, ~~I'm probably~~ apparently, I'm doing something wrong).

Tooltip position, replied by IzzySoft

IzzySoft — Wed, 13 May 2009 16:23:55 +0000

Eyal, could you make the tooltip opening above the word? Otherwise it collides with the translation tooltip from the Google toolbar (translating the word under the cursor from foreign language to yours). I'd like to have both

putting script on page, replied by Eyal Soha

Eyal Soha — Fri, 17 Apr 2009 22:34:52 +0000

Looks like cross-site XMLHttpRequest might be supported in Firefox 3.5 and onwards, but I don't know if that will help you with Opera and Safari, etc.

The best route would be to install a small script on your server, maybe written in perl, that can fetch translations. You still need to use XMLHttpRequests, but then they won't be cross-site. I imagine that all modern browsers support XMLHttpRequest by now.

putting script on page, replied by benleevolk

benleevolk — Tue, 17 Feb 2009 08:04:43 +0000

As far as I know, security restrictions will deny any xmlhttprequests you will try to make to different domains, if your script is simply running from a web page and not from the chrome environment, so I don't really see how it's possible to enable this script for a single web page.

putting script on page, replied by Ben Fleischer

Ben Fleischer — Fri, 06 Feb 2009 15:40:37 +0000

I want to just stick this script on a page but see that it calls two gm functions, GM_log and GM-xmlhttprequest. Without uploading the whole greasemonkey.jar archive I was wondering if you had an alternative xmlhttprequest function that may work. e.g. I have a hebrew blog that I want to have the tooltip appear on for anyone with ff safari or chrome

Archived Comments, replied by Eyal Soha

Eyal Soha — Thu, 13 Nov 2008 10:44:24 +0000

אבנר? למה? לא עובד לך?

Archived Comments, replied by benleevolk

benleevolk — Fri, 17 Oct 2008 07:47:37 +0000

Hi Eyal,
Please take a look at this: http://userscripts.org/scripts/show/35593

Archived Comments, replied by simon!

simon! — Thu, 18 Sep 2008 04:43:08 +0000

אדוני, אייל סוהא

בבקשה צור עימי קשר בהקדם

avner.sss@gmail.com

Archived Comments, replied by Eyal Soha

Eyal Soha — Sun, 04 May 2008 12:03:29 +0000

I was on holiday. I added CityOfSphere's fix. If you have Script Updater, http://userscripts.org/scripts/show/8877 , you should get it automatically very soon.

Archived Comments, replied by CityOfSpheres

CityOfSpheres — Mon, 28 Apr 2008 05:57:57 +0000

Bevakasha :)

Ulay meyutar lehosif she ani geveret :P

Archived Comments, replied by barryoni

barryoni — Sat, 26 Apr 2008 18:34:13 +0000

Gever, ata melech toda raba me'od CityOfSpheres.
You saved us, and because of we love you and truly grateful for that.
10 Millions thanks for you. (-: (-: (-:

Archived Comments, replied by CityOfSpheres

CityOfSpheres — Sat, 26 Apr 2008 11:30:41 +0000

I uploaded the script with the change:
http://userscripts.org/scripts/show/25598

Aliti et ha script im ha shinuy:
http://userscripts.org/scripts/show/25598

Archived Comments, replied by CityOfSpheres

CityOfSpheres — Sat, 26 Apr 2008 10:17:26 +0000

To make this script work with the recent change in the Morfix website, change "tblTrans" to "TableTranslation" in the source. That is,
instead of
startText = responseDetails.responseText.indexOf("tblTrans");
put
startText = responseDetails.responseText.indexOf("TableTranslation");

I also made a copy of http://www.amhaaretz.org/translit/ with a working Morfix button, at
http://bumba.net/~skaya/translit/ahtModified.html

Ha baaya hi lo be Firefox ela be shinuy hadash be Morfix. Efshar laasot she ha script yaavod im Morfix 2.0 - tsarih lehahlif "tblTrans" le "TableTranslation" ba script. Zot omeret,
bimkom ze
startText = responseDetails.responseText.indexOf("tblTrans");
tsarih lasim ze
startText = responseDetails.responseText.indexOf("TableTranslation");

Gam asiti translit kmo http://www.amhaaretz.org/translit/ she shuv oved im Morfix, ze be
http://bumba.net/~skaya/translit/ahtModified.html

Archived Comments, replied by CityOfSpheres

CityOfSpheres — Thu, 24 Apr 2008 03:30:09 +0000

I believe it might be Morfix changing something, not Firefox, because at the same time the "Morfix" button in http://www.amhaaretz.org/translit/ stoppped working, and it's not working in Internet Explorer or Safari either.

Archived Comments, replied by simon!

simon! — Wed, 23 Apr 2008 18:34:19 +0000

כן, רואים שהחבר'ה כאן יודעים אנגלית :)