HighDots Forums  

JavaScript DHTML Tooltip Problem: breaks

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)


Discuss JavaScript DHTML Tooltip Problem: breaks in the Macromedia Dreamweaver forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Dan Hopper
 
Posts: n/a

Default JavaScript DHTML Tooltip Problem: breaks - 11-15-2004 , 07:50 PM






I found a JavaScript 'tooltip-like' solution that is supposed to work in all
browsers. Trying to adapt it to my page.

The 'tooltip' works first time (Explorer) then breaks. Seems to work
reliably in Netscape and Safari.

It is at:
http://www.hoppernet.info/scriptester.htm

I am not skilful enough to find and repair the problem.

Can someone please look at the code and help?

Dan H.

PS
I searched MM site for 'tooltip' help. Found one that uses the IE tooltip
capability but it doesn't work in other browsers.

Seems that this would be an excellent cross-browser 'behaviour' for a tool
builder to develop.


Reply With Quote
  #2  
Old   
Murray *TMM*
 
Posts: n/a

Default Re: JavaScript DHTML Tooltip Problem: breaks - 11-15-2004 , 08:28 PM






Bob:

I am assuming it is functional in IE5x/Mac? At one time, Eric had said he
was not interested in supporting the Mac....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Robert E Boughner" <reboughner (AT) widomaker (DOT) com> wrote

Quote:
Dan Hopper wrote:
I found a JavaScript 'tooltip-like' solution that is supposed to work in
all
browsers. Trying to adapt it to my page.

The 'tooltip' works first time (Explorer) then breaks. Seems to work
reliably in Netscape and Safari.

It is at:
http://www.hoppernet.info/scriptester.htm

I am not skilful enough to find and repair the problem.

Can someone please look at the code and help?

Dan H.

PS
I searched MM site for 'tooltip' help. Found one that uses the IE tooltip
capability but it doesn't work in other browsers.

Seems that this would be an excellent cross-browser 'behaviour' for a
tool
builder to develop.

Take a look at overLIB (http://www.bosrup.com/web/overlib/), which is a
'tooltip' like utility. As a co-developer of this utility, I know that it
will work in the following browsers: Netscape 4.x (not all features),
Netscape 6+, Mozilla 1.7+, FireFox 1.0, Opera 7.54, Safari, and IE4+. I
believe that it will also work in Konqueror too but I can't verify that.
To see how others are using it monitor
http://groups.yahoo.com/group/overlib/

Bob Boughner



Reply With Quote
  #3  
Old   
Robert E Boughner
 
Posts: n/a

Default Re: JavaScript DHTML Tooltip Problem: breaks - 11-15-2004 , 08:29 PM



Dan Hopper wrote:
Quote:
I found a JavaScript 'tooltip-like' solution that is supposed to work in all
browsers. Trying to adapt it to my page.

The 'tooltip' works first time (Explorer) then breaks. Seems to work
reliably in Netscape and Safari.

It is at:
http://www.hoppernet.info/scriptester.htm

I am not skilful enough to find and repair the problem.

Can someone please look at the code and help?

Dan H.

PS
I searched MM site for 'tooltip' help. Found one that uses the IE tooltip
capability but it doesn't work in other browsers.

Seems that this would be an excellent cross-browser 'behaviour' for a tool
builder to develop.

Take a look at overLIB (http://www.bosrup.com/web/overlib/), which is a
'tooltip' like utility. As a co-developer of this utility, I know that
it will work in the following browsers: Netscape 4.x (not all
features), Netscape 6+, Mozilla 1.7+, FireFox 1.0, Opera 7.54, Safari,
and IE4+. I believe that it will also work in Konqueror too but I can't
verify that. To see how others are using it monitor
http://groups.yahoo.com/group/overlib/

Bob Boughner


Reply With Quote
  #4  
Old   
Robert E Boughner
 
Posts: n/a

Default Re: JavaScript DHTML Tooltip Problem: breaks - 11-15-2004 , 08:32 PM



Dan Hopper wrote:

Quote:
I found a JavaScript 'tooltip-like' solution that is supposed to work in all
browsers. Trying to adapt it to my page.

The 'tooltip' works first time (Explorer) then breaks. Seems to work
reliably in Netscape and Safari.

It is at:
http://www.hoppernet.info/scriptester.htm

I am not skilful enough to find and repair the problem.

Can someone please look at the code and help?

Dan H.

PS
I searched MM site for 'tooltip' help. Found one that uses the IE tooltip
capability but it doesn't work in other browsers.

Seems that this would be an excellent cross-browser 'behaviour' for a tool
builder to develop.

I forgot to mention that I have a Dreamweaver extension for overLIB
which makes insertion of the necessary code very easy. Check out
http://overlib.boughner.us/Dreamweaver/ The email address has an overLIB
tooltip attached to it.

Bob Boughner


Reply With Quote
  #5  
Old   
Michael Fesser
 
Posts: n/a

Default Re: JavaScript DHTML Tooltip Problem: breaks - 11-15-2004 , 09:11 PM



.oO(Robert E Boughner)

Quote:
Take a look at overLIB (http://www.bosrup.com/web/overlib/), which is a
'tooltip' like utility.
And a real heavy-weight. More than 40k just for tooltips ...

Micha


Reply With Quote
  #6  
Old   
Kindler Chase
 
Posts: n/a

Default Re: JavaScript DHTML Tooltip Problem: breaks - 11-16-2004 , 02:04 AM



Dan Hopper wrote:
Quote:
I found a JavaScript 'tooltip-like' solution that is supposed to work
in all browsers. Trying to adapt it to my page.
snip
PS
I searched MM site for 'tooltip' help. Found one that uses the IE
tooltip capability but it doesn't work in other browsers.

Seems that this would be an excellent cross-browser 'behaviour' for a
tool builder to develop.
Trent over at 4Level has already developed such an extension
http://www.fourlevel.com

--
kindler chase
http://www.ncubed.com
Home of SuperInvoice: The Online Invoicing Application.
Organize your billing process and impress your clients.

news://news.ncubed.com/support
n3 Support Group




Reply With Quote
  #7  
Old   
Leandro_Brazil
 
Posts: n/a

Default Re: JavaScript DHTML Tooltip Problem: breaks - 11-16-2004 , 05:07 AM



Seriously I prefer to do a tooltip using CSS, is better thinking about time,
weight and more.

example.

your menu is inside a div sou in this div you place this declaration: div:
position: relative;

the tooltip is stay inside the tag span

<a href="#">Home<span>the tooltip works here</span></a>

div a span {display: none}

div a:hover span {position: absolute; top: 0; right: 150px; widht: 150px;,
background-color: #000; color: #fff; border: 2px solid #fff}

is that

I think its better


Reply With Quote
  #8  
Old   
Murray *TMM*
 
Posts: n/a

Default Re: JavaScript DHTML Tooltip Problem: breaks - 11-16-2004 , 07:28 AM



div a:hover span {position: absolute; top: 0; right: 150px; width: 150px;
background-color: #000; color: #fff; border: 2px solid #fff; display:block;}

I believe this would work better.


--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Leandro_Brazil" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:
Seriously I prefer to do a tooltip using CSS, is better thinking about
time,
weight and more.

example.

your menu is inside a div sou in this div you place this declaration: div:
position: relative;

the tooltip is stay inside the tag span

a href="#">Home<span>the tooltip works here</span></a

div a span {display: none}

div a:hover span {position: absolute; top: 0; right: 150px; widht: 150px;,
background-color: #000; color: #fff; border: 2px solid #fff}

is that

I think its better




Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.