Programalama > JAVA SCRIPT

<script>
//*********************************//
// SoulTip v0.8
//*********************************//
// by Ferruh Mavituna
// ferruh@mavituna.com
// Non-Commercial use Only
//*********************************//
// 25.04.2003
// IE5+ Only
//*********************************//
// sample : <a href="test.htm" help="Go to test page">Look at me !</a>
// For more info http://ferruh.mavituna.com/

//* Customizations;
var divname="soultip";
var divInnername="soultipinner";

//* Fix SoulTip Coordinates
var CoordLeft=10;
var CoordRight=-15;

function fm_findObj(n, d) { //v4.01 MM Find Obj. by Macromedia 
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=fm_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function fm_MXY(XorY){ // Mouse Coords
	var coord = 0;
	XorY=="x"?coord = event.clientX + document.body.scrollLeft:coord = event.clientY + document.body.scrollTop;
	if(coord<0)coord=0;
	return coord;
}
function fm_help(){ // Show-Hide 
	var x = fm_MXY("x"), y = fm_MXY("y");
	var thisObj = fm_findObj(divname);
	thisObj.style.left=x+CoordLeft+"px";
	thisObj.style.top=y+CoordRight+"px";
	
	var desc = window.event.srcElement.help;
	desc!=null?fm_writehelp(desc):thisObj.style.display="none";
}
function fm_writehelp(val){ // Write Tip
	var thisObj = fm_findObj(divname);
	var innerObj = fm_findObj(divInnername);
	innerObj.innerHTML=val;
	thisObj.style.display="block";
}

// Grab mousemove
document.onmousemove=fm_help;
</script>
<style>
#soultip{
	/*Text Alignment left | center | right*/
	text-align:center;
	
	/*Width - Height*/
	width:120px;
	height:50px;
	/*FX*/
	filter:alpha(opacity:80);

	/*Do Not Edit*/
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:999999999;
}

/*Font and Padding*/
#soultipinner{
	padding:5px;
	font-size:10px;
	font-family:"Microsoft Sans Serif",Tahoma, Verdana, Helvetica;
}
</style>
<!--Bu tablo herhangi bir HTML Editörde basitçe özelleştirilebilir, Önemli olan <div id="soultip"></div> içerisinde kalmasıdır-->
<div id="soultip">
  <table border="0" cellpadding="0" cellspacing="0" width="195">
	<tr> 
	  <td><img src="soultipmg/spacer.gif" width="8" height="1" border="0" alt="" /></td>
	  <td><img src="soultipmg/spacer.gif" width="186" height="1" border="0" alt="" /></td>
	  <td><img src="soultipmg/spacer.gif" width="1" height="1" border="0" alt="" /></td>
	  <td><img src="soultipmg/spacer.gif" width="1" height="1" border="0" alt="" /></td>
	</tr>
	<tr> 
	  <td colspan="3"><img src="soultipmg/gup_r1_c1.gif" alt="" width="195" height="1" border="0" /></td>
	  <td><img src="soultipmg/spacer.gif" width="1" height="1" border="0" alt="" /></td>
	</tr>
	<tr> 
	  <td rowspan="2"><img src="soultipmg/gup_r2_c1.gif" alt="" width="8" height="58" border="0" /></td>
	  <td valign="top" bgcolor="#FFFF00" align="center" valign="middle" id="soultipinner"> </td>
	  <td rowspan="2"><img src="soultipmg/gup_r2_c3.gif" alt="" width="1" height="58" border="0" id="gup_r2_c3" /></td>
	  <td><img src="soultipmg/spacer.gif" width="1" height="56" border="0" alt="" /></td>
	</tr>
	<tr> 
	  <td><img src="soultipmg/gup_r3_c2.gif" alt="" width="186" height="2" border="0" /></td>
	  <td><img src="soultipmg/spacer.gif" width="1" height="2" border="0" alt="" /></td>
	</tr>
  </table>
</div>
<!--/SoulTip için Gerekli olanlar-->
Örnek<br />
<a href="http://ferruh.mavituna.com" help="Siteye Gidin">http://ferruh.mavituna.com</a>