Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [jQuery] dane z formularza w textboxie, jak dodać język w divie
marian2299
post
Post #1





Grupa: Zarejestrowani
Postów: 272
Pomógł: 9
Dołączył: 6.06.2009

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


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.
  1. <html lang="en">
  2. <meta charset="utf-8">
  3. <title>val demo</title>
  4. div {
  5. border: 2px dashed #E2102C;
  6. margin: 5px;
  7. padding: 4px;
  8. }
  9. </style>
  10. <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  11. </head>
  12. <form id="form">
  13. Requestor's Name: <input id="imie" value="[name]"><br /><br />
  14. Request type: <select id="type">
  15. <option value="created">CREATION</option>
  16. <option value="modified">CHANGE</option>
  17. <option value="deleted">DELETION</option>
  18. <option value="obsoleted">OBSOLESCENE</option>
  19. Material no. <input id="article" value="[4000000]"><br /><br />
  20. </form>
  21.  
  22.  
  23. <br /><br />
  24. <div style="width:800px;height:500px;" contenteditable="true"></div>
  25.  
  26.  
  27.  
  28.  
  29. $( "form" )
  30.  
  31. .keyup(function() {
  32.  
  33. var imie = $( "#imie" ).val();
  34. var type = $( "#type" ).val();
  35. var article = $( "#article" ).val();
  36.  
  37. $( "div" ).html( "<b>Hi " + imie +
  38. " </b></br>I'm glad to inform that your request has been completed by the team.</br> Therefore, the requestl # " + article +
  39. " has been " + type );
  40. })
  41.  
  42.  
  43.  
  44. .keyup();
  45.  
  46.  
  47. </body>
  48. </html>


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

Ten post edytował marian2299 6.12.2016, 05:50:52


--------------------
film edit student
Go to the top of the page
+Quote Post
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




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


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

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





Grupa: Zarejestrowani
Postów: 220
Pomógł: 18
Dołączył: 5.02.2016
Skąd: Polska

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


Zrób sobie jakieś ciasteczko, menu z wyborem języka strony, i z ciasteczka wyświetlaj:

  1. if(isset($_COOKIE['language'] == 'pl'))
  2. {
  3. echo "formularz po polsku";
  4. }
  5. else
  6. {
  7. echo "formularz po angielsku";
  8. }
Go to the top of the page
+Quote Post
marian2299
post
Post #4





Grupa: Zarejestrowani
Postów: 272
Pomógł: 9
Dołączył: 6.06.2009

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


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]


--------------------
film edit student
Go to the top of the page
+Quote Post
viking
post
Post #5





Grupa: Zarejestrowani
Postów: 6 380
Pomógł: 1116
Dołączył: 30.08.2006

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


https://github.com/recurser/jquery-i18n
I tylko sobie zmieniaj język na bazie wyboru.


--------------------
Go to the top of the page
+Quote Post
marian2299
post
Post #6





Grupa: Zarejestrowani
Postów: 272
Pomógł: 9
Dołączył: 6.06.2009

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


TO JEST SUPER! Bardzo dziękuję!
A miałbyś jakiś pomysł dot. umieszczania tych danych razem z .keyup ?

up


--------------------
film edit student
Go to the top of the page
+Quote Post
viking
post
Post #7





Grupa: Zarejestrowani
Postów: 6 380
Pomógł: 1116
Dołączył: 30.08.2006

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


  1. <form id="form">
  2. <select name="lang">
  3. <option value="pl">polski</option>
  4. <option value="en">angielski</option>
  5. </select><br /><br />


Na dole

  1. var pl_dict = {
  2. 'hi name': 'Witaj %s',
  3. 'request': 'Zlecenie # %s zostało %s',
  4. 'created': 'utworzone',
  5. 'modified': 'zmodyfikowane'
  6. }
  7. var en_dict = {
  8. 'hi name': 'Hi %s',
  9. 'request': 'Therefore, the request # %s has been %s'
  10. }
  11. $(function() {
  12. $('#form select[name=lang]').on('change', function(e){
  13. $.i18n.dict = null;
  14. var dictionary = window[($(this).val() + '_dict')];
  15. $.i18n.load(dictionary);
  16. $('form').trigger('keyup');
  17. });
  18. $('#form select[name=lang]').trigger('change');
  19.  
  20.  
  21. $( "form" ).on('keyup', function() {
  22.  
  23. var imie = $( "#imie" ).val();
  24. var type = $.i18n._($( "#type" ).val());
  25. var article = $( "#article" ).val();
  26.  
  27. $( "div" ).html( $.i18n._('hi name', imie) +
  28. " </b></br>I'm glad to inform that your request has been completed by the team.</br>" + $.i18n._('request', article, type) );
  29. }).trigger('keyup');
  30.  
  31.  
  32. });
  33. </script>
  34. </body>
  35. </html>


--------------------
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 - 07:05