Avatar billede svelmoe Nybegynder
28. november 2007 - 15:23 Der er 11 kommentarer og
1 løsning

mouseover = billede i div. billede url fra db, samme billede?

hejsa, jeg har fundet en funktion som iøvrigt virker perfekt. men mit problem er at jeg udskriver nogle urlér til nogle billeder fra en database. de skal vises sådan her:

script type="text/javascript">
function showBox(e) {
          box = document.getElementById("boks").style;
          box.right = ((e.clientX) ? e.clientX : e.pageX)+15+"px";
          box.top = ((e.clientY) ? e.clientY : e.pageY)-15+"px";
          box.display = "block";
  }
  function hideBox() {
          document.getElementById("boks").style.display="none";
  }
</script>


---

<td valign=\"top\">$billede<img src=\"billede.gif\" onmouseover=\"showBox(event)\" onmousemove=\"showBox(event)\" onmouseout=\"hideBox()\" /><div id=\"boks\" style=\"position:absolute;left:0px;top:0px;display:none\"><img src=\"$billede\" /></div></td>

----

men det er det samme billede der bliver udskrevet på vær linje. selvom $billede indholder forskellige url's derned af.

nogen der lige kan regne den ud ? :)
Avatar billede w13 Novice
28. november 2007 - 15:26 #1
En fejl i din php-kode, ikke i JavaScripten. $billede skifter åbenbart ikke værdi.
Avatar billede svelmoe Nybegynder
28. november 2007 - 15:27 #2
når jeg udskriver $billede på linjerne, skifter den værdi
Avatar billede w13 Novice
28. november 2007 - 15:40 #3
Men ikke inde i <img>? Har du mulighed for at smide et link?
Avatar billede barklund Nybegynder
28. november 2007 - 15:53 #4
Du har flere elementer, der alle hedder "boks"? Du kan kun have et element med hvert id. Brug noget med:

JS:
script type="text/javascript">
function showBox(e, boks) {
          box = document.getElementById(boks).style;
          box.right = ((e.clientX) ? e.clientX : e.pageX)+15+"px";
          box.top = ((e.clientY) ? e.clientY : e.pageY)-15+"px";
          box.display = "block";
  }
  function hideBox(boks) {
          document.getElementById(boks).style.display="none";
  }
</script>


PHP:
$i++;
<td valign=\"top\">$billede<img src=\"billede.gif\" onmouseover=\"showBox(event,'boks$i')\" onmousemove=\"showBox(event)\" onmouseout=\"hideBox(boks$i)\" /><div id=\"boks$i\" style=\"position:absolute;left:0px;top:0px;display:none\"><img src=\"$billede\" /></div></td>
Avatar billede barklund Nybegynder
28. november 2007 - 15:54 #5
hov:

<td valign=\"top\">$billede<img src=\"billede.gif\" onmouseover=\"showBox(event,'boks$i')\" onmousemove=\"showBox(event,'boks$i')\" onmouseout=\"hideBox('boks$i')\" /><div id=\"boks$i\" style=\"position:absolute;left:0px;top:0px;display:none\"><img src=\"$billede\" /></div></td>
Avatar billede svelmoe Nybegynder
28. november 2007 - 16:01 #6
perfekt barklund :) smid svar
Avatar billede barklund Nybegynder
28. november 2007 - 17:33 #7
Alrighty - men fangede du så også, hvad der var ændret? ;)
Avatar billede svelmoe Nybegynder
29. november 2007 - 08:31 #8
ja du ændrer id på div vær gang den skriver en linje ud :)

iøvrigt hvordan placere jeg div'en med billede, sådan den følger med ned når man scroller?

script type="text/javascript">
function showBox(e) {
          box = document.getElementById("boks").style;
          box.right = ((e.clientX) ? e.clientX : e.pageX)+15+"px";
          box.top = ((e.clientY) ? e.clientY : e.pageY)-15+"px";
          box.display = "block";
  }
  function hideBox() {
          document.getElementById("boks").style.display="none";
  }
</script>
Avatar billede barklund Nybegynder
29. november 2007 - 11:37 #9
Ehm, det er vist et CSS-spørgmål - det er jeg ikke lige så skarp til (her en tidlig torsdag morgen). :)
Avatar billede svelmoe Nybegynder
29. november 2007 - 12:27 #10
hehe okay :=) nogen der står op kl 04:45 og pendler til kbh jo *host* :o)
Avatar billede barklund Nybegynder
29. november 2007 - 12:54 #11
Well, det er i hvert fald ikke mig ;)

Og tark for points :)
Avatar billede w13 Novice
29. november 2007 - 14:08 #12
Hvis du sætter:
style="position:fixed"
på den, sku' det vist være klaret.
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