Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: jQuery dialog i treść w divach ...
Forum PHP.pl > Forum > Po stronie przeglądarki
smiady
14.03.2015, 19:36:00
Witam.


Mam taki kod:
[PHP] pobierz, plaintext 
  1.     $("#dialog" ).dialog({
  2.         resizable: false,
  3.         height: 300,
  4.         width: 350,
  5.         buttons: [
  6.             {
  7.                 text: "Zapisz",
  8.                 click: function() {
  9.                    //coś tam zapisuje
  10.                 }
  11.             },
  12.             {
  13.                 text: "Anuluj",
  14.                 click: function() {
  15.                     $(this).dialog('close');                    
  16.                 }
  17.             }
  18.         ]
  19.     });
[PHP] pobierz, plaintext 


[PHP] pobierz, plaintext 
  1. <div id="dialog" title="Zapisz jako">
  2.     <p>Zapisz wycene cementu jako:</p>
  3.     <form id="dialog_form">
  4.         <input id="dialog_nazwa" name="dialog_nazwa" />
  5.     </form>
  6. </div>     
[PHP] pobierz, plaintext


Okno dialogowe działa - wyskakuje i pokazują się przyciski Zapisz i Anuluj, które działają tak jak zdefiniowałem, lecz niestety okienko nie ma znacznika p i input ...
dziwne, bo wg dokumentacji powinno być ...

Czy coś jest pominięte ... ?
kafowi
15.03.2015, 16:39:48
Wszystko jest ok, mi to działa.
Sprawdź przykład poniżej.

[HTML] pobierz, plaintext 
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>jQuery UI</title>
  6. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  7. <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css" />
  8. <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
  9. </head>
  10.  
  11. <body>
  12. <div id="dialog" title="Zapisz jako">
  13.     <p>Zapisz wycene cementu jako:</p>
  14.     <form id="dialog_form">
  15.         <input id="dialog_nazwa" name="dialog_nazwa" />
  16.     </form>
  17. </div>     
  18. <script>
  19.     $("#dialog" ).dialog({
  20.         resizable: false,
  21.         height: 300,
  22.         width: 350,
  23.         buttons: [
  24.             {
  25.                 text: "Zapisz",
  26.                 click: function() {
  27.                    //coś tam zapisuje
  28.                 }
  29.             },
  30.             {
  31.                 text: "Anuluj",
  32.                 click: function() {
  33.                     $(this).dialog('close');                    
  34.                 }
  35.             }
  36.         ]
  37.     });
  38. </script>
  39. </body>
  40. </html>
  41.  
[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.