Avatar billede diskodexter Nybegynder
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.
Avatar billede htm Nybegynder
24. november 2002 - 12:29 #1
Hvis du bare ønsker en tekst til at stå over billedet er det ikke nødvendigt med din ommouseover og onmouseout! Der kan du nøjes med alt="news" i dit <img>
Avatar billede callesen Praktikant
24. november 2002 - 12:53 #2
Prøv at erstatte alt="news" med title="news"
Hvad sker der så?
Avatar billede midas_dk Nybegynder
13. december 2002 - 16:17 #3
Prøv med document.write i stedet for write_text
Avatar billede mgn_online Nybegynder
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....
Avatar billede bearhugx Nybegynder
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...:-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester