Avatar billede mothwe Nybegynder
29. april 2004 - 00:12 Der er 4 kommentarer og
1 løsning

Dynamisk indhold i layer

Jeg har ET layer der har navnet "varePic" som skal vise et billede af et billede af en vare, når man kører musen hen over linket til varen. "PicNr" hentes fra linket og er faktisk varens nummer - men samtidig navnet på billedet af varen (varenr+".jpg").

Hvordan grejer jeg lige den?

Jeg har følgende kode:

<SCRIPT LANGUAGE="JavaScript">
function show(picNr) {
  varePic.style.visibility = "visible"
}
function hide(picNr) {
  varePic.style.visibility = "hidden"
}
</SCRIPT>

og denne:

<DIV ID="varePic" STYLE="position:absolute; left:730px; top:150px; visibility:hidden;">
HVAD SKAL JEG SKRIVE HER?????
</DIV>

og så selve linket med onMouseOver:

<A HREF="vare.asp?vnr=<%=varenr%>" onMouseOver="java script:show('<%=varenr%>');" onMouseOut="java script:hide('<%=varenr%>');"><%=navn%></A>
Avatar billede roenving Novice
29. april 2004 - 00:13 #1
<script type="text/javascript">
function show(picNr) {
  document.images['vPic'].src = picNr.jpg
  document.getElementById('varePic').style.visibility = "visible"
}
function hide() {
  document.getElementById('varePic').style.visibility = "hidden"
}
</script>

og denne:

<div id="varePic" style="position:absolute;left:730px;top:150px;visibility:hidden;">
<img src="" name="vPic" width="70">
</div>

og så selve linket med onMouseOver:

<a href="vare.asp?vnr=<%=varenr%>" onmouseover="show('<%=varenr%>');" onmouseout="hide();"><%=navn%></a>
Avatar billede roenving Novice
29. april 2004 - 00:14 #2
Hov ...

function show(picNr) {
  document.images['vPic'].src = picNr+'.jpg';
  document.getElementById('varePic').style.visibility = "visible";
}
Avatar billede mothwe Nybegynder
29. april 2004 - 00:20 #3
roenving... Det er perfekt! Lav lige et indlæg som svar (ikek som kommentar), så jeg kan gi' dig dine velfortjente point :)
Avatar billede roenving Novice
29. april 2004 - 00:26 #4
Velbekomme '-)
Avatar billede roenving Novice
29. april 2004 - 00:29 #5
-- og tak for points ;~}
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