Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Edycja tekstu po kliknięciu
JamalBIG
post 12.11.2013, 20:35:18
Post #1





Grupa: Zarejestrowani
Postów: 496
Pomógł: 1
Dołączył: 16.01.2008
Skąd: Świnoujście

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


Witam

Wiem, że jest możliwe ale nie wiem jak to znaleźć - chodzi o skrypt dzięki któremu po kliknięciu np w div'a pojawi się pole <textarea> z podaną wartoścą którą mogę zmienić - podobnie działa to w phpMyAdmina (nowsze wersje) - po dwukrotnym kliknięciu pojawia się pole edycji;

Z góry dzięki za pomoc
Pozdrawiam
Go to the top of the page
+Quote Post
thrawn1986
post 12.11.2013, 20:49:10
Post #2





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 27.01.2013

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


  1.  
  2. <html>
  3. <head>
  4. <script>
  5.  
  6. function pokazywacz ()
  7. {
  8. var zmienna = document.getElementById("pokaz");
  9. zmienna.style.display = "block";
  10. }
  11.  
  12.  
  13. </script>
  14. </head>
  15. <body>
  16.  
  17. <div onClick="pokazywacz()">klik<div>
  18.  
  19. <textarea id="pokaz" style="display: none">napis</textarea>
  20.  
  21.  
  22. </body>
  23. </html>
  24.  


Pozdrawiam smile.gif

Ten post edytował thrawn1986 12.11.2013, 20:51:11
Go to the top of the page
+Quote Post
JamalBIG
post 12.11.2013, 20:53:56
Post #3





Grupa: Zarejestrowani
Postów: 496
Pomógł: 1
Dołączył: 16.01.2008
Skąd: Świnoujście

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


Działa fajnie ale chodzi mi o skrypt dzięki któremu, tak jak w phpMyAdmin, możemy edytować całą listę danych (w moim przypadku chodzi tylko o pole <textarea> które jest w tablicy ' nazwa=koko[] '
Go to the top of the page
+Quote Post
thrawn1986
post 12.11.2013, 21:14:23
Post #4





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 27.01.2013

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


  1.  
  2. <html>
  3. <head>
  4. <script>
  5.  
  6. var test = 0;
  7.  
  8. function pokazywacz ()
  9. {
  10. if (test < 1)
  11. {
  12.  
  13. var zmienna = document.getElementById("pokaz");
  14.  
  15.  
  16. var n = document.createElement("textarea");
  17. n.innerHTML=zmienna.innerHTML;
  18. n.style.width= "200px";
  19.  
  20. zmienna.innerHTML="";
  21. zmienna.appendChild(n);
  22.  
  23.  
  24.  
  25. test++;
  26. }
  27. }
  28.  
  29.  
  30. </script>
  31. </head>
  32. <body>
  33.  
  34. <div onClick="pokazywacz()" id="pokaz" style="border: solid; width: 200px">
  35. Tutaj jest jakis tekst.
  36. </div>
  37.  
  38.  
  39.  
  40.  
  41. </body>
  42. </html>
  43.  
  44.  


Nie wiem, czy o to Ci chodzi, bo nie korzystałem nigdy z phpMyAdmin.

Ten post edytował thrawn1986 12.11.2013, 21:19:36
Go to the top of the page
+Quote Post
JamalBIG
post 12.11.2013, 21:20:23
Post #5





Grupa: Zarejestrowani
Postów: 496
Pomógł: 1
Dołączył: 16.01.2008
Skąd: Świnoujście

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


Chodzi o to że na stronie mam 10 pozycji którymi chce sobie zarządzać - Twój skrypt daje mi możliwość takiej zabawy tylko z jedną pozycją;

P.S - mimo to dzięki za odpowiedzi;
Go to the top of the page
+Quote Post
thrawn1986
post 12.11.2013, 22:04:14
Post #6





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 27.01.2013

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


Ostatnia próba wink.gif

  1. <html>
  2. <head>
  3. <script>
  4.  
  5.  
  6.  
  7. function pokazywacz (identy)
  8. {
  9.  
  10.  
  11.  
  12. var n = document.createElement("textarea");
  13. n.innerHTML=identy.innerHTML;
  14.  
  15.  
  16. identy.innerHTML="";
  17. identy.appendChild(n);
  18. identy.removeAttribute("onclick");
  19. //identy.onClick= ;
  20.  
  21.  
  22.  
  23. }
  24.  
  25.  
  26. </script>
  27. </head>
  28. <body>
  29.  
  30. <div onClick="pokazywacz(this)" style="border: solid; width: 200px; padding: 1px; margin: 5px;">Tutaj jest jakis tekst.</div>
  31. <div onClick="pokazywacz(this)" style="border: solid; width: 200px; padding: 1px; margin: 5px;">A tutaj kolejny.</div>
  32. <div onClick="pokazywacz(this)" style="border: solid; width: 200px; padding: 1px; margin: 5px;">I jeszcze jeden.</div>
  33. <div onClick="pokazywacz(this)" style="border: solid; width: 200px; padding: 1px; margin: 5px;">:)</div>
  34. <div onClick="pokazywacz(this)" style="border: solid; width: 200px; padding: 1px; margin: 5px;">:P</div>
  35. <div onClick="pokazywacz(this)" style="border: solid; width: 200px; padding: 1px; margin: 5px;">;)</div>
  36.  
  37. </body>
  38. </html>
Go to the top of the page
+Quote Post
kamil4u
post 12.11.2013, 22:06:50
Post #7





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


https://developer.mozilla.org/en-US/docs/We...ontent_Editable ?

lub

http://stackoverflow.com/questions/2441565...when-i-click-it -> http://jsfiddle.net/GeJkU/


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 13:01