Alaska Software Inc. - HTML technique
Username: Password:
AuthorTopic: HTML technique
Bruce AndersonHTML technique
on Sun, 21 Aug 2005 19:01:05 -0500
I want to produce this effect on an HTML page: when the user rolls his mouse 
over an image, a window or a dialog box containing several sentences opens, 
and then closes when the mouse is moved off the image.  There must be a name 
for this technique, but I don't know it, and so I don't know what to look up 
to learn how to do it.  Any suggestions.  I'm trying to do this without 
creating a window that the user must manually close.  I have learned that 
63.8% of being smart is just knowing the name.  The rest is library 
research.

Thank you,
Bruce Anderson
Houston, TX
James Loughner Re: HTML technique
on Mon, 22 Aug 2005 00:28:09 -0400
ONMOUSEOVER

Jim

Bruce Anderson wrote:

> I want to produce this effect on an HTML page: when the user rolls his mouse 
> over an image, a window or a dialog box containing several sentences opens, 
> and then closes when the mouse is moved off the image.  There must be a name 
> for this technique, but I don't know it, and so I don't know what to look up 
> to learn how to do it.  Any suggestions.  I'm trying to do this without 
> creating a window that the user must manually close.  I have learned that 
> 63.8% of being smart is just knowing the name.  The rest is library 
> research.
> 
> Thank you,
> Bruce Anderson
> Houston, TX 
> 
>
Bruce AndersonRe: HTML technique
on Mon, 22 Aug 2005 08:33:30 -0500
"onMouseOver" I know.  In this instance, I need to put up more than a few 
words, and I need them formatted so that things line up vertically, lists of 
numbers, etc. which is more of a separate html document than a terse tip 
line requirement.  Is there a way open a dialog window that will close on 
the subsequent mouse roll off?  I would think I need a handle for the window 
I just opened so that I can direct it to close, but I don't know how to get 
that handle.  Or is there some other way to do this?  But I am experimenting 
as we speak...
Thank you muchly.
Thomas Braun Re: HTML technique
on Mon, 22 Aug 2005 09:32:28 +0200
Bruce Anderson wrote:

> and then closes when the mouse is moved off the image.  There must be a name 
> for this technique, but I don't know it, and so I don't know what to look up 
> to learn how to do it.

James already mentioned one magic word "onmouseover", the second and third
one would be "tooltip window" 

So googl'ing for "onmouseover html tooltip window" should give you more
than enough to read for the next 10 years 

Thomas
Bruce AndersonRe: HTML technique
on Mon, 22 Aug 2005 08:25:40 -0500
> So googl'ing for "onmouseover html tooltip window" should give you more
> than enough to read for the next 10 years 

Joke of the day: One would so think; and one would be wrong...
      Tip: Try removing quotes from your search to get more results.
Your search - "onmouseover html tooltip window" - did not match any 
documents.
Suggestions:
  - Make sure all words are spelled correctly.
  - Try different keywords.
  - Try more general keywords.
Thomas Braun
Re: HTML technique
on Mon, 22 Aug 2005 18:25:51 +0200
On Mon, 22 Aug 2005 08:25:40 -0500, Bruce Anderson wrote:

>> So googl'ing for "onmouseover html tooltip window" should give you more
>> than enough to read for the next 10 years 
>
> Joke of the day: One would so think; and one would be wrong...
>       Tip: Try removing quotes from your search to get more results.

Did I say you have to include the quotes? Naaaahhh, never 

> Your search - "onmouseover html tooltip window" - did not match any
> documents.

Well, you got exactly what you searched for 

Thomas

Xbase++ FAQ : www.software-braun.de/xbasecentral/xbfaq/
Evan Dorn: "Can we just fire the government?!"
Cameron Geddes: "We tried that for a month."
CG: "Didn't work, though."
Phil Ide
Re: HTML technique
on Tue, 23 Aug 2005 17:27:07 +0100
Bruce,

>> So googl'ing for "onmouseover html tooltip window" should give you more
>> than enough to read for the next 10 years 
> 
> Joke of the day: One would so think; and one would be wrong...
>       Tip: Try removing quotes from your search to get more results.
> Your search - "onmouseover html tooltip window" - did not match any 
> documents.
> Suggestions:
>   - Make sure all words are spelled correctly.
>   - Try different keywords.
>   - Try more general keywords.

Tip of the day - search engines understand simple expressions:

A '+' in front of any word ensures it must exist in the document to match.

  +onmouseover +html +tooltip +window

To filter out pages with certain words, prefix thsow ord with '-'

  +onmouseover +html +tooltip +window -freak

Regards,

Phil Ide

*******************************************
*   Xbase++ FAQ, Libraries and Sources:   *
*   goto: http://www.idep.org.uk/xbase    *
* --------------------------------------- *
* www.xodc.org.uk - openSource Dev-Center *
*******************************************

Reality: a crutch for those that don't daydream !
Phil Ide
Re: HTML technique
on Mon, 22 Aug 2005 14:21:58 +0100
Bruce,

> I want to produce this effect on an HTML page: when the user rolls his mouse 
> over an image, a window or a dialog box containing several sentences opens, 
> and then closes when the mouse is moved off the image.  There must be a name 
> for this technique, but I don't know it, and so I don't know what to look up 
> to learn how to do it.  Any suggestions.  I'm trying to do this without 
> creating a window that the user must manually close.  I have learned that 
> 63.8% of being smart is just knowing the name.  The rest is library 
> research.

I've attached a shot of the tooltip I use in my back-end system, which is a
thin-client app using a WAA server.  It uses a fairly simple jscript
library, and you can configure the colours, fonts, title as well text.  It
automatically appears when you cursor over the element you attach the
tooltip to, and disappears when you cursor out of it.  In the shot, the
cursor is actually over the word "Review".

The (XbHAL) code which generates the tip:

CELL align=right 
  DATASEG DIV
  ? 'Review' BOLD ;
  onMouseOver=('tooltipl(tip['+Str(idx++)+']); return true;'),;
  onMouseOut=('nd(); return false;')
  DATASEG CLOSE

The HTML code:

<td align="right"><div style="display:inline" class="black"
 onMouseOver="tooltipl(tip[30]); return true;"
 onMouseOut="nd(); return false;">
 <b>Review</b></div>
</td>                    

The array tip[] is defined earlier in the page, but can be loaded from a
static .js file.

I'd be happy to send you the code if you want it.  I modified it slightly
so I could specifiy whether the tip appears to the left or right of the
cursor.

Regards,

Phil Ide

*******************************************
*   Xbase++ FAQ, Libraries and Sources:   *
*   goto: http://www.idep.org.uk/xbase    *
* --------------------------------------- *
* www.xodc.org.uk - openSource Dev-Center *
*******************************************

Always remember to pillage BEFORE you burn!

htmltooltip.png
Steve WoolstenhulmeRe: HTML technique
on Mon, 22 Aug 2005 18:04:17 -0500
We have a website that shows a map of the USA.  When the user moves his 
mouse across the map it displays the name of the state above the map.  You 
can View Source or if you need additional info feel free to email me.  steve 
at bestaero.com...

http://www.bestaero.com/usmap.asp


"Bruce Anderson" <banderson@graphical-db.com> wrote in message 
news:q2fxcyqpFHA.2944@S15147418...
>I want to produce this effect on an HTML page: when the user rolls his 
>mouse over an image, a window or a dialog box containing several sentences 
>opens, and then closes when the mouse is moved off the image.  There must 
>be a name for this technique, but I don't know it, and so I don't know what 
>to look up to learn how to do it.  Any suggestions.  I'm trying to do this 
>without creating a window that the user must manually close.  I have 
>learned that 63.8% of being smart is just knowing the name.  The rest is 
>library research.
>
> Thank you,
> Bruce Anderson
> Houston, TX
>
James Loughner Re: HTML technique
on Mon, 22 Aug 2005 22:49:01 -0400
You missed my home state West Virginia!!!!


Jim

