Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [PHP]Jak wyświtlic wynik w oknie obok?
soldiernr1
post 16.06.2012, 12:59:08
Post #1





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 16.06.2012

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

Mamy tabelkę (2 okna). W oknie 1 mamy:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.   <head>
  4.   <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  5.   <meta name="generator" content="PSPad editor, www.pspad.com">
  6.  
  7. <head>
  8. <title>typowanie</title>
  9. </head>
  10. <body>
  11. <form action="zamowienie.php" method="post">
  12. Twój typ: 
  13. <INPUT TYPE="radio" NAME="znak" VALUE="1"> 1
  14. <INPUT TYPE="radio" NAME="znak" VALUE="X"> X
  15. <INPUT TYPE="radio" NAME="znak" VALUE="2"> 2
  16. </li>
  17. <input type="submit" value="OK" />
  18. </body>
  19. </html> 
[HTML] pobierz, plaintext



w oknie 2 ma się wyświetlić wybór użytkownika. Jak spowodować by po kliknięciu OK 1,X lub 2 wyświetliło się w oknie obok i automatycznie nastąpiła blokada ponownego wyboru którejś z opcji (1,X,2)?
Go to the top of the page
+Quote Post
sledziator
post 16.06.2012, 14:48:57
Post #2





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 16.06.2012

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

Dajesz w formie target="_blank", czyli:
[HTML] pobierz, plaintext 
  1. <form action="zamowienie.php" method="post" target="_blank">
[HTML] pobierz, plaintext

To ci otworzy nowe okno
Potem musisz po stronie przeglądarki zablokować, wysyłkę, tu najłatwiej wykorzystać JAVASCRIPT / JQUERY, np:
[PHP] pobierz, plaintext 
  1. $("form").submit(function(){
  2.        $("input").attr('disabled', 'disabled'); 
  3.     });
[PHP] pobierz, plaintext

W przykładze wyżej, po wysałniu formularza, dodajesz atrybut disabled="disabled" do wszystkich inputów. Nie wiem co dokładnie chcesz blokować, więc przykład jest bardzo ogólny . Mozesz oczywiście dostosować co chcesz blokować, poczytaj o selektorach w jquery.
Go to the top of the page
+Quote Post
d3ut3r
post 16.06.2012, 15:08:19
Post #3





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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

o coś takiego chodziło ?

http://jsfiddle.net/d3ut3r/ZGmxw/


--------------------
http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
Go to the top of the page
+Quote Post
d3ut3r
post 16.06.2012, 15:24:31
Post #4





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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

css tylko dla celów estetycznych, js w dokumencie w którym jest formularz w sekcji head (nie zapomnij dołączyć jQuery).


--------------------
http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
Go to the top of the page
+Quote Post
d3ut3r
post 16.06.2012, 18:13:14
Post #5





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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

powinno być dokładnie tak jak w linku który podałem:

[HTML] pobierz, plaintext 
  1. <html>
  2.  <head>
  3.    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  4.    <script type="text/javascript">
  5.    $(document).ready(function(){
  6.  
  7.     $('#tabela form').submit(function(){
  8.  
  9.         var wartosc=$('.radio:checked').val();
  10.         $('.radio').attr('disabled','disabled');
  11.         $('#tabela td span').html(wartosc);
  12.         return false;
  13.  
  14.     });
  15.  
  16. });​
  17.    </script>
  18. <style type="text/css">
  19. #tabela{
  20.     border:1px solid black;
  21.     border-collapse:collapse;
  22. }
  23. #tabela td{
  24.     border:1px solid black;
  25.     padding:20px;
  26. }​
  27. </style>
  28. </head>
  29. <body>
  30. <table id="tabela">
  31.  <tr>
  32.     <td>
  33.         <form action="zamowienie.php" method="post">
  34.         Twój typ: 
  35.             <input type="radio" name="znak" value="1" class="radio" /> 1
  36.             <input type="radio" name="znak" value="X" class="radio" /> X
  37.             <input type="radio" name="znak" value="2" class="radio" /> 2
  38.             <input type="submit" value="OK" />
  39.         </form>
  40.     </td>
  41.      <td>Wybrano: <span></span></td>
  42. </tr>    
  43. </table>
  44. </body>
  45. </html>
[HTML] pobierz, plaintext


dane nie są nigdzie wysyłane (zamowienie.php może być puste).


--------------------
http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
Go to the top of the page
+Quote Post
d3ut3r
post 18.06.2012, 10:57:32
Post #6





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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

trochę na kolanie ale powinno zadziałać:

[HTML] pobierz, plaintext 
  1. <html>
  2.  <head>
  3.    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  4.    <script type="text/javascript">
  5.    $(document).ready(function(){
  6.  
  7.    $('#tabela form').submit(function(){
  8.  
  9.         var nr=parseInt($(this).attr('rel'));        
  10.         var wartosc=$('.radio'+nr+':checked').val();
  11.         $('.radio'+nr).attr('disabled','disabled');
  12.         $(this).parent().next('td').html(wartosc);
  13.         return false;
  14.  
  15.     });
  16.  
  17. });​
  18.    </script>
  19. <style type="text/css">
  20. #tabela{
  21.     border:1px solid black;
  22.     border-collapse:collapse;
  23. }
  24. #tabela td{
  25.     border:1px solid black;
  26.     padding:20px;
  27. }​
  28. </style>
  29. </head>
  30. <body>
  31. <table id="tabela">
  32. <?php
  33.  for ($i=1;$i<=30;$i++):
  34. ?>
  35.  <tr>
  36.     <td>
  37.         <form rel="<?=$i?>" action="zamowienie.php" method="post">
  38.         Twój typ: 
  39.             <input type="radio" name="znak<?=$i?>" value="1" class="radio<?=$i?>" /> 1
  40.             <input type="radio" name="znak<?=$i?>" value="X" class="radio<?=$i?>" /> X
  41.             <input type="radio" name="znak<?=$i?>" value="2" class="radio<?=$i?>" /> 2
  42.             <input type="submit" value="OK" />
  43.         </form>
  44.     </td>
  45.      <td>Wybrano: <span></span></td>
  46. </tr>    
  47. <?php
  48.  endfor;
  49. ?>
  50. </table>
  51. </body>
  52. </html>
