Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [php][javascript] Przewijane okienko
Forum PHP.pl > Forum > Po stronie przeglądarki
blackneron
Chciałbym uzyskać efekt przewijania komórki - znaczy jej zawartości. Wiem, że można to zrobić na pływających ramkach ale niestety nie mogę przekazać wartości do okienka jakoś sadsmiley02.gif
Dlatego za pomocą javascript chciałbym przewinąć zawartość komórki, czyli np. okienko 300x300 (treść przekracza oczywiście wysokość tej komórki) i do tego scroll po prawej.
Może macie lepsze pomysły na taką sytuację ?

  1. <td>
  2. <tr>
  3. <td>
  4. <tr>
  5. <td><?php funkcja(); ?></td>
  6. </tr>
  7. </table>
  8. </td>
  9. </tr>
  10. </table>
  11. </td>
php programmer
wystarczy zwykłym CSS - overflow:scroll

  1. <td>
  2. <tr>
  3. <td>
  4. <tr>
  5. <td style="overflow: scroll" >Dużo tektu, który się nie zmieści</td>
  6. </tr>
  7. </td>
  8. </tr>
  9. </td>
blackneron
tego tekstu mi nie przewija. tzn. :
komórka ma 200x200 -> no i tekst jest baaardzo długi.
w komórce nie ma po prawej stronie "przewijaka" ...

EDIT: no dobra znalazłem coś takiego:
  1. <TEXTAREA COLS="10" ROWS="10"
  2. STYLE="scrollbar-base-color:pink;scrollbar-arrow-color:purple;">
  3. Text in the box
  4. </FORM>


..jest OK tyle że jest też małe 'ale' -> jak mam w <textarea> funkcje() to wyswietla tylko text... a nie wynik funkcji.
bluesqad
A może to Ci sie przyda:

http://www.dynamicdrive.com/dynamicindex17/iframescroll.htm
flv
Co to za różnica czy treść wygenerowana w php jest w textarea czy w komorce td? zadna, widocznie musi byc zle cos w twoim kodzie.

co do problemu to overflow MUSI zadziałać:
http://www.w3schools.com/css/pr_pos_overflow.asp
babejsza
Zadziałać zadziała, ale nie dla <td/>.

  1. <tr>
  2. <td><div style="width: 100px; height: 100px; overflow: auto">Tekst</div></td>
  3. </tr>
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.