Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML] "Dymek" w js +<table> nie działa
Elber
post 9.04.2008, 18:43:54
Post #1





Grupa: Zarejestrowani
Postów: 381
Pomógł: 12
Dołączył: 9.07.2007

Ostrzeżenie: (0%)
-----

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


--------------------
GG: 564555
Go to the top of the page
+Quote Post
Crozin
post 9.04.2008, 20:23:07
Post #2





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

Ostrzeżenie: (0%)
-----

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()
Go to the top of the page
+Quote Post
Elber
post 9.04.2008, 20:25:58
Post #3





Grupa: Zarejestrowani
Postów: 381
Pomógł: 12
Dołączył: 9.07.2007

Ostrzeżenie: (0%)
-----

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

Ten post edytował Elber 16.04.2008, 14:28:44


--------------------
GG: 564555
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 18.08.2025 - 14:25
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn