Ciao a tutti!
Ho usato questo script per avere il tooltip che si apre per spiegare delle parole nel testo:
**************
<script type="text/javascript">
var mouseX = 0;
var mouseY = 0;
if (document.layers)
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = getCursor;
function getCursor(e) {
if (document.layers) {
mouseX = e.pageX;
mouseY = e.pageY;
}
if (document.all) {
mouseX = event.clientX + document.body.scrollLeft;
mouseY = event.clientY + document.body.scrollTop;
}
return true;
}
function showToolTip(name) {
var tip = getHandle(name);
if (tip.timerID)
clearTimeout(tip.timerID);
tip.left = mouseX-110;
tip.top = mouseY + 20;
if (document.layers)
tip.visibility = "show";
if (document.all)
tip.visibility = "visible";
tip.timerID = setTimeout("hideToolTip('" + name + "')", 40000);
}
function hideToolTip(name) {
var tip = getHandle(name);
if (tip.timerID)
clearTimeout(tip.timerID);
if (document.layers)
tip.visibility = "hide";
if (document.all)
tip.visibility = "hidden";
}
function getHandle(name) {
if (document.layers)
return(document.layers[name]);
if (document.all) {
var block = eval('document.all.' + name + '.style');
return(block);
}
}
</script>
***********************************
Con in riferimento a questo css
*****************************
.commentino{
BORDER:#990000 1px dotted;
PADDING-RIGHT: 4px;
PADDING-LEFT: 4px;
FONT-SIZE: 8pt;
VISIBILITY: hidden;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
POSITION: absolute;
BACKGROUND-COLOR: #FFFFC0;
layer-background-color: #FFFFC0
***************************************
e che viene richiamato con:
<a onMouseOver="showToolTip('comm1')" onMouseOut="hideToolTip('comm1')" href="javascript:void(0);">Leggi</a>
*****************************************
La domanda è questa:
Perchè quando la pagina scorre giù i tooltip che si aprono si posizionano in parti non visibili della pagina?
Grazie
Ho usato questo script per avere il tooltip che si apre per spiegare delle parole nel testo:
**************
<script type="text/javascript">
var mouseX = 0;
var mouseY = 0;
if (document.layers)
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = getCursor;
function getCursor(e) {
if (document.layers) {
mouseX = e.pageX;
mouseY = e.pageY;
}
if (document.all) {
mouseX = event.clientX + document.body.scrollLeft;
mouseY = event.clientY + document.body.scrollTop;
}
return true;
}
function showToolTip(name) {
var tip = getHandle(name);
if (tip.timerID)
clearTimeout(tip.timerID);
tip.left = mouseX-110;
tip.top = mouseY + 20;
if (document.layers)
tip.visibility = "show";
if (document.all)
tip.visibility = "visible";
tip.timerID = setTimeout("hideToolTip('" + name + "')", 40000);
}
function hideToolTip(name) {
var tip = getHandle(name);
if (tip.timerID)
clearTimeout(tip.timerID);
if (document.layers)
tip.visibility = "hide";
if (document.all)
tip.visibility = "hidden";
}
function getHandle(name) {
if (document.layers)
return(document.layers[name]);
if (document.all) {
var block = eval('document.all.' + name + '.style');
return(block);
}
}
</script>
***********************************
Con in riferimento a questo css
*****************************
.commentino{
BORDER:#990000 1px dotted;
PADDING-RIGHT: 4px;
PADDING-LEFT: 4px;
FONT-SIZE: 8pt;
VISIBILITY: hidden;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
POSITION: absolute;
BACKGROUND-COLOR: #FFFFC0;
layer-background-color: #FFFFC0
***************************************
e che viene richiamato con:
<a onMouseOver="showToolTip('comm1')" onMouseOut="hideToolTip('comm1')" href="javascript:void(0);">Leggi</a>
*****************************************
La domanda è questa:
Perchè quando la pagina scorre giù i tooltip che si aprono si posizionano in parti non visibili della pagina?
Grazie