Forum PHP.pl > [HTML][JavaScript][AJAX] Po naciśnięciu przycisku wyskakuje okienko

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript][AJAX] Po naciśnięciu przycisku wyskakuje okienko

bubus_s

24.08.2010, 09:24:55

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.

nospor

24.08.2010, 09:27:20

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

askone

24.08.2010, 10:35:52

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ę

Pozdrawiam

bubus_s

24.08.2010, 11:16:15

Mam takie coś:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
 
	$("#przycisk").click(function(event){
		$("#dialog").dialog();
		$("#dialog").removeClass("ukryty");
	});
 
});
[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

nospor

24.08.2010, 11:21:00

No a czy przypadkiem #przycisk nie jest polem typu SUBMIT? No jesli tak to nic dziwnego ze submit submituje ci formularz

Musisz przerwać wykonywanie tego submita.

bubus_s

24.08.2010, 11:26:32

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

Nie rozumiem jak przerwać wykonywanie tego submita.

askone

24.08.2010, 11:29:54

Cytat(bubus_s @ 24.08.2010, 12:16:15 )

Mam takie coś:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
 
	$("#przycisk").click(function(event){
		$("#dialog").dialog();
		$("#dialog").removeClass("ukryty");
	});
 
});
[JAVASCRIPT] pobierz, plaintext

Po pierwsze wywołanie funkcji ui-jquery dialog nie wykonuj w funkcji przypisanej do zdarzenia click. Zrób to tak:

[JAVASCRIPT] pobierz, plaintext 
(document).ready(function(){
  $("#dialog").dialog();
  $("#przycisk").click(function(event){
    $("#dialog").dialog("open")
    return false;
  });
});
[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

bubus_s

24.08.2010, 11:42:53

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

[HTML] pobierz, plaintext 
<form name="subscribeform" class="cmxform" id="rejestracja2"   method="post"  action="http:/myweb">					
[HTML] pobierz, plaintext

Czyli od początku.

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

askone

24.08.2010, 12:02:32

Zamiast input typu submit daj w formularzu

[HTML] pobierz, plaintext 
<button id="submit">Wyślij</button>.
[HTML] pobierz, plaintext

Później:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
 $("button").button();
 $("#dialog").dialog();
 $("#submit").click(function(event){
   $("#dialog").dialog("open");
 });
});
[JAVASCRIPT] pobierz, plaintext

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

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

Pozdrawiam

bubus_s

24.08.2010, 12:05:28

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

askone

24.08.2010, 12:12:34

Wywołanie

[JAVASCRIPT] pobierz, plaintext 
$("button").button();
[JAVASCRIPT] pobierz, plaintext

Jest tylko dlatego aby ładnie ostylować przycisk. Korzystając z ui-jquery masz do dyspozycji zunifikowany zestaw reguł css

Oczywiście, jeśli chcesz sam dobierać style to nie wywołuj tego...

bubus_s

24.08.2010, 17:11:39

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.

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.