Textruta (html)

Rom Raptor · Post by **Rom Raptor** » 2003-09-20 15:44:58

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.

benjamin · Post by **benjamin** » 2003-09-20 16:54:02

http://www.webdesignskolan.com/

Kolla HTML-delen så står det där.

Rom Raptor · Post by **Rom Raptor** » 2003-09-20 17:02:34

skulle du kunna precisera var den ligger?

Hyde · Post by **Hyde** » 2003-09-20 17:06:32

Testa denna, den brukar funka för mig i både Explorer och Netscape, i övriga browsers vetifan, men det får vi snart veta antar jag.

Code: Select all

<HTML>
<HEAD>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {//reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
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=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</HEAD>
<BODY BGCOLOR="#FFFFFF">

<DIV ID="ruta" style="position:absolute; left:100px; top:84px; width:100px; border: solid 1px; background-color: #FFFFFF; visibility: hidden; ">Innehållet i rutan<DIV>

<A HREF="#" onMOUSEOVER="MM_showHideLayers('ruta','','show')" onMOUSEOUT="MM_showHideLayers('ruta','','hide')"><IMG SRC="xxx.xxx" WIDTH=xxx HEIGHT=xxx BORDER=0></A>

</BODY>
</HTML>

Länk till ett exempel

Rom Raptor · Post by **Rom Raptor** » 2003-09-20 19:12:46

får inte koden att fungera. vad ska jag byta ut förutom länk till bild och bildstorlek?

crossfire · Post by **crossfire** » 2003-09-20 19:36:44

http://www.javascriptkit.com/script/scr ... ltip.shtml

Här är annars ett sätt. Fast detta är för text, men kanske funkar till bild med? Ah kanske någon hjälp.

Rom Raptor · Post by **Rom Raptor** » 2003-09-20 20:42:37

väntar på svar från dude tills vidare

Hyde · Post by **Hyde** » 2003-09-20 20:50:28

Det skall vara allt som behövs ändras.. men jag gjorde som så att jag zippade ner en txtfil med exakt den koden som jag har använt i exemplet så kan du kopiera den istället.

www.2bme.net/ide.zip

Hyde · Post by **Hyde** » 2003-09-20 20:55:12

Kollade som snabbast på den som Crossfire postade och den ser ut att fungera fint med bilder den med.
Lite svårt att veta vilken som passar bäst eftersom man inte riktigt vet hur du hade tänkt dig designen.