Steve Woolstenhulme wrote:
> We have a website that shows a map of the USA.  When the user moves his 
> mouse across the map it displays the name of the state above the map.  You 
> can View Source or if you need additional info feel free to email me.  steve 
> at bestaero.com...
> 
> http://www.bestaero.com/usmap.asp
> 
> 
> "Bruce Anderson" <banderson@graphical-db.com> wrote in message 
> news:q2fxcyqpFHA.2944@S15147418...
> 
>>I want to produce this effect on an HTML page: when the user rolls his 
>>mouse over an image, a window or a dialog box containing several sentences 
>>opens, and then closes when the mouse is moved off the image.  There must 
>>be a name for this technique, but I don't know it, and so I don't know what 
>>to look up to learn how to do it.  Any suggestions.  I'm trying to do this 
>>without creating a window that the user must manually close.  I have 
>>learned that 63.8% of being smart is just knowing the name.  The rest is 
>>library research.
>>
>>Thank you,
>>Bruce Anderson
>>Houston, TX
>>
> 
> 
>
Steve WoolstenhulmeRe: HTML technique
on Tue, 23 Aug 2005 16:01:26 -0500
So sorry!  Unfortunately, we do not have a contracted discount fuel location 
in West Virginia.  If the FBO at your local airport would just join the Best 
AeroNet Contract Jet Fuel Network, we would light up the state!

... Steve ...

"James Loughner" <jwrl@charter.net> wrote in message 
news:3ASPf04pFHA.2944@S15147418...
> You missed my home state West Virginia!!!!
>
>
> Jim
>
> Steve Woolstenhulme wrote:
>> We have a website that shows a map of the USA.  When the user moves his 
>> mouse across the map it displays the name of the state above the map. 
>> You can View Source or if you need additional info feel free to email me. 
>> steve at bestaero.com...
>>
>> http://www.bestaero.com/usmap.asp
>>
>>
>> "Bruce Anderson" <banderson@graphical-db.com> wrote in message 
>> news:q2fxcyqpFHA.2944@S15147418...
>>
>>>I want to produce this effect on an HTML page: when the user rolls his 
>>>mouse over an image, a window or a dialog box containing several 
>>>sentences opens, and then closes when the mouse is moved off the image. 
>>>There must be a name for this technique, but I don't know it, and so I 
>>>don't know what to look up to learn how to do it.  Any suggestions.  I'm 
>>>trying to do this without creating a window that the user must manually 
>>>close.  I have learned that 63.8% of being smart is just knowing the 
>>>name.  The rest is library research.
>>>
>>>Thank you,
>>>Bruce Anderson
>>>Houston, TX
>>>
>>
>>
Bruce AndersonRe: HTML technique
on Fri, 26 Aug 2005 12:45:35 -0500
This is what I came up with.  It is a sample html page I made as part of a 
proposal.  The project is to digest the data from questionnaires regarding 
how expatriate oil field workers are compensated.  It is lots and lots of 
boring statistics.  The last time this was done, the summary was 170 pages 
of tables.  Snore.  The issue is to come up with a way to let the user look 
at things that interest him quickly and cleanly.

What I will do is produce the html code from the analysis program, i.e., let 
the program write the report using a new technique.
Thanks for the help and insights.
Bruce Anderson 




test_display.zip
Phil Ide
Re: HTML technique
on Tue, 30 Aug 2005 12:39:02 +0100
Bruce,

> This is what I came up with.  It is a sample html page I made as part of a 
> proposal.  The project is to digest the data from questionnaires regarding 
> how expatriate oil field workers are compensated.  It is lots and lots of 
> boring statistics.  The last time this was done, the summary was 170 pages 
> of tables.  Snore.  The issue is to come up with a way to let the user look 
> at things that interest him quickly and cleanly.

Excellent!

Regards,

Phil Ide

*******************************************
*   Xbase++ FAQ, Libraries and Sources:   *
*   goto: http://www.idep.org.uk/xbase    *
* --------------------------------------- *
* www.xodc.org.uk - openSource Dev-Center *
*******************************************

Computer users take more strokes.