Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] dane z formularza w textboxie
Forum PHP.pl > Forum > Przedszkole
marian2299
6.12.2016, 05:49:55
Cześć,

Nie wiem nic o jQuery ale pilnie potrzebuję zrobić do pracy coś, co pozwoli szybko zmieniać template'y w zależności od czego robimy.

Chciałbym mieć input wyboru "jezyk" (polski/angielki), "typ zapytania" (wyboru - CHANGE or CREATION) i np kiedy wpiszę Adam, angielski, change pokazywałoby mi się
"Hi Adam,
Thank you for the change". a kiedy na początku wybiorę polski, "Cześć Adam, Dziękuję za modyfikacje. 
[HTML] pobierz, plaintext 
  1. <html lang="en">
  2. <head>
  3.   <meta charset="utf-8">
  4.   <title>val demo</title>
  5.   <style>
  6.  div {
  7.     border: 2px dashed #E2102C;
  8.     margin: 5px;
  9.     padding: 4px;
  10.   }
  11.   </style>
  12.   <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  13. </head>
  14. <body>
  15.  <form id="form">
  16. Requestor's Name: <input id="imie" value="[name]"><br /><br />
  17. Request type: <select id="type">
  18.   <option value="created">CREATION</option>
  19.   <option value="modified">CHANGE</option>
  20.   <option value="deleted">DELETION</option>
  21.   <option value="obsoleted">OBSOLESCENE</option>
  22. </select>
  23. Material no. <input id="article" value="[4000000]"><br /><br />
  24.  </form>
  25.  
  26.  
  27. <br /><br />
  28. <div style="width:800px;height:500px;" contenteditable="true"></div>
  29.  
  30.  
  31.  <script>
  32.  
  33.  
  34. $( "form" )
  35.  
  36.  .keyup(function() {
  37.  
  38.  var imie = $( "#imie" ).val();
  39.  var type = $( "#type" ).val();
  40.  var article = $( "#article" ).val();
  41.  
  42. $( "div" ).html( "<b>Hi " + imie +
  43.     " </b></br>I'm glad to inform that your request has been completed by the team.</br> Therefore, the requestl # " + article + 
  44.     " has been " + type );
  45.  })
  46.  
  47.  
  48.  
  49. .keyup();
  50.  
  51.  
  52. </script>
  53. </body>
  54. </html>
[HTML] pobierz, plaintext


jak dodac opcje .keyup dla select i jak dodać opcję języka i pokazywania niektórych pól w zależności od wyboru


Z góry dziękuję!

Właściwie moje głowne pytanie, to jak dobierać treść dalszej informacji w DIVie w zależności od wybranego pola w <select> i jak sprawić, żeby to się zmieniało w trakcie klikania *teraz cos nie dziala, i dzialaja tylko input*

Dziekuje
nospor
6.12.2016, 11:37:09
Wybacz moje pytanie, ale czemu ty jezyk chcesz wybierac na danej stronie i to jeszcze w js? Normalnie jezyk wybiera sie raz ogolnie na stronie i w zaleznosci od wybranego jezyka wyswietla sie tresci w danym jezyku. Uzytkownik juz nie musi potem wybierac na kazdej stronie jezyka - zrobil to raz i starczy
Niree
6.12.2016, 15:50:43
Zrób sobie jakieś ciasteczko, menu z wyborem języka strony, i z ciasteczka wyświetlaj:

[PHP] pobierz, plaintext 
  1. if(isset($_COOKIE['language'] == 'pl'))
  2. {
  3. echo "formularz po polsku";
  4. }
  5. else
  6. {
  7. echo "formularz po angielsku";
  8. }
[PHP] pobierz, plaintext
marian2299
9.12.2016, 04:41:14
Niestety nie moge uzywac PHP.

Wlasciwie chodzi mi tylko o to, zeby jakikolwiek skrypt w HTMLu mogl mi sprawic div/textbox ktory bedzie wypelniany tekstem w zaleznosci od zawartosci formularza i klikniec.
Np.

JEZYK [x] polski [] angielski
IMIE: [Adam]
PLEC: [x] kobieta [] mezczyzna
NEWSLETTER: [x] tak []nie

i w zaleznosci od klikniec dostane:

"Czesc Adam,
Wspaniale, ze jestes kobieta i zgodziles sie na nasz newsletter"

a przy kliknieciu selection na angielski, automatycznie, w momencie klikniecia, formularz ktory bedzie nizej, zamieni sie na
"Hi Adam.
It's fabulous you're a women and you agreed to subscribe our newsletter"


jakis pomysl? moze prostszy niz moj kod?

[up]
viking
9.12.2016, 07:44:45
https://github.com/recurser/jquery-i18n
I tylko sobie zmieniaj język na bazie wyboru.
marian2299
12.12.2016, 23:41:03
TO JEST SUPER! Bardzo dziękuję!
A miałbyś jakiś pomysł dot. umieszczania tych danych razem z .keyup ?

up
viking
13.12.2016, 07:50:59 
[HTML] pobierz, plaintext 
  1. <form id="form">
  2.         <select name="lang">
  3.             <option value="pl">polski</option>
  4.             <option value="en">angielski</option>
  5.         </select><br /><br />
[HTML] pobierz, plaintext


Na dole

[HTML] pobierz, plaintext 
  1. <script>
  2.      var pl_dict = {
  3.         'hi name': 'Witaj %s',
  4.         'request': 'Zlecenie # %s zostało %s',
  5.         'created': 'utworzone',
  6.         'modified': 'zmodyfikowane'
  7.     }
  8.     var en_dict = {
  9.         'hi name': 'Hi %s',
  10.         'request': 'Therefore, the request # %s has been %s'
  11.     }
  12.      $(function() {
  13.      $('#form select[name=lang]').on('change', function(e){
  14.         $.i18n.dict = null;
  15.         var dictionary = window[($(this).val() + '_dict')];
  16.         $.i18n.load(dictionary);
  17.         $('form').trigger('keyup');
  18.      });
  19.      $('#form select[name=lang]').trigger('change');
  20.  
  21.  
  22.     $( "form" ).on('keyup', function() {
  23.  
  24.          var imie = $( "#imie" ).val();
  25.          var type = $.i18n._($( "#type" ).val());
  26.          var article = $( "#article" ).val();
  27.  
  28.         $( "div" ).html( $.i18n._('hi name', imie) +
  29.             " </b></br>I'm glad to inform that your request has been completed by the team.</br>" + $.i18n._('request', article, type) );
  30.     }).trigger('keyup'); 
  31.  
  32.  
  33.      });
  34.     </script>
  35.     </body>
  36.     </html>
[HTML] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.