Log In
HomeThe forums are currently locked and only available for read only access
Textruta (html)
Rom Raptor
Kommer du hit ofta?
Medlem
Forum Posts: 587
Member Since:
October 14, 2002
October 14, 2002
Offline1
September 20, 2003 - 1:46 pm
vill att en textruta kommer upp när jag för musen över en bild. Ungefär som alt-atrributet fast snabbare och helst mer anpassningsbar.
Ogrebeast
Member
Medlem
Forum Posts: 3771
Member Since:
February 21, 2003
February 21, 2003
Offline417300
September 20, 2003 - 3:55 pm
Finns säkert nåt på http://www.javascript.nu
bossse
Nu vet jag hur man gör inlägg!
Medlem
Forum Posts: 47
Member Since:
March 6, 2002
March 6, 2002
Offline417304
September 20, 2003 - 4:02 pm
Tja, då kanske detta kan passa?
<html>
<head>
<title>LänkBeskrivning</title>
<style type="text/css">
<!--
.box1 {
z-index: 1;
padding: 5px;
height: 460px;
width: 350px;
}
.box {
z-index: -1;
padding: 5px;
height: 100px;
width: 200px;
background-color: lightgreen;
border: 3px dotted green;
}
-->
</style>
</head>
<BODY bgcolor=lightblue>
<DIV ID="lanktexten" STYLE="position: relative; visibility: hidden ;"></DIV>
<SCRIPT LANGUAGE="javascript">
html_fore="<TABLE CELLPADDING=3 BORDER=1 CELLSPACING=3><TR><TD STYLE='background-color: orange; font-family: arial, verdana; font-size:8pt; color:blue'>"
html_efter="</TD></TR></TABLE>"
Xled=20
Yled=-30
divnamn="lanktexten";
function visa(txt)
{
if (txt)
{
txt=html_fore+txt+html_efter
if (document.all)
{
document.all[divnamn].innerHTML=txt;
document.all[divnamn].style.visibility="visible";
}
else if (document.layers)
{
document[divnamn].document.open();
document[divnamn].document.write(txt);
document[divnamn].document.close();
document.layers[divnamn].visibility="visible";
} }
else
{
if (document.all)
{
document.all[divnamn].innerHTML="";
document.all[divnamn].style.visibility="hidden";
}
else if (document.layers)
{
document[divnamn].document.open();
document[divnamn].document.write("");
document[divnamn].document.close();
document.layers[divnamn].visibility="hidden";
} } }
if (document.all)
{
document.onmousemove = musen_flyttar;
}
else if (document.layers)
{
window.captureEvents(Event.MOUSEMOVE);
window.onMouseMove = musen_flyttar;
}
var Xmusposition, Ymusposition;
function musen_flyttar(ev)
{
if (document.all)
{
Xmusposition = window.event.x;
Ymusposition = window.event.y;
}
else if (document.layers)
{
Xmusposition = ev.pageX;
Ymusposition = ev.pageY;
}
flytta_lager(divnamn,Xmusposition+Xled,Ymusposition+Yled);
}
function flytta_lager(lagernamn,x,y)
{
if (document.all)
{
document.all[lagernamn].style.left = x+document.body.scrollLeft;
document.all[lagernamn].style.top = y+document.body.scrollTop;
}
else if (document.layers)
{
document.layers[lagernamn].left = x;
document.layers[lagernamn].top = y;
} }
//-->
</SCRIPT>
<p class="box" style="position: absolute; top: 20; left: 5;">
Menade du så här kanske ? </FONT> ');" onMouseOut="visa();">Länk 1
Jag tror nästan det va</FONT> ');" onMouseOut="visa();">Länk 2
Går även bra med en bild <img src=dinbild.gif width=50 height=50></FONT> ');" onMouseOut="visa();"> <img src=dinbild.gif width=30 height=30>
<A HREF="#" onMouseOver="visa('[B]<FONT SIZE=2>Radbrytning går också bra
Va tycker du, Inte så illa va ?
Rutan blir större, ju mer text den innehåller
Anpassningsbar skrev du ju</FONT> ');" onMouseOut="visa();">Länk 4</A>
</body>
</html>
Forum Timezone: Europe/Stockholm
Most Users Ever Online: 694
Currently Online:
Guest(s) 47
Currently Browsing this Page:
1 Guest(s)
1 Guest(s)
Top Posters:
Andreas Galistel: 16287
Jonas Klar: 15897
ilg@dd: 10810
Nyhet: 10607
Mind: 10550
Ctrl: 10355
Gueno: 9881
Guest: 9344
Snorch: 8881
Callister: 8468
Newest Members:
PetrbonFU PetrbonFU
Karine Bembry
Dolores Mcdaniels
Anibal McLeish
Francisca Alt
Alfie Everhart
Lester Huitt
Orlando Jorgensen
Mikki Lundgren
Dakota Kozlowski
Forum Stats:
Groups: 11
Forums: 59
Topics: 146630
Posts: 1300967
Member Stats:
Guest Posters: 2
Members: 79425
Moderators: 0
Admins: 11
Administrators: nordicadmin, Henrik Berntsson, Anton Karmehed, Carl Holmberg, Joel Oscarsson, Mikael Linnér, Mikael Schwartz, Andreas Paulsson, Nickebjrk, Mattias Pettersson, EmxL
© Simple:Press —