Problem with several occurence of same ToolTip

Question

For a test form, I am using Dreamweaver CS4 Spry Tooltip Widgets. In this form, I need to have several occurence of a same Tooltip. All works fine. But there is a problem with the W3C validator, which returns the error: id "sprytrigger2" already defined. Any help to help me on that
problem is welcome. Many thanks.
Part of the HTML code (below)
<img src="button.gif" ... id="sprytrigger1">
<img src="button.gif" ... id="sprytrigger2">
<img src="button.gif" ... id="sprytrigger2">
<div class="tooltipContent" id="sprytooltip1">--- GOOD---</div>
<div class="tooltipContent" id="sprytooltip2">--- You are Wrong ---</div>
<script type="text/javascript">
<!--
var sprytooltip1 = new Spry.Widget.Tooltip("sprytooltip1", "#sprytrigger1");
var sprytooltip2 = new Spry.Widget.Tooltip("sprytooltip2", "#sprytrigger2");
//-->
</script>
W3C Validator Error code returned:
id "sprytrigger2" already defined
An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this
attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify
exactly one element).

Answer 1

If you are using true ToolTips, you have a different location for each on your page.
I would not personally worry about the additional variables adding much to your code.
But if you are concerned, and the messages are really all the same, you could do a show/hide and use an absolute positioning:
.ivorycrunch_pu
     position:absolute;
     border: #5b0085 2px solid;
     right: 50px;
     top: 50px;
     width:300px;
     height:300px;
     z-index:1000;
     visibility: hidden;
This particular one is set up to show a background image...a different one for each item (coded in a separate rule)...
<div class="ivorycrunch_pu">
     <h5><a onclick="MM_showHideLayers('ivorycrunch_pu','','hide')">close</a></h5>
</div>
But if you changed this to class="Okay" and altered the style to suit, remembering to make an item with an id of 'Okay' somewhere on your page, this should work, too. Play around with it. I did not customize this for your purpose. Note that I have a 'close' text link. You would put your text in this div, not necessarily as a link, but you would need a link to close it. I think you will need to add this as a behavior, so you get the appropriate javascript on your page.
I didn't work with this long enough to suit your uses, but you should be able to jimmie around with it to make it work. Because the position is set in relation to the div of the 'trigger' text, you might need to have each 'trigger' in its own div.
Personally, I would go the ToolTip route and let Dreamweaver do my positioning for me.
Beth
You might create one ToolTip and then set it up to use a class instead of an ID. Don't know if that would work. B