Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][PHP][HTML][Inne] skrypt html (czyt opis), chcialbym zrobic pole ktore odwraca tekst.
Neeew
post
Post #1





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 27.04.2013
Skąd: localhost

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


tak jak w opisie...
chcialbym zrobic pole ktore jak sie wpisze do pierwszego pola tekst to w drugim polu pojawi sie odwrócony tekst...

a tu skrypt jak ma wygladac...

  1.  
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  3. <title>Strona odwracająca tekst</title>
  4. </head>
  5.  
  6. <u><h1>Odwracanie tekstu</h1></u>
  7.  
  8. <!--Pole Formularza + przycisk-->
  9. <input type="text" maxlength="99999" size="30">
  10. <input type="submit" value="Odwróć!"/>
  11.  
  12. <hr color="black">
  13.  
  14. <h3>Odwrócony tekst:<h3>
  15.  
  16. <!--Pole z odpowiedzia-->
  17. <textarea placeholder="rezultaty odwrócenia..."></textarea>
  18.  
  19. <hr color="black">
  20. <center><b>?Strona stworzona na potrzeby forum.php.pl</b></center>
  21. <body bgcolor="green">
  22. </body>
  23.  
  24. </html>


prosze o pomoc... przyda mi sie taki skrypt.

który odwróci tekst np Hello World! = !dlroW olleH .

Ten post edytował Neeew 28.04.2013, 20:44:32


--------------------
możesz coś przeczytać jeden raz dokładnie lub przerabiać pare razy.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
lobopol
post
Post #2





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


Wyciągasz wartość inputa, używasz na nim split i robisz prostą pętle na uzyskanej tablicy idąc od tyłu, wartość wpisujesz do textarea

Albo prościej

[JAVASCRIPT] pobierz, plaintext
  1. var result = string.split("").reverse().join("");
[JAVASCRIPT] pobierz, plaintext


gdzie string to pobrana wartość inputa

Ten post edytował lobopol 28.04.2013, 21:27:03


--------------------
Go to the top of the page
+Quote Post
Neeew
post
Post #3





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 27.04.2013
Skąd: localhost

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


hmm nie umiem... da sie jakoś łatwiej wytlumaczyc? :/ , thx.


--------------------
możesz coś przeczytać jeden raz dokładnie lub przerabiać pare razy.
Go to the top of the page
+Quote Post
PrinceOfPersia
post
Post #4





Grupa: Zarejestrowani
Postów: 717
Pomógł: 120
Dołączył: 18.04.2009

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


po prostu wstaw podany wyżej kod do funkcji, która będzie odpalana jak ktoś kliknie. Np. tak: (wersja z użyciem jQuery):
[JAVASCRIPT] pobierz, plaintext
  1. <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  2. <script>
  3. $(document).ready(function() {
  4. $("#odwroc").click(function() {
  5. var oryginalnyTekst = $("#okienko-do-wpisywania").val(); // pobieramy atrybut "value" z inputa "okienko-do-wpisywania"
  6. var odwroconyTekst = oryginalnyTekst.split("").reverse().join(""); // "sztuczka" do zamieniania tekstu
  7. $("#rezultaty").text(odwroconyTekst); // zrzucamy tekst do elementu o id "rezultaty"
  8. });
  9. });
  10. </script>
[JAVASCRIPT] pobierz, plaintext


Tylko, żeby to zadziało, musisz dodać odpowiednie id:
<input id="okienko-do-wpisywania" type="text" maxlength="99999" size="30">
<input id="odwroc" type="submit" value="Odwró?!"/>
<textarea id="rezultaty" placeholder="rezultaty odwrócenia..."></textarea>

Ten post edytował PrinceOfPersia 28.04.2013, 23:56:01


--------------------
Go to the top of the page
+Quote Post
Neeew
post
Post #5





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 27.04.2013
Skąd: localhost

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


  1.  
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  3. <title>Strona odwracająca tekst</title>
  4. </head>
  5.  
  6. <u><h1>Odwracanie tekstu</h1></u>
  7.  
  8. <!--Pole Formularza + przycisk-->
  9. <input type="text" id="okienko-do-wpisywania" maxlength="9999999" size="30">
  10. <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  11.  
  12. $(document).ready(function() {
  13.  
  14. $("#odwroc").click(function() {
  15.  
  16. var oryginalnyTekst = $("#okienko-do-wpisywania").val(); // pobieramy atrybut "value" z inputa "okienko-do-wpisywania"
  17.  
  18. var odwroconyTekst = oryginalnyTekst.split("").reverse().join(""); // "sztuczka" do zamieniania tekstu
  19.  
  20. $("#rezultaty").text(odwroconyTekst); // zrzucamy tekst do elementu o id "rezultaty"
  21.  
  22. });
  23.  
  24. });
  25.  
  26. </script>
  27. <input type="submit" id="odwroc" value="Odwróć!"/>
  28.  
  29. <hr color="black">
  30.  
  31. <h3>Odwrócony tekst:<h3>
  32.  
  33. <!--Pole z odpowiedzia-->
  34. <textarea id="rezultaty" placeholder="rezultaty odwrócenia..."></textarea>
  35.  
  36. <hr color="black">
  37. <center><b>&copy;Strona stworzona na potrzeby forum.php.pl</b></center>
  38. <body bgcolor="green">
  39. </body>
  40.  
  41. </html>


działa, dzięki smile.gif || temat mozna zamknac.


--------------------
możesz coś przeczytać jeden raz dokładnie lub przerabiać pare razy.
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 Aktualny czas: 22.08.2025 - 02:41