Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][JavaScript][AJAX] Po naciśnięciu przycisku wyskakuje okienko
bubus_s
post 24.08.2010, 09:24:55
Post #1





Grupa: Zarejestrowani
Postów: 83
Pomógł: 0
Dołączył: 15.06.2009
Skąd: Lublin

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


Witam.
Chce aby po naciśnięciu przycisku "wyślij" wyskoczyło okienko.
W tym okienku jakiś komunikat.

Po kliknięciu przycisku występuje przekierowanie co utrudnia sprawę.

1.Funkcja alert mimo wszystko że jest dobra odpada.
Chyba że da się w niej tekst pogrubić.

2. Okno dialogowe.
Wszystko było by dobrze jakby nie te przekierowanie okienko jest dosłownie kilka sekund i następuję przekierowanie.

Mam nadzieję że jakoś będziecie mi mogli pomóc.
Go to the top of the page
+Quote Post
nospor
post 24.08.2010, 09:27:20
Post #2





Grupa: Moderatorzy
Postów: 36 556
Pomógł: 6314
Dołączył: 27.12.2004




No to pokaz kod jak to robisz... pewnie masz jakiś banalny błąd. Ale jak mamy ci pomóc, z fusów nie wróżymy


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

"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
askone
post 24.08.2010, 10:35:52
Post #3





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

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


Zdecydowanie robisz coś źle. Korzystając z ui-jquery masz do dyspozycji funkcjonalność okienek dialogowych. Pokaż kod, no i oczywiście tak jak poprzednio sprawdź dokumentację winksmiley.jpg

Pozdrawiam


--------------------
Kliknij jeśli moja odpowiedź Ci pomogła.
askone.pl
Go to the top of the page
+Quote Post
bubus_s
post 24.08.2010, 11:16:15
Post #4





Grupa: Zarejestrowani
Postów: 83
Pomógł: 0
Dołączył: 15.06.2009
Skąd: Lublin

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


Mam takie coś:

[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function(){
  2.  
  3. $("#przycisk").click(function(event){
  4. $("#dialog").dialog();
  5. $("#dialog").removeClass("ukryty");
  6. });
  7.  
  8. });
[JAVASCRIPT] pobierz, plaintext


Niestety jest przekierowanie na stronie po naciśnieciu przycisku wyślij i okienko wyskakuje dosłownie na sekundę i się chowa.

Teraz potrzeba zrobić tak aby okienko było cały czas wyświetlane mimo zmiany strony
Lub przekierowanie nastąpiło by dopiero jak w okienku nacisnął bym tak czy coś takiego
Go to the top of the page
+Quote Post
nospor
post 24.08.2010, 11:21:00
Post #5





Grupa: Moderatorzy
Postów: 36 556
Pomógł: 6314
Dołączył: 27.12.2004




No a czy przypadkiem #przycisk nie jest polem typu SUBMIT? No jesli tak to nic dziwnego ze submit submituje ci formularz winksmiley.jpg
Musisz przerwać wykonywanie tego submita.


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

"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
bubus_s
post 24.08.2010, 11:26:32
Post #6





Grupa: Zarejestrowani
Postów: 83
Pomógł: 0
Dołączył: 15.06.2009
Skąd: Lublin

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


Tak #przycisk jest Polem typu Submit.
Ale chcę po naciśnięciu Submit aby pokazał się okienko.

Nie rozumiem jak przerwać wykonywanie tego submita.
Go to the top of the page
+Quote Post
askone
post 24.08.2010, 11:29:54
Post #7





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

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


Cytat(bubus_s @ 24.08.2010, 12:16:15 ) *
Mam takie coś:

[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function(){
  2.  
  3. $("#przycisk").click(function(event){
  4. $("#dialog").dialog();
  5. $("#dialog").removeClass("ukryty");
  6. });
  7.  
  8. });
[JAVASCRIPT] pobierz, plaintext


Niestety jest przekierowanie na stronie po naciśnieciu przycisku wyślij i okienko wyskakuje dosłownie na sekundę i się chowa.

Teraz potrzeba zrobić tak aby okienko było cały czas wyświetlane mimo zmiany strony
Lub przekierowanie nastąpiło by dopiero jak w okienku nacisnął bym tak czy coś takiego


