24. november 2002 - 11:55
Der er
5 kommentarer
Ang. mouseover... please hjælp
Hej med jer.
Her kommer et spørgsmål der måske er lidt forvirende. Men prøver alligevel at forklare.
Jeg har nogle billeder som jeg bruger som navigation på en side. Koden ser sådan her ud:
<a href="forside.htm" target="main"
onMouseOver="document.images[0].src='billeder/knap.gif';write_text('<p>news</p>')"
onMouseOut="document.images[0].src='billeder/test.jpg';write_text('')"><img
src="billeder/test.jpg" border="0" alt="news"></a>
Som i kan se skal der når man fører musen over billedet komme en tekst frem på skærmen. I eksemplet her skal ordet news komme frem på skærmen når man fører musen over. Der kommer ingen tekst frem, og jeg ved at jeg mangler noget kode i head måske?
Men hvor er det lige jeg skal sætte en eller anden kode ind for at det faktisk kommer frem. Og hvilket koderi er der tale om. Jeg har haft noget kode til det engang, men er kommet til at slette det. Så jeg håber på lidt hjælp herfra.
24. januar 2003 - 17:46
#4
En rigtig godt råd min ven, brug denne kode, den er lavet i javascript og fungerer på samme måde bare meget meget meget mere flydene og hurtigere + scriptet fucker aldrig op!
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
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_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
</head>
<body bgcolor="#000000" onLoad="MM_preloadImages('grafix/bottom_1_try.jpg','grafix/bottom_2_try.jpg','grafix/bottom_3_try.jpg','grafix/bottom_4_try.jpg')">
<center><img src="grafix\front_logo.jpg"></center>
<center><table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="mainsector.php" target="_top" onClick="MM_nbGroup('down','group1','login','grafix/bottom_1_try.jpg',1)" onMouseOver="MM_nbGroup('over','login','grafix/bottom_2_try.jpg','grafix/bottom_2_try.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="grafix/bottom_1_try.jpg" alt="" name="login" width="100" height="50" border="0" onload=""></a></td>
<td><a href="cancel.php" target="_top" onClick="MM_nbGroup('down','group1','cancel','grafix/bottom_3_try.jpg',1)" onMouseOver="MM_nbGroup('over','cancel','grafix/bottom_4_try.jpg','grafix/bottom_4_try.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="grafix/bottom_3_try.jpg" alt="" name="cancel" width="100" height="50" border="0" onload=""></a></td>
</tr>
</table></center>
P.S. HUSK AT LAVE MAPPERNE OM I KODEN SÅ DIT GRAFIK OG FILER BLIVER SAT IND....
17. april 2003 - 02:29
#5
diskodexter >> er dette spm stadigvæk aktivt ...
Hvis ikke, så luk det venligst --- hvis ikke, så vil jeg da gerne hjælpe...:-)