[HTML] pobierz, plaintext


--------------------
http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
Go to the top of the page
+Quote Post
soldiernr1
post 18.06.2012, 11:35:11
Post #7





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 16.06.2012

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

Hmm, nie działa. Strona wyświetla tabelę i po wybraniu opcji i kliknięciu OK nic się nie dzieje. Testowałem również na JSFIDDLE i też nie działa.

Ten post edytował soldiernr1 18.06.2012, 11:54:53
Go to the top of the page
+Quote Post
d3ut3r
post 18.06.2012, 12:33:33
Post #8





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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

dziwne bo u mnie działa smile.gif

tam są fragmenty kodu php nazwij plik np skrypt.php i wrzuć go na serwer i sprawdź Czy nie działa, ew. podaj link. Wkleję jeszcze raz kod:

[PHP] pobierz, plaintext 
  1. <html>
  2.  <head>
  3.    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  4.    <script type="text/javascript">
  5.    $(document).ready(function(){
  6.  
  7.    $('#tabela form').submit(function(){
  8.  
  9.         var nr=parseInt($(this).attr('rel'));        
  10.         var wartosc=$('.radio'+nr+':checked').val();
  11.         $('.radio'+nr).attr('disabled','disabled');
  12.         $(this).parent().next('td').html(wartosc);
  13.         return false;
  14.  
  15.     });
  16.  
  17. });
  18.    </script>
  19. <style type="text/css">
  20. #tabela{
  21.     border:1px solid black;
  22.     border-collapse:collapse;
  23. }
  24. #tabela td{
  25.     border:1px solid black;
  26.     padding:20px;
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <table id="tabela">
  32. <?php
  33.  for ($i=1;$i<=30;$i++):
  34. ?>
  35.  <tr>
  36.     <td>
  37.         <form rel="<?=$i?>" action="zamowienie.php" method="post">
  38.         Twój typ: 
  39.             <input type="radio" name="znak<?=$i?>" value="1" class="radio<?=$i?>" /> 1
  40.             <input type="radio" name="znak<?=$i?>" value="X" class="radio<?=$i?>" /> X
  41.             <input type="radio" name="znak<?=$i?>" value="2" class="radio<?=$i?>" /> 2
  42.             <input type="submit" value="OK" />
  43.         </form>
  44.     </td>
  45.      <td>Wybrano: <span></span></td>
  46. </tr>    
  47. <?php
  48.  endfor;
  49. ?>
  50. </table>
  51. </body>
  52. </html>
[PHP] pobierz, plaintext


--------------------
http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
Go to the top of the page
+Quote Post
soldiernr1
post 18.06.2012, 13:16:49
Post #9





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 16.06.2012

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

z perspektywy pisania kodu widzę jak wazne jest okreslenie zamierzen na początku (by ominąć nieścisłości).
Tak chyba będzie najszybciej:
(strona w budowie nieużytkowana)
Powyższa stronka działa na zasadzie wprowadzania danych na sztywno (wysyłka formularza i wprowadzanie danych ręcznie)
Potrzebuję skrypt, który zautomatyzuje wybór opcji przez użytkownika (w przypadku 15 użytkowników wprowadzanie danych juz jest czasochłonne i może nie być nieomylne). Czyli tak jak wcześniej pisałem:
Uzytkownik klika jedną z opcji zatwierdza i obok wyświetla sie jego wybór. Dodatkowo po odświeżeniu strony jego wybór jest zapisany i nie może już go zmienić.

Ten post edytował soldiernr1 18.06.2012, 14:34:48
Go to the top of the page
+Quote Post
d3ut3r
post 18.06.2012, 14:18:50
Post #10





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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

Podałem Ci już gotowca, sorry ale jeżeli zamierzasz uczyć sie tworzyć strony www to nie wystarczy z każdym problemem iść na forum smile.gif skopiuj kod który Ci podałem działa on na 100% zapisz go do innego pliku i przeanalizuj i wyciągnij wnioski dlaczego u mnie działa a u Ciebie nie.

Cytat
Dodatkowo po odświeżeniu strony jego wybór jest zapisany i nie może już go zmienić.


To już zupełnie inna bajka ... myślę, że wybrałeś za trudny temat zaczyna się zawsze od podstaw a kursów w sieci jest naprawdę sporo smile.gif

Ten post edytował d3ut3r 18.06.2012, 14:19:01


--------------------
http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
Go to the top of the page
+Quote Post
soldiernr1
post 18.06.2012, 14:29:50
Post #11





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 16.06.2012

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

Cytat
Podałem Ci już gotowca, sorry ale jeżeli zamierzasz uczyć sie tworzyć strony www to nie wystarczy z każdym problemem iść na forum smile.gif skopiuj kod który Ci podałem działa on na 100% zapisz go do innego pliku i przeanalizuj i wyciągnij wnioski dlaczego u mnie działa a u Ciebie nie.


Działa wystarczy że zmieniłem plik na php jednak jak juz wiesz chodziło mi o co innego. Ok, dzieki za pomoc.

Ten post edytował soldiernr1 18.06.2012, 14:30:36
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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: Standardowy · Przełącz na: 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: 15.07.2025 - 02:32
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn