Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> zmiana tr, nie mam innego pomyslu na temat
Dex1987
post 14.08.2006, 23:56:44
Post #1





Grupa: Zarejestrowani
Postów: 246
Pomógł: 0
Dołączył: 28.09.2004

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

Witam mam taki kodzik:

[HTML] pobierz, plaintext 
  1. <script language="JavaScript" type="text/javascript">
  2.  
  3. function change (name) {
  4.  
  5.          document.getElementById (name).innerHTML = '<font face="verdana" size="2">OK</font>';
  6.  
  7.          name = document.getElementById (name).innerHTML
  8. }
  9.  
  10. </script>
  11.  
  12. <table border="1" widht="100%">
  13.   <tr onClick="change ('foo1')">
  14.     <td width="100%">
  15.       <div id="foo1">
  16.         tekst 1
  17.       </div>
  18.     </td>
  19.   </tr>
  20.   <tr onClick="change ('foo2')">
  21.     <td width="100%">
  22.       <div id="foo2">
  23.         tekst 2
  24.       </div>
  25.     </td>
  26.   </tr>
  27. </table>
[HTML] pobierz, plaintext


Dzila on tak: mam x komorek, kaza ma jakas wartosc... teraz jak klikne na jakas zmienia sie na OK, ale gdy klikne na inna to chcialbym zeby poprzednia wracal do poczatkowej formy.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Zajec
post 15.08.2006, 10:14:51
Post #2





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

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

Zrobiłem to inaczej, porządniej.

http://zajec.net/dex1987

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  4. <head>
  5. <title>Script test</title>
  6. <style type="text/css">
  7. input { display: none; }
  8. </style>
  9. </head>
  10. <body>
  11.  
  12.  
  13.  
  14. <script type="text/javascript">
  15. var last = false;
  16.  
  17. function change(element) {
  18.     if (last)
  19.     {
  20.     last.getElementsByTagName('div')[0].style.display="block";
  21.     last.getElementsByTagName('input')[0].style.display="none";
  22.     last.getElementsByTagName('input')[0].value=last.getElementsByTagName('div')[0].innerText;
  23.     }
  24.     last = element;
  25.  
  26.     element.getElementsByTagName('div')[0].style.display="none";
  27.     element.getElementsByTagName('input')[0].style.display="block";
  28. }
  29.  
  30. </script>
  31.  
  32.  
  33. <form method="POST">
  34.  
  35. <table border="1" widht="100%">
  36.   <tr onclick="change(this)">
  37.     <td width="100%">
  38.       <div>tekst 1</div>
  39.       <input name="foo1" type="text" value="tekst1">
  40.     </td>
  41.   </tr>
  42.   <tr onclick="change(this)">
  43.     <td width="100%">
  44.       <div>tekst 2</div>
  45.       <input name="foo2" type="text" value="tekst2">
  46.     </td>
  47.   </tr>
  48. </table>
  49. <br>
  50. <input type="submit">
  51. </form>
  52.  
  53. </body>
  54. </html>
[HTML] pobierz, plaintext





P.S.
Jeśli chodziło Ci o to, aby po zmianie treści inputa zmieniał się również tekst, który pojawia się po zaznaczeniu innego pola, to linijkę:
Kod
last.getElementsByTagName('input')[0].value=last.getElementsByTagName('div')[0].innerText;
zamień na
Kod
last.getElementsByTagName('div')[0].innerText=last.getElementsByTagName('input')[0].value;


Ten post edytował Zajec 15.08.2006, 10:17:51
Go to the top of the page
+Quote Post

Posty w temacie
- Dex1987   zmiana tr   14.08.2006, 23:56:44
- - Zajec   Zadziała?Kod<script type="text/javascript...   15.08.2006, 00:18:27
- - Dex1987   ok zrobilem tak jak napisałes i dziala swietnie, a...   15.08.2006, 00:32:10
- - Zajec   Zrobiłem to inaczej, porządniej. http://zajec.net...   15.08.2006, 10:14:51

« 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 Wersja Lo-Fi Aktualny czas: 14.08.2025 - 18:32
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn