Avatar billede farfar5 Nybegynder
01. marts 2004 - 12:05 Der er 12 kommentarer

on mouse over

Hej
Jeg har lavet et hyperlink i mit program. JEg vil gerne når jeg flytter musen hen over hyperlinket får et billde på samme side. MEn hvordan ser koden ud for det, det er vel noget mouse over?????
Avatar billede pelkjaer Nybegynder
01. marts 2004 - 12:15 #1
Er det et skift på et eksisterende billede? I såfald:
<a href="link.aspx" onmouseover="document.images['pic'].src='bannerbg.gif';">link</a>
Avatar billede farfar5 Nybegynder
01. marts 2004 - 12:24 #2
Hej jeg bruger ms visual studio, ASP.NET og C#

link.aspx, er det mit hyperlink

og er document.images['pic'].src standard?
Avatar billede pelkjaer Nybegynder
01. marts 2004 - 12:28 #3
Det du spørger om har egentlig intet med asp.net at gøre, da onmouseover kører på klienten.

men document.images[] er standarden ja.

Men vis mig din href, og hvordan du vil vise dit billede. Hvis du vil skrifte et billede, kan document.images bruges, hvis ikke, skal vi bruge en container af en art. Forklar hvad der skal ske.
Avatar billede farfar5 Nybegynder
01. marts 2004 - 13:17 #4
Jeg prøver lige at forklare det anderledes.

                          |----------|
Hyperlink1                | Billede  |
Hyperlink2                |----------| 
Hyperlink3
Hyperlink4

Når jeg flytter musen over de forskellige hpylinks skal billedet skifte i
billede feltet. Vil du ikke prøvet at skrive lidt kommentar til koden, jeg er ret i ny i ASP.NET C# på forhånd tak.
Avatar billede pelkjaer Nybegynder
01. marts 2004 - 13:27 #5
Okay.

Lad os tage udgangspunkt i at vi har et billede til at starte med:

<img src="koi_01.jpg" width="468" height="60" name="koi" id="koi">
-som du kan se, har vi kaldt det for "koi", som vi skal bruge til at referere til billedet.

Vi har så også et link (her et nulllink) med en mouseover handler på:

<a href="java script:;" onmouseover="document.images['koi'].src='koi_01_a.jpg';">link</a>
-i denne onmouseover, kalder vi billedet "koi" med document.images, og giver det så et ny source med fx src = nytbillde

Et eks: http://peterelkjaer.dk/exp/pics.html - prøv at køre musen over de forskellige billeder.
Avatar billede burningice Nybegynder
01. marts 2004 - 13:49 #6
og hvis det skal være meget asp.net'sk så skal man bruge Attributes.Add()-metoden:

mitHyperLink.Attributes.Add("onMouseOver", "document.images['pic'].src='bannerbg.gif';");
Avatar billede pelkjaer Nybegynder
01. marts 2004 - 13:51 #7
Men det giver kun mening hvis der rent faktisk ER en mening med at gøre sådan, ellers giver det blot ekstra loadtid :)
Avatar billede farfar5 Nybegynder
01. marts 2004 - 14:18 #8
pelkjaer>
Ja dit eksempel ilustrere fint hvad jeg mente. Men synes ikke jeg kan få det til at vike den kommer med en fejl og siger "document.images['image1'] er null eller ikke et objekt.
Avatar billede farfar5 Nybegynder
01. marts 2004 - 15:44 #9
cyberprofessor>

mitHyperLink.Attributes.Add("onMouseOver", "document.images['pic'].src='bannerbg.gif';");

Jeg kan ikke få det til at virke den kommer med en fel og siger "document.images['image1'] er null eller ikke et objekt.

  document.images['pic'] hvor får du det fra, og hvad skal jeg skrive der, hvad er 'pic' ??? på forhånd tak
Avatar billede burningice Nybegynder
01. marts 2004 - 15:59 #10
pic er id'et (client-id) på dit billede
Avatar billede farfar5 Nybegynder
01. marts 2004 - 16:10 #11
cyberprofesoor>

JEg forstår det ikke, client idét

mitHyperLink.Attributes.Add("onMouseOver", "document.images['pic'].src='bannerbg.gif';");

Skal jeg have en id til billedet i html koden, kan du ikke forklare det til en nybegynder? på forhånd tak
Avatar billede burningice Nybegynder
01. marts 2004 - 16:19 #12
altså... du må have et billede et eller andet sted på din side, et <img src=""> tag. jeg går ud fra at det er dette billede du vil have skiftet?

i så fald skal du have sat et id på dit tag, så det bliver til

<img src="" id="pic">

og det er så dette id (pic) du skal referere til i din "document.images"...
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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