Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML] Pole przesuwające się wraz z oknem
Forum PHP.pl > Forum > Przedszkole
thomson89
22.10.2009, 19:10:08
Witam!

[HTML] pobierz, plaintext 
  1. <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!
piotrooo89
22.10.2009, 20:06:09
Cytat(thomson89 @ 22.10.2009, 20:10:08 ) *
Powyżej podałem kod, który wyświetla zdjęcie w bocznej komórce.



błąd! podałeś jakiś bajzel który nazywasz kodem, sformatuj odpowiednio (dodaj wcięcia) to pomyślimy.
thomson89
22.10.2009, 20:23:13
Kod generuje za pomocą PHP, więc wcięć nie będzie.

[HTML] pobierz, plaintext 
  1. <table>
  2.    <tr onMouseover="this.bgColor='silver'" onMouseout="this.bgColor='white'">
  3.      <td>Symbol</td>
  4.      <td>Kategoria</td>
  5.      <td rowspan="3" id="bok"></td>
  6.    </tr>
  7.    <tr valign="top" id="trs1">
  8.      <td>L09K01W002361dhAfG25</td>
  9.      <td>Komplety
  10.             <script language="javascript">
  11.             document.onmousemove = inicjuj1; 
  12.             function inicjuj1() { 
  13.                 document.getElementById('trs1').onmouseover = zmien1; 
  14.                 document.getElementById('trs1').onmouseout = zmien21; 
  15.             } 
  16.             function zmien1() { 
  17.                  var tds1 = document.getElementById('bok'); 
  18.                  tds1.innerHTML = '<img width="50%" height="50%" src="wyroby/obraz 006.jpg">';  
  19.             } 
  20.             function zmien21() { 
  21.                  var tds1 = document.getElementById('bok'); 
  22.                  tds1.innerHTML = ''; 
  23.             }</script>
  24.      </td>
  25.    </tr>
  26.    <tr valign="top" id="trs2">
  27.       <td>Ko123549hpGFB</td>
  28.       <td>Wisiorki<script language="javascript">
  29.           document.onmousemove = inicjuj2; 
  30.           function inicjuj2() { 
  31. document.getElementById('trs2').onmouseover = zmien2; 
  32. document.getElementById('trs2').onmouseout = zmien22; 
  33.           } 
  34.           function zmien2() { 
  35. var tds2 = document.getElementById('bok'); 
  36. tds2.innerHTML = '<img width="50%" height="50%" src="wyroby/d6.jpg">';  
  37.           } 
  38.           function zmien22() { 
  39. var tds2 = document.getElementById('bok'); 
  40. tds2.innerHTML = ''; 
  41.           }
  42. </script>
  43. </td>
  44. </tr>
  45. </table>
[HTML] pobierz, plaintext
piotrooo89
22.10.2009, 20:43:33
to może go popraw, co ja mam to zrobić?
thomson89
23.10.2009, 11:02:15
Przepraszam.

Proszę bardzo.

Wiedziałem, że tak [ciach] będzie! Najpierw narzekacie, że wam wcięć nie zrobiłem, a jak już wam zrobiłem to i tak nikt nie pomoże...
Spawnm
23.10.2009, 12:05:55
Zachowuj się bo ci dam warna.

Skoro chcesz aby zdjęcie się ruszało przy przewijaniu wraz z stroną to może daj position: fixed w css ?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.