Avatar billede jens_k Nybegynder
27. januar 2003 - 04:48 Der er 4 kommentarer og
3 løsninger

Mouseover på Tekst

Hej

Jeg har denne side :

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="132" height="38">
    <tr>
      <td width="15" height="19"><img border="0" src="Grafik/1.gif" width="11" height="11"></td>
      <td width="117" height="19"><font color="#FFFFFF"><a href="test1.asp">Test 1</a></font></td>
    </tr>
    <tr>
      <td width="15" height="19"><img border="0" src="Grafik/1.gif" width="11" height="11"></td>
      <td width="117" height="19"><font color="#FFFFFF"><a href="test2.asp">Test 2</a></font></td>
    </tr>
  </table>


Jeg vil gerne have såen, at når man køre hen over teksten i linket. Så skifter billedet foran teksten til at være 2.gif

Hvordan får jeg det fikset ?


Jens K
Avatar billede fund-a-mental Nybegynder
27. januar 2003 - 05:25 #1
prøv med dette:
<td width="117" height="19"><font color="#FFFFFF"><a href="test1.asp" onmouseover="document.pic.src='2.gif'"
onmouseout="document.pic.src='test1'">test1
<IMG SRC=2.gif NAME="pic"></A>

ved ikke om det virker , men prøv :-)
Avatar billede rodehoved Nybegynder
27. januar 2003 - 05:38 #2
Følgende virker på min side
<script>
2 = new Image();
2.src = "2.gif"
1 = new Image();
1.src = "1.gif"
function skiftBillede(name, source)
{
    document[name].src = source;
}
</script>

I HTML'en anvender du det ved:
   
<a href="side.htm"> <img name="1" src="1.gif" onmouseover =" skiftBillede('1', '2.gif')" onmouseout =" skiftBillede('1', '1.gif')" border=0></a>

Dette burde virke
Avatar billede rodehoved Nybegynder
27. januar 2003 - 05:40 #3
kan være du skal smide onmouseover og onmouseout ind i a href tagget for at det virker. Jeg har det til at køre så billederne skifter når man kører musen hen over billederne
Avatar billede jens_k Nybegynder
27. januar 2003 - 05:53 #4
Der er ikke nogen af dem som virker..

Når jeg bruger dit Rodehoved, så får 'Ukendt object'. Mener det var såen :)

Jens K
Avatar billede cdc Novice
27. januar 2003 - 09:21 #5
Se her: http://www.script.dk/archive/javascript/menurollover2/index.html
Dette er koden, så skal du bare skifte billedet ud

<html>
<head>
<title>Menu Rollover 2</title>

<SCRIPT><!--
//Script by Ricki Runge
//Find more at www.script.dk

Net=1;
if ((navigator.appName.substring(0,5) == "Netsc" && navigator.appVersion.charAt(0) > 2) || (navigator.appName.substring(0,5) == "Micro" && navigator.appVersion.charAt(0) > 3)) {
Net=0;

over = new Image;
out = new Image;
gammel = new Image;

over.src = "on.gif";
out.src = "off.gif";

gTarget = 'img1';
}

function Click(Target) {
if (Net != 1){
  if (Target != gTarget) {
  document[Target].src = over.src;
  document[gTarget].src = out.src;
  gTarget = Target;
  gammel.src = document[Target].src;
  }
}
}

function Over(Target) {
if (Net != 1){
  gammel.src = document[Target].src;
  document[Target].src = over.src;
}
}

function Out(Target) {
if (Net != 1){
  document[Target].src = gammel.src;
}
}
//-->
</SCRIPT>

</head>
<body>
<center><h3>Menu Rollover 2</h3>
<A HREF="page1.html" onMouseOver="Over('img1')" onMouseOut="Out('img1')" onClick="Click('img1')" target=Main><IMG NAME=img1 SRC="on.gif" BORDER=0>Link 1</a><br>
<A HREF="page2.html" onMouseOver="Over('img2')" onMouseOut="Out('img2')" onClick="Click('img2')" target=Main><IMG NAME=img2 SRC="off.gif" BORDER=0>Link 2</a><br>
<A HREF="page3.html" onMouseOver="Over('img3')" onMouseOut="Out('img3')" onClick="Click('img3')" target=Main><IMG NAME=img3 SRC="off.gif" BORDER=0>Link 3</a><br>
</center>

</body>
</html>
Avatar billede rodehoved Nybegynder
27. januar 2003 - 13:29 #6
Du kan se en fungerende version af scriptet på http://www.rodehoved.dk
Menubaren i højre side er lavet med noget der ligner der script der.
Avatar billede rodehoved Nybegynder
27. januar 2003 - 13:31 #7
venstre side selvf.
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

IT-JOB

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Driftsstærk IT-profil til Forsvarsministeriets Materiel- og Indkøbsstyrelse

Netcompany A/S

Network Engineer

Politiets Efterretningstjeneste

AI/ML udvikler i PET

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Cyberdivisionen søger it-supporter til Lokal IT Servicecenter i Karup
Seneste spørgsmål Seneste aktivitet
I går 21:00 Libre Office Impress Af Frank i Andre styresystemer
I går 11:47 VB script Af Jenshentze i Word
I går 11:21 Popup ved opstart Af mort1 i Windows
04/0918:50 Slet lokal konto Af ErikHg i Windows
04/0916:05 Ændre tal i en celle Af xvid i Excel