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
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
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>"
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>
Har du husket at sætte id'et på billedet ?-) <img src="..." id="billede">
Jeg har ikke noget billede nogle stedet. det skulle gerne komme op ud fra navnet når man køre musen hen over billede...
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 !-)
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..
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>"
nu er vi ved og være der, hvordan får vi den væk igen når man fjerne musen?
-- det skulle den gerne gøre af sig selv !-)
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 ?-)
har lige testet den med a href der gør den det også, men ikke med span.
Jeg testede kun med en span, men mouseover skulle opføre sig ens uanset hvilket element, som er under !-)
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.
Vi tilbyder markedets bedste kurser inden for webudvikling