Ok like a true newbie I edited the following javascript code without saving it and now the images will not load in the tooltip when you move over the persons name. The text in the code that is in red is what I edited and I did change the names to NameHere. I am very new at JavaScript so any help with this is appreciated.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
<html>
<head>
<title>Any Title</title>
<script type="text/javascript">
var origWidth, origHeight;
var messages = [];
messages['Name Here'] = ["NameHere.jpg","Ryan Kosko <br>Birthday: 1/13"];
messages['Name Here'] = ["NameHere.jpg","Larry Pedigo <br>Birthday: 10/22"];
messages['me'] = ["4mos.jpg","Me at 4 months old.<br>Birthday: 9/23"];
// ************** DO NOT EDIT BELOW THIS LINE ****************
var currMonth = new Date().getMonth()+1;
var midWindowWidth = 0;
var midWindowHeight = 0;
var msgWidth = 0;
var msgHeight = 0;
var nContainer = "";
var IE = false;
if (navigator.appName == 'Microsoft Internet Explorer'){IE = true}
function stayHome(m){
if (IE)
{
var currX = event.clientX;
var currY = event.clientY;
}
else {
var currX = m.pageX;
var currY = m.pageY;
}
if (document.documentElement)
{
var sL = document.documentElement.scrollLeft;
var sT = document.documentElement.scrollTop;
}
else {
var sL = document.body.scrollLeft;
var sT = document.body.scrollTop;
}
if (currX > midWindowWidth)
{
if (IE){nContainer.style.left = Number(currX - msgWidth - 10 + sL) + 'px'}
else {nContainer.style.left = Number(currX - msgWidth - 10) + 'px'}
}
else {
if (IE){nContainer.style.left = Number(currX + 10 + sL) + 'px'}
else {nContainer.style.left = Number(currX + 10) + 'px'}
}
if (IE && currY >= midWindowHeight)
{
nContainer.style.top = Number(currY + sT - msgHeight) + 'px';
}
if (IE && currY < midWindowHeight)
{
nContainer.style.top = Number(currY + sT) + 'px'
}
if (!IE && currY - sT >= midWindowHeight)
{
nContainer.style.top = Number(currY - msgHeight) + 'px';
}
if (!IE && currY - sT < midWindowHeight)
{
nContainer.style.top = currY + 'px';
}
}
function hideImage(){
while (nContainer.lastChild)
{nContainer.removeChild(nContainer.lastChild)}
document.getElementById('isFloat').style.display = 'none';
}
function showImage(isImg,currCaption,currItem){
document.getElementById('isFloat').style.display = '';
var nIMG = document.createElement('img');
nContainer.appendChild(nIMG);
nIMG.setAttribute('src',isImg);
nIMG.setAttribute('origWidth',origWidth);
nIMG.setAttribute('origHeight',origHeight);
var nCaption = document.createElement('div');
var birthMonth = currCaption.substring(currCaption.lastIndexOf('/'),currCaption.lastIndexOf('/')-2);
if (birthMonth == currMonth)
{
nCaption.style.backgroundColor = '#ff69b4';
}
else {
nCaption.style.backgroundColor = '#eae3c6';
}
nCaption.style.textAlign = "center";
nCaption.style.padding = '5px';
nCaption.style.color = '#000000';
nCaption.style.fontSize = '10pt';
nContainer.appendChild(nCaption);
nCaption.innerHTML = currCaption;
currItem.onmouseout = hideImage;
msgWidth = nContainer.clientWidth;
msgHeight = nContainer.clientHeight;
}
function getMidWindow(){
if (document.documentElement)
{
midWindowWidth = Math.round(document.documentElement.clientWidth/2);
midWindowHeight = Math.round(document.documentElement.clientHeight/2);
}
else {
midWindowWidth = Math.round(document.body.clientWidth/2);
midWindowHeight = Math.round(document.body.clientHeight/2);
}
}
function initFloatImg(){
var nBody = document.getElementsByTagName('body')[0];
var nDiv = document.createElement('div');
nDiv.id = "isFloat";
nDiv.style.position = "absolute";
nDiv.style.top = "0px";
nDiv.style.left = "0px";
nDiv.style.border = "1px solid black";
nDiv.style.padding = "5px";
nDiv.style.backgroundColor = "#ffff00"
nBody.appendChild(nDiv);
nContainer = document.getElementById('isFloat');
hideImage();
if (IE){document.onmousemove = stayHome;}
else {addEventListener("mousemove",stayHome,false);}
getMidWindow();
var nMembers = document.getElementsByName('deptMember');
for (i=0; i<nMembers.length; i++)
{
[COLOR=red] nMembers[i].parentNode.onmouseover = function(){showImage(messages[this.id][0],messages[this.id][1],this)}[/color]
}
}
onload = initFloatImg;
onresize = getMidWindow;
function positionTip(evt) {
if (tooltip&&tipFollowMouse) {
document.onmousemove = trackMouse;
}
// tooltip width and height
var tpWd = (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;
var tpHt = (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;
// document area in view (subtract scrollbar width for ns)
var winWd = (ns5)? window.innerWidth-20+window.pageXOffset: standardbody.clientWidth+standardbody.scrollLeft;
var winHt = (ns5)? window.innerHeight-20+window.pageYOffset: standardbody.clientHeight+standardbody.scrollTop;
// check mouse position against tip and window dimensions
// and position the tooltip
if ((mouseX+offX+tpWd)>winWd)
tipcss.left = mouseX-(tpWd+offX)+"px";
else tipcss.left = mouseX+offX+"px";
if ((mouseY+offY+tpHt)>winHt)
tipcss.top = winHt-(tpHt+offY)+"px";
else tipcss.top = mouseY+offY+"px";
if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);
}
</script>
<style type="text/css">
body {background-color: #f0fff0;}
.memberContainer {width: 125px; margin-left: auto; margin-right: auto; margin-top: 40px;}
.members {font-size: 12pt; font-family: tahoma; color: black; cursor: default; margin-bottom: 8px;}
</style>
</head>
<body>
<div class="memberContainer">
<div id="me" class="members"><input type="hidden" name="deptMember">Me</div>
<div id="name Here" class="members"><input type="hidden" name="deptMember">Name Here</div>
<div id="Name Here" class="members"><input type="hidden" name="deptMember">Name Here</div>
</div>
</body>
</html>