PDA

View Full Version : 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/dynamicindex4/imagetooltip.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/index.cgi?board=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):


<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:


<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:


. . . 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):


. . . 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!