image w/description tooltip v2.0 trouble

**Tempest** · 12-21-2010, 06:51 AM

1) Script Title: Image w/description tooltip v2.0

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...agetooltip.htm

3) Describe problem: I am not having much luck getting it to work. You can see it on the page im using it here http://sordidsecrets.proboards.com/i...oard=caruspack I want it to hover over members names and show a little info and an icon but Im not sure what I am doing wrong.

**jscheuer1** · 12-21-2010, 05:24 PM

It's missing (from Step 1 on the demo page):

Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<link rel="stylesheet" type="text/css" href="ddimgtooltip.css" />

Also, I see that it has the main script internal, it would probably be best to keep it external.

There could also be other problems.

Try removing all that you do have and going back to the demo page and following the step by step instructions found there.

**Tempest** · 12-21-2010, 07:11 PM

Oh I forgot that Lol wow also I cant really host those files myself so I was trying to put them on the actual page. Sorry, Im really knew to all of this.

**jscheuer1** · 12-21-2010, 07:55 PM

Well, the:

Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

is remote hosted, so you should be able to use that. The css file can go on the page as a style section.

**Tempest** · 12-21-2010, 09:47 PM

Yeah I have that part on the page I believe, its the other part that actually modifys the tooltip part that I have on the page. I dont know what else is missing in it

**jscheuer1** · 12-22-2010, 11:12 AM

Here on the page:

Code:

 . . . rofile">profile</a> » <a href="/index.cgi?action=logout">logout</a> » <a href="/index.cgi?action=login">login</a> » <a href="/index.cgi?action=register">register</a></center></div></div>
</td></tr></table>

<br><br>




<br/><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<link rel="stylesheet" type="text/css" href="ddimgtooltip.css" />


<script type="text/javascript">
<!--

/***********************************************
* Image w/ description tooltip v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

/* Image w/ description tooltip v2.0
* Created: April 23rd, 2010. This notice must stay intact for usage
* Author: Dynamic Drive at [url]http://www.d . . .

That highlighted line points to a file sordidsecrets.proboards.com/ddimgtooltip.css which is a 404 Not Found. Either upload that file (you can get a copy from the demo page if you don't already have it) to that folder, or put its rules in one of the existing on page stylesheets, like here (addition highlighted):

Code:

 . . . itlebg { background-color: #1d1e21; font-style: normal; font-weight: bold; font-size: 12px; color: #565658; }
.catbg        { background-color: #111111; color: #d2d2d2; font-weight: bold; font-size: 13px; ; }
.hr           { color: #565658; background-color: #565658;}
.bordercolor  { background-color: #1d1e21; }
.quote        { font-size: 10px; color: #565658; background-color: #141414; }
.code         { font-size: 10px; font-family: Courier New; color: #565658; background-color: #141414; }
.menubg       { }
#pagedropmenu {border: 1px solid #1d1e21; background-color: #141414; font-family: Verdana; font-size: 11px; padding: 5px; text-align: center;}
.newstitlebg      { background-color: #111111; font-style: normal; font-weight: bold; font-size: 12px; color: #565658; }
.ddimgtooltip{
box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 5px #818181;
-moz-box-shadow: 3px 3px 5px #818181;
display:none;
position:absolute;
border:1px solid black;
background:white;
color: black;
z-index:2000;
padding: 4px;
}
 --></style>
</head>
<body text="565658" bgcolor="0f0f0f" link="6997a4" vlink="6997a4" alink="6997a4">

<br />
<table width="92%" cellspacing="1" cellp . . .

**Tempest** · 12-22-2010, 05:42 PM

Okay Ill put that CSS part in the stylesheet, but is there a way I can put the .js file directly on the page? Proboards, the host forum, does not let you upload files like that sadly. Do you know if I can put more than one image on one tooltip? Just wondering on that, thanks again!

edit: Oh wait that worked! Thank you so much! I really appreciate your help!

Thread: image w/description tooltip v2.0 trouble

Thread Tools

Search Thread

image w/description tooltip v2.0 trouble

Bookmarks

Bookmarks

Posting Permissions