Avatar billede sth Novice
09. januar 2006 - 20:07 Der er 7 kommentarer og
1 løsning

hjælp til onmouseover

hej jeg har en line der ser sådan ud:
var displayed="<nobr><IMG SRC='../images/backtotop.gif'  BORDER='0' ALT=''></nobr>"


Denne ville jeg gerne have ændret så billedet skiftede til et andet billed når man køre kusen hen over det.

jeg bør nok lige fortælle at  linien

står inde i en .js fil og jeg helst vil beholde denne kode som en fil for sig selv

jeg ahr været inde på http://www.html.dk/scripts/javascript/00001/ men syntes ikke rigtig at jeg kan få det til at passe sammen, nogen der kan hjælpe ?
Avatar billede yezbarh Nybegynder
09. januar 2006 - 20:23 #1
Lav et id på <img og kald det via. document.getElementById('ID').src = "nyt.gif";
Avatar billede sth Novice
09. januar 2006 - 20:24 #2
Beklager men jeg fatter ikke hvad du mener kan du rette linien
var displayed="<nobr><IMG SRC='../images/backtotop.gif'  BORDER='0' ALT=''></nobr>"

så jeg ved hvad keg klal gøre
Avatar billede yezbarh Nybegynder
09. januar 2006 - 20:26 #3
var displayed="<nobr><IMG ID="noget" SRC='../images/backtotop.gif'  BORDER='0' ALT=''></nobr>"

der er id'et "noget"
Avatar billede sth Novice
09. januar 2006 - 20:32 #4
Hej jeg betvivler ikke dine evner, men mine egne er meget små vedr. JavaScript
så jeg kan altså ikke bruge det du skriver, kunne du udbybe det, ejg sætter meget gerne antalet af point op, hvis det skulle hjælpe
Avatar billede sth Novice
09. januar 2006 - 22:44 #5
ok det var jo ikke så svært :-)

var displayed="<nobr> <img src=../images/backtotop2.gif onmouseover=this.src='../images/backtotop3.gif' onmouseout=this.src='../images/backtotop2.gif' BORDER='0'></nobr>"
Avatar billede olebole Juniormester
09. januar 2006 - 23:20 #6
<ole>

Skal det være valid kode, skal du have gåseøjne om src-attributten og dine event-handlers:

var displayed="<nobr> <img src=\"../images/backtotop2.gif\" onmouseover=\"this.src='../images/backtotop3.gif'\" onmouseout=\"this.src='../images/backtotop2.gif'\" BORDER='0'></nobr>";

Lidt off-topic: Jeg er ikke helt klar over, hvad det er, du vil køre hen over billedet, men teksten i spm'et giver mig nogle ret utraditionelle billeder på min indre Technicolor  ;D

/mvh
</bole>
Avatar billede sth Novice
09. januar 2006 - 23:34 #7
jeg har ikke lige overvejet hvad andre kunne få ud af de navne :)
Hvis jeg indsætter det normal gåseøjne kan jeg ikke få det til at virke ville det være ok at bruge ' i stedet for ?

Nå men det jeg skal bruge det til er til en gif-fil i stedet for teksten [TOP]
http://www.dynamicdrive.com/dynamicindex5/jumptop.htm
Det er nu lykkes mig at lave det sådan at teksten top er skiftet ud med en gif fil som skifter til en anden gif fil ved mouseover
Avatar billede olebole Juniormester
10. januar 2006 - 00:01 #8
Det funker nu ganske udmærket, som jeg skrev det ... her med nogle billeder fra nettet, du sikkert kender:

<script type="text/JavaScript">
function bla() {
    var displayed="<nobr> <img src=\"http://www.eksperten.dk/img/elogo.png\" onmouseover=\"this.src='http://www.google.dk/images/hp0.gif'\" onmouseout=\"this.src='http://www.eksperten.dk/img/elogo.png'\" BORDER='0'></nobr>";
    document.getElementById("gnu").innerHTML = displayed;
}
</script>

<button onclick="bla()">TEST</button>
<div id="gnu"></div>

... og så var det nu denne, der gav mig 'sære billeder':
"Denne ville jeg gerne have ændret så billedet skiftede til et andet billed når man køre kusen hen over det."

... skulle det være et 'm' - eller mangler du et 's'?  ;D
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