Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Zmiana tła + link dla komórki
Sky_walker
post
Post #1





Grupa: Zarejestrowani
Postów: 214
Pomógł: 23
Dołączył: 26.09.2005

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

Jak zmienić obrazek w tle komórki tabeli po najechaniu na nią myszką?
Jak zrobić link z tej komórki (i tekstu w niej się znajdującego - choć to akurat wiem (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) ) do konkretnej ramki (wiem, że chodzi o target, tylko jak to połączyć z JS + żeby chodziło dla całej komórki)?

Ten post edytował Sky_walker 26.06.2006, 18:07:33
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Sky_walker
post
Post #2





Grupa: Zarejestrowani
Postów: 214
Pomógł: 23
Dołączył: 26.09.2005

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

Prawidłowe rozwiązanie na jednej stronie (w końcu.... to rozgryzłem, ale i tak nie samemu):
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl">
  3. <head>
  4.   <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  5.   <title>test</title>
  6.   <meta name="author" content="MPC SERVICE" />
  7.  
  8.   <style media="all" type="text/css">
  9. #misio td {
  10. background-image: url(file:///D:/web/festo/graphics_std/topcelltop4.jpg);
  11. }
  12. #misio td:hover, #misio td.iehover {
  13. background-image: url(file:///D:/web/festo/graphics_std/pagebg.gif);
  14. cursor: pointer;
  15. }
  16.   </style>
  17.  
  18. <script type="text/javascript">
  19. <!--
  20. iehover = function() {
  21.  var ieh = document.getElementById("misio").getElementsByTagName("td");
  22.  for (var i=0; i<ieh.length; i++) {
  23.   ieh[i].onmouseover=function() {
  24.    this.className+=" iehover";
  25.   }
  26.   ieh[i].onmouseout=function() {
  27.    this.className=this.className.replace(new RegExp(" iehover\\b"), "");
  28.   }
  29.  }
  30. }
  31. if (window.attachEvent) window.attachEvent("onload", iehover);
  32.  
  33. //-->
  34. </script>
  35. </head>
  36.  
  37. <body>
  38.  
  39. <div id="misio">
  40. <table border="1" cellpadding="2" cellspacing="2" width="150">
  41.   <tbody>
  42.     <tr>
  43.       <td onclick="document.location='http://www.mpc.com.pl';">submenu1</td>
  44.       <td>&nbsp; </td>
  45.     </tr>
  46.     <tr>
  47.       <td>&nbsp; </td>
  48.       <td>&nbsp; </td>
  49.     </tr>
  50.   </tbody>
  51. </table>
  52. </div>
  53. <br />
  54. </body>
  55. </html>
[HTML] pobierz, plaintext

I to^^^^ działa również pod IE w przeciwieństwie do skryptu yaro'a.

Ten post edytował Sky_walker 30.06.2006, 17:59:13
Go to the top of the page
+Quote Post

Posty w temacie
- Sky_walker   Zmiana tła + link dla komórki   26.06.2006, 17:21:20
- - yaro   Coś takiego wykombinowałem: [HTML] pobierz, plain...   26.06.2006, 17:59:04
- - Sky_walker   Lepiej? coś nie moge określić swoje...   26.06.2006, 18:10:12
- - yaro   Zrobiłem coś takiego, ale uwaga, to pewnie nie jes...   26.06.2006, 18:17:59
- - Sky_walker   Prawidłowe rozwiązanie na jednej stronie...   30.06.2006, 17:58:27

« Następny starszy · JavaScript · 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

RSS Aktualny czas: 12.10.2025 - 08:16
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn