[JavaScript][HTML] Pole przesuwające się wraz z oknem Opcje

[thomson89]

Witam!

[HTML] pobierz, plaintext 
<table><tr onMouseover="this.bgColor='silver'" onMouseout="this.bgColor='white'"><td>Symbol</td><td>Kategoria</td><td rowspan="3" id="bok"></td></tr><tr valign="top" id="trs1" onMouseover="this.bgColor='silver'" onMouseout="this.bgColor='white'"><td>L09K01W002361dhAfG25</td><td>Komplety<script language="javascript">document.onmousemove = inicjuj1; function inicjuj1() { document.getElementById('trs1').onmouseover = zmien1; document.getElementById('trs1').onmouseout = zmien21; } function zmien1() { var tds1 = document.getElementById('bok'); tds1.innerHTML = '<img width="50%" height="50%" src="wyroby/obraz 006.jpg">';  } function zmien21() { var tds1 = document.getElementById('bok'); tds1.innerHTML = ''; }</script></td></tr><tr valign="top" id="trs2" onMouseover="this.bgColor='silver'" onMouseout="this.bgColor='white'"><td>Ko123549hpGFB</td><td>Wisiorki<script language="javascript">document.onmousemove = inicjuj2; function inicjuj2() { document.getElementById('trs2').onmouseover = zmien2; document.getElementById('trs2').onmouseout = zmien22; } function zmien2() { var tds2 = document.getElementById('bok'); tds2.innerHTML = '<img width="50%" height="50%" src="wyroby/d6.jpg">';  } function zmien22() { var tds2 = document.getElementById('bok'); tds2.innerHTML = ''; }</script></td></tr></table>
[HTML] pobierz, plaintext 

Powyżej podałem kod, który wyświetla zdjęcie w bocznej komórce.

Problem pojawia się, gdy tabela jest długa (trzeba przewijać). Zdjęcie pojawi się na górze strony, gdy ja będę na dole.

Jak zrobić, aby zdjęcie w tej komórce przesuwało się wraz ze stroną.

Proszę o pomoc!

Pozdrawiam!

[thomson89]

Kod generuje za pomocą PHP, więc wcięć nie będzie.

[HTML] pobierz, plaintext 
<table>
   <tr onMouseover="this.bgColor='silver'" onMouseout="this.bgColor='white'">
     <td>Symbol</td>
     <td>Kategoria</td>
     <td rowspan="3" id="bok"></td>
   </tr>
   <tr valign="top" id="trs1">
     <td>L09K01W002361dhAfG25</td>
     <td>Komplety
            <script language="javascript">
            document.onmousemove = inicjuj1; 
            function inicjuj1() { 
                document.getElementById('trs1').onmouseover = zmien1; 
                document.getElementById('trs1').onmouseout = zmien21; 
            } 
            function zmien1() { 
                 var tds1 = document.getElementById('bok'); 
                 tds1.innerHTML = '<img width="50%" height="50%" src="wyroby/obraz 006.jpg">';  
            } 
            function zmien21() { 
                 var tds1 = document.getElementById('bok'); 
                 tds1.innerHTML = ''; 
            }</script>
     </td>
   </tr>
   <tr valign="top" id="trs2">
      <td>Ko123549hpGFB</td>
      <td>Wisiorki<script language="javascript">
          document.onmousemove = inicjuj2; 
          function inicjuj2() { 
document.getElementById('trs2').onmouseover = zmien2; 
document.getElementById('trs2').onmouseout = zmien22; 
          } 
          function zmien2() { 
var tds2 = document.getElementById('bok'); 
tds2.innerHTML = '<img width="50%" height="50%" src="wyroby/d6.jpg">';  
          } 
          function zmien22() { 
var tds2 = document.getElementById('bok'); 
tds2.innerHTML = ''; 
          }
</script>
</td>
</tr>
</table>
[HTML] pobierz, plaintext 

Ten post edytował thomson89 22.10.2009, 21:20:41