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 ? :)
Annonceindlæg tema
28. november 2007 - 15:26
#1
En fejl i din php-kode, ikke i JavaScripten. $billede skifter åbenbart ikke værdi.
28. november 2007 - 15:27
#2
når jeg udskriver $billede på linjerne, skifter den værdi
28. november 2007 - 15:40
#3
Men ikke inde i <img>? Har du mulighed for at smide et link?
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>
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>
28. november 2007 - 16:01
#6
perfekt barklund :) smid svar
28. november 2007 - 17:33
#7
Alrighty - men fangede du så også, hvad der var ændret? ;)
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>
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). :)
29. november 2007 - 12:27
#10
hehe okay :=) nogen der står op kl 04:45 og pendler til kbh jo *host* :o)
29. november 2007 - 12:54
#11
Well, det er i hvert fald ikke mig ;) Og tark for points :)
29. november 2007 - 14:08
#12
Hvis du sætter: style="position:fixed" på den, sku' det vist være klaret.
Vi tilbyder markedets bedste kurser inden for webudvikling