Just nu i M3-nätverket
Gå till innehåll

ALT-rutans visningstid


Starre

Rekommendera Poster

Med risk för att inte ställa frågan i rätt forum:

 

När man rör musen över en bild där ALT-text är angiven så dyker ju den lilla gula textrutan upp för att snart försvinna igen.

 

Finns det något sätt ange hur länge rutan ska visas innan den försvinner?

Länk till kommentar
Dela på andra webbplatser

Starre! Rätt forum! :)

 

Det är en inställning som användarens om tittar på hemsidan ställer in själv och alltså inte webmastern på sidan.

Det enda alternativet jag kan tänka mig är en ruta likt den som finns på http://www.jojoxx.net/dhtml/examples/tooltip.html

Här är koden om du vill testa:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Jojoxx.net DHTML</title>
<link rel=stylesheet href="/style.css" type="text/css">
<style type="text/css">
</style>
</head>
<body bgcolor="#ffffff" link="#FFaF00" vlink="#ff6f00" alink="#ff0000" text="#333333">
<br>
<div align="center">
<img src="/images/title_dhtml.gif" width=350 height=75 alt="DHTML" border=0>

<h4>Exempel</h4>
<table border="0" cellpadding="0" cellspacing="0"><tr><td width="600">
<!-- Här börjar exemplet -->
<span id="jxtooltip" style="position:absolute; visibility:hidden;"></span>
<br>
<br>
<a href="http://www.jojoxx.net" onMouseover="tooltip('Besök Jojoxx.net');" onMouseout="tooltip();">Jojoxx.net</a>
<script language="JavaScript">
var Xmouse, Ymouse;
var hidden = true;
var preMessage="<table border=0><tr><td bgcolor='#ffffaa'>";
var postMessage="</td></tr></table>";
function tooltip(message) {
if(message){
	hidden = false;
	if (document.layers){
		with (document["jxtooltip"].document){
			open();
			write(preMessage + message + postMessage);
			close();
		}
	} else if (document.all) {
		document.all["jxtooltip"].innerHTML = preMessage + message + postMessage;
	} else if (document.getElementById){
		jxdocrange = document.createRange();
		jxdocrange.setStartBefore(document.getElementById("jxtooltip"));
		while (document.getElementById("jxtooltip").hasChildNodes()){
			document.getElementById("jxtooltip").removeChild(document.getElementById("jxtooltip").lastChild);
		}
		document.getElementById("jxtooltip").appendChild(jxdocrange.createContextualFragment(preMessage + message + postMessage));
	}
	if (document.all) {
		document.all["jxtooltip"].style.visibility = "visible";
	} else if (document.layers){
		document.layers["jxtooltip"].visibility = "show";
	} else if (document.getElementById){
		document.getElementById("jxtooltip").style.visibility = "visible";
	}
} else {
	hidden = true;
	if (document.all) {
		document.all["jxtooltip"].style.visibility = "hidden";
	} else if (document.layers){
		document.layers["jxtooltip"].visibility = "hide";
	} else if (document.getElementById){
		document.getElementById("jxtooltip").style.visibility = "hidden";
	}
}
}
function MoveHandler(evnt) {
if(document.all) {
	Xmouse = window.event.x + document.body.scrollLeft;
	Ymouse = window.event.y + document.body.scrollTop;
} else if(document.layers||document.getElementById){
	Xmouse = evnt.pageX;
	Ymouse = evnt.pageY;
}
moveLayer("jxtooltip",Xmouse-30,Ymouse+18);
}
function moveLayer(Id,x,y){
if (document.all){
	document.all[id].style.left = x;
	document.all[id].style.top = y;
} else if (document.layers){
	document.layers[id].left = x;
	document.layers[id].top = y;
} else if (document.getElementById){
	document.getElementById(Id).style.left = x+'px';
	document.getElementById(Id).style.top = y+'px';
}
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = MoveHandler;
</script>
<!-- Här slutar exemplet -->
</td></tr></table>

</div>
</body>
</html>

/ Kristoffer

Windows kunde inte hitta något tangentbord. Tryck F1 för att försöka igen eller F2 för att avbryta.

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...