Js tooltip su campo input
Ciao cercando in giro ho trovato questo codice lo modificato un po ma vorrei aggiungere delle cose ma non so come posso fare sapete darmi una mano....
Codice:
Codice PHP:
<style type="text/css">
body{
color: #FFFFFF;
background: #000000;
}
#fumetto{
display: block;
position: absolute;
top: 20px;
left: 150px;
color: #000000;
border: solid 1px #7FFF00;
background: #EEEEEE 80px 10px;
}
</style>
<script type="text/javascript">
function tooltip(){
var span = document.getElementsByTagName("span");
for(var i = 0; i <= span.length - 1; i++) {
var testo = span[i].getAttribute("title");
if(!(testo == "" || testo == null)){
span[i].removeAttribute("title");
span[i].style.position = "relative";
var tooltip = document.createElement("div");
tooltip.id = "fumetto";
tooltip.style.display = "none";
tooltip.appendChild(document.createTextNode(testo));
tooltip.innerHTML = testo;
span[i].appendChild(tooltip);
span[i].onmouseover = function() {
this.style.zIndex = "50";
this.getElementsByTagName("div")[0].style.display = "block";
var sx = this.clientX+document.documentElement.scrollLeft;
var sy = this.clientY+document.documentElement.scrollTop;
this.style.top = (sx+100)+"px";
this.style.left = (sy-20)+"px";
}
span[i].onmouseout = function(){
this.getElementsByTagName("div")[0].style.display = "none";
}}}}
window.onload = tooltip;
</script>
</head>
<body>
<span title="ciao" id="tooltip"><input type="text" name="name"></span>
<br>
<span title="ciao0" id="tooltip"><input type="text" name="name"></span>
passando su un campo input deve comparire un tooltip....
1)il campo input deve essere contenuto dentro span pero deve avere id uguale ad tooltip
2)invece di creare un div pensavo ad una cosa del genere
tipo
var tooltip= '<div id="fumetto">'+testo+'</div>';
3)il testo lo prende dal campo title di span...