Po pierwsze wywołanie funkcji ui-jquery dialog nie wykonuj w funkcji przypisanej do zdarzenia click. Zrób to tak:
[JAVASCRIPT] pobierz, plaintext
  1. (document).ready(function(){
  2. $("#dialog").dialog();
  3. $("#przycisk").click(function(event){
  4. $("#dialog").dialog("open")
  5. return false;
  6. });
  7. });
[JAVASCRIPT] pobierz, plaintext


Zamiast return false można ewentualnie zastosować event.preventDefault(); Ponadto skoro jest to dialog z jakaś informacją to pewnie ma jakiś przycik - choćby OK - tak więc submit formularza zrób dopiero po kliknięciu w ten przycisk.

Pozdrawiam


--------------------
Kliknij jeśli moja odpowiedź Ci pomogła.
askone.pl
Go to the top of the page
+Quote Post
bubus_s
post 24.08.2010, 11:42:53
Post #8





Grupa: Zarejestrowani
Postów: 83
Pomógł: 0
Dołączył: 15.06.2009
Skąd: Lublin

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


No tak chciałbym zrobić tak aby po kliknięciu OK przekierowało mnie.

ale jak nacisnę najpierw na Wyslij to mnie odrazu przekierowuje bo w form jest
  1. <form name="subscribeform" class="cmxform" id="rejestracja2" method="post" action="http:/myweb">

Czyli od początku.

Naciskam Wyślij wyskakuje mi okienko.
W Okienku naciskam Ok przekierowuje mnie.
jak to zrobić?

Ten post edytował bubus_s 24.08.2010, 11:43:14
Go to the top of the page
+Quote Post
askone
post 24.08.2010, 12:02:32
Post #9





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

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


Zamiast input typu submit daj w formularzu
  1. <button id="submit">Wyślij</button>.

Później:
[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function(){
  2. $("button").button();
  3. $("#dialog").dialog();
  4. $("#submit").click(function(event){
  5. $("#dialog").dialog("open");
  6. });
  7. });
[JAVASCRIPT] pobierz, plaintext

Natomiast do przycisku OK dialogu podpinasz funkcję w której dajesz:

[JAVASCRIPT] pobierz, plaintext
  1. $("#id_form").submit();
[JAVASCRIPT] pobierz, plaintext


Pozdrawiam


--------------------
Kliknij jeśli moja odpowiedź Ci pomogła.
askone.pl
Go to the top of the page
+Quote Post
bubus_s
post 24.08.2010, 12:05:28
Post #10





Grupa: Zarejestrowani
Postów: 83
Pomógł: 0
Dołączył: 15.06.2009
Skąd: Lublin

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


Dzięki.
Zaraz sprawdzę.

Ale jeszcze chyba można przecież normalnie dodać
w Okienku przycisk zwykły w HTML.
Wkońcu okienko jest to div który się zamienia w okienko.
I w tym Divie dać zwykły Kod HTML.

Pozdrawiam
Go to the top of the page
+Quote Post
askone
post 24.08.2010, 12:12:34
Post #11





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

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


Wywołanie
[JAVASCRIPT] pobierz, plaintext
  1. $("button").button();
[JAVASCRIPT] pobierz, plaintext


Jest tylko dlatego aby ładnie ostylować przycisk. Korzystając z ui-jquery masz do dyspozycji zunifikowany zestaw reguł css smile.gif Oczywiście, jeśli chcesz sam dobierać style to nie wywołuj tego...

Ten post edytował askone 24.08.2010, 12:12:55


--------------------
Kliknij jeśli moja odpowiedź Ci pomogła.
askone.pl
Go to the top of the page
+Quote Post
bubus_s
post 24.08.2010, 17:11:39
Post #12





Grupa: Zarejestrowani
Postów: 83
Pomógł: 0
Dołączył: 15.06.2009
Skąd: Lublin

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


Przepraszam.

Gdzie mam dodać ten przycisk który wykonywał by akcję?
Nie znam się na Jquery.
A to co napisaliście to pokazuje mi co mam napisać.
Ale nie wiem gdzie i jak.
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 Wersja Lo-Fi Aktualny czas: 30.04.2025 - 06:40