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 (1 - 3)
Zajec
post 15.08.2006, 00:18:27
Post #2





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

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

Zadziała?
Kod
<script type="text/javascript">
var lastid = false;
var lastval = false;

function change(name) {
    if (lastid && lastval) document.getElementById(lastid).innerHTML=lastval;
    lastid = name;
    lastval = document.getElementById(name).innerHTML;

    document.getElementById(name).innerHTML = '<font face="verdana" size="2">OK</font>';
}

</script>
Go to the top of the page
+Quote Post
Dex1987
post 15.08.2006, 00:32:10
Post #3





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

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

ok zrobilem tak jak napisałes i dziala swietnie, ale teraz mam taki problemik, nie moge edytowac wartosci inputa ;/

kod: 

[HTML] pobierz, plaintext 
  1. <?php
  2.  
  3. echo $_POST['foo1'];
  4.  
  5. ?>
  6.  
  7.  
  8. <script type="text/javascript">
  9. var lastid = false;
  10. var lastval = false;
  11.  
  12. function change(name) {
  13.     if (lastid && lastval) document.getElementById(lastid).innerHTML=lastval;
  14.     lastid = name;
  15.     lastval = document.getElementById(name).innerHTML;
  16.  
  17.     document.getElementById(name).innerHTML = '<input name="'+name+'" type="text" value="'+document.getElementById(name).innerHTML+'">';
  18. }
  19.  
  20. </script>
  21. <form method="POST">
  22.  
  23. <table border="1" widht="100%">
  24.   <tr onClick="change ('foo1')">
  25.     <td width="100%">
  26.       <div id="foo1">
  27.         tekst 1
  28.       </div>
  29.     </td>
  30.   </tr>
  31.   <tr onClick="change ('foo2')">
  32.     <td width="100%">
  33.       <div id="foo2">
  34.         tekst 2
  35.       </div>
  36.     </td>
  37.   </tr>
  38.     <tr onClick="change ('foo3')">
  39.     <td width="100%">
  40.       <div id="foo3">
  41.         tekst 3
  42.       </div>
  43.     </td>
  44.   </tr>
  45. </table>
  46. <br>
  47. <input type="submit">
  48. </form>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Zajec
post 15.08.2006, 10:14:51
Post #4





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
« 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 · 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: 30.06.2025 - 01:02
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn