Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] "Dymek" w js +<table> nie działa
Forum PHP.pl > Forum > Przedszkole
Elber
9.04.2008, 18:43:54
Witam mam taki duży problem...otóż mam kod html w którym po najechaniu na tekst pokazuje się "dymek" i fajnie działa, ale jak chce aby dymek się pokazał w tekście który jest w tabeli to już nie działa sad.gif( Mógł by mi ktoś pomóc i powiedzieć gdzie jest błąd questionmark.gif Proszę
Tak działa:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>Dymek</title>
  4. <meta http-equiv="content-type" content="text/html; charset=utf8">
  5.  
  6. <style type="text/css">
  7. body {
  8.  background-color:#bcd;
  9.  margin:20px; padding:0;
  10.  font:normal normal 12px verdana,sans-serif;
  11. }
  12. .chmurka4 {
  13.  position:absolute;display:none;left:25px;top:36px;
  14.  border:2px solid #fff;background-color:black;color:gold;
  15.  padding:5px;font:normal bold 16px arial,sans-serif;
  16. }
  17. </style>
  18.  
  19. <script type="text/javascript">
  20. function Chmurka(T,t){
  21.  T.title=''
  22.  T.parentNode.lastChild.style.display=t?'block':'none'
  23. }
  24. </script>
  25. </head>
  26.  
  27. <body>
  28.  
  29. <span style="position:relative">
  30. <span style="cursor:default" onmouseover="Chmurka(this,1)" onmouseout="Chmurka(this,0)">
  31. 	<td width=\"180\">Coś fajnego</td>
  32. </span>
  33. 	<div class="chmurka4">
  34.    TREŚĆ dymka 
  35. </div></span>
  36.  
  37.   <td>LooK</td>
  38.  
  39. </body>
  40. </html>
[HTML] pobierz, plaintext


A tak nie: 
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>Dymek</title>
  4. <meta http-equiv="content-type" content="text/html; charset=utf8">
  5.  
  6. <style type="text/css">
  7. body {
  8.  background-color:#bcd;
  9.  margin:20px; padding:0;
  10.  font:normal normal 12px verdana,sans-serif;
  11. }
  12. .chmurka4 {
  13.  position:absolute;display:none;left:25px;top:36px;
  14.  border:2px solid #fff;background-color:black;color:gold;
  15.  padding:5px;font:normal bold 16px arial,sans-serif;
  16. }
  17. </style>
  18.  
  19. <script type="text/javascript">
  20. function Chmurka(T,t){
  21.  T.title=''
  22.  T.parentNode.lastChild.style.display=t?'block':'none'
  23. }
  24. </script>
  25. </head>
  26.  
  27. <body>
  28.  
  29. <table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" align=\"center\">
  30.  
  31. <span style="position:relative">
  32. <span style="cursor:default" onmouseover="Chmurka(this,1)" onmouseout="Chmurka(this,0)">
  33. 	<td width=\"180\">Coś fajnego</td>
  34. </span>
  35. 	<div class="chmurka4">
  36.    TREŚĆ dymka 
  37. </div></span>
  38.  
  39.   <td>LooK</td>
  40. </table>
  41.  
  42. </body>
  43. </html>
[HTML] pobierz, plaintext
Crozin
9.04.2008, 20:23:07
Zacznijmy od tego, że tabela ma ściśle określoną budowę:
Kod
<table>
  <caption>to jest opcionalne</caption>
  <thead><tr><th>theada, tfoota i tbody mozna niby opuscic</th></tr></thead>
  <tfoot><tr><td>patrz wyzej</td></tr></tfoot>
  <tbody>
    <tr>
      <td>w thead i tfoot darowałem sobie formatowanie, aby kod nie był zbyt rozległy</td>
    </tr>
  </tbody>
</table>
Nie możesz między <tr>, a <td> wpleść sobie jakiś spanów czy divów.

Do f-cji Chmrka() możesz sobie dodać 3-ci argument - ID chmurki, a potem zamiast latać po drzewie DOMu użyj document.getElementById()
Elber
9.04.2008, 20:25:58
Hmm...nie z tego co napisałeś nie rozumiem sad.gif

EDIT:
Już zacziłem o co chodzi haha.gif dzięki, taki prosty błąd ... masakra ...
Pozdr0
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.