Avatar billede funstuff.dk Nybegynder
22. maj 2005 - 14:49 Der er 15 kommentarer og
1 løsning

mouseover med billede

Hej..

Skal have lavet noget mouseover som skal bruges sammen med et asp script. jeg har et udtræt fra en databasse som ser sådan her ud:

do until rs.eof

response.write rs("navn")

response.write " - <a href=fil.asp?id=" & rs("id") & ">Links</a>"

rs.movenext
loop

jeg har et feli i min database der hedder billede. og vil gerne lave det sådan at når man køre musen over enten navn eller links viser den bllede i en lile ramme ud fra navnet man køre hen over. Nogle der ka hjælpe med sådan en kode?

På forhånd tak
Avatar billede roenving Novice
22. maj 2005 - 14:55 #1
F.eks. sådan:

response.write "<span onmouseover=""document.getElementById('billede').src='" & rs("billede") & "'"">" & rs("navn") & "</span>"

response.write " - <a href=fil.asp?id=" & rs("id") & "onmouseover=""document.getElementById('billede').src='" & rs("billede") & "'"">Links</a>"
Avatar billede funstuff.dk Nybegynder
22. maj 2005 - 15:27 #2
der står nede i status linjen at der er en fejl på siden. og det virker ikke..

hvis jeg trykker på vis kode i IE ser koden sådan ud:

<a href="fil.asp" target="_blank" onmouseover="document.getElementById('billede').src='test.jpg'">test</a>
Avatar billede roenving Novice
22. maj 2005 - 15:34 #3
Har du husket at sætte id'et på billedet ?-)

<img src="..." id="billede">
Avatar billede funstuff.dk Nybegynder
22. maj 2005 - 15:37 #4
Jeg har ikke noget billede nogle stedet. det skulle gerne komme op ud fra navnet når man køre musen hen over billede...
Avatar billede roenving Novice
22. maj 2005 - 15:45 #5
Du er nødt til at have en container til billedet, så det skal du sætte på med en eller anden start-værdi i !-)
Avatar billede funstuff.dk Nybegynder
22. maj 2005 - 15:50 #6
hmm hvordan det? ka man ikke lave det så den kun viser billede når man køre musen hen over teksten? javascript er ikk lige min stærke side..
Avatar billede roenving Novice
22. maj 2005 - 15:59 #7
Jo, det kan man godt, men så skal man også ud i at sætte visibility på det billede, du vil vise, f.eks. sådan hvor du vil vise billedet:

<img src="..." id="billede" style="width:100px;visibility:hidden;">

-- og en javascript-funktion:

<script type="text/javascript">
function showHideImg(src){
  pic = document.getElementById('billede');
  if(src)
    pic.src = src;
  pic.style.visibility = (src)?'visible':'hidden';
}
</script>

-- og så skal din kode se således ud:

response.write "<span onmouseover=""showHideImg('" & rs("billede") & "');"" onmouseout=""showHideImg();"">" & rs("navn") & "</span>"

response.write " - <a href=fil.asp?id=" & rs("id") & "onmouseover=""showHideImg('" & rs("billede") & "');"" onmouseout=""showHideImg();"">Links</a>"
Avatar billede funstuff.dk Nybegynder
22. maj 2005 - 16:09 #8
nu er vi ved og være der, hvordan får vi den væk igen når man fjerne musen?
Avatar billede roenving Novice
22. maj 2005 - 16:14 #9
-- det skulle den gerne gøre af sig selv !-)
Avatar billede funstuff.dk Nybegynder
22. maj 2005 - 16:16 #10
det gør den ikke..
Avatar billede roenving Novice
22. maj 2005 - 16:18 #11
Den gør det, når jeg prøver ?-)

-- kan du linke til koden eller prøve at smide den fortolkede kode (altså fra vis kode ?-)
Avatar billede funstuff.dk Nybegynder
22. maj 2005 - 16:22 #12
har lige testet den med a href der gør den det også, men ikke med span.
Avatar billede roenving Novice
22. maj 2005 - 16:24 #13
Jeg testede kun med en span, men mouseover skulle opføre sig ens uanset hvilket element, som er under !-)
Avatar billede funstuff.dk Nybegynder
22. maj 2005 - 16:43 #14
Ups min fejl, havde et " for meget i koden med span.. men nu virker det hele..

rigtigt mange tak for hjælpen.. giv lige et svar så du ka få nogle point.
Avatar billede roenving Novice
22. maj 2005 - 16:48 #15
Velbekomme '-)
Avatar billede roenving Novice
23. maj 2005 - 03:01 #16
-- og tak for point ;~}